how to create like these (cards) in the shop page & archive page

This topic has 3 replies, 2 voices, and was last updated 11 months, 1 week ago by Hung Pham.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
August 13, 2024 at 6:35 pm #589949

ibeautyworld.sa
Participant

Hello,

This store uses Woodmart as their template, I want to know how to show this grey card below the product image!

another thing, how to show variations like this instead of dropdown menu in the product page!

I have attached images!

Attachments:
You must be logged in to view attached files.

August 14, 2024 at 11:04 am #590047

Hung Pham
Keymaster

Hi ibeautyworld.sa,

Thanks for reaching to us.

Please provide URL of the mentioned page, so I can take a closer look.

Regards,

August 14, 2024 at 11:28 am #590058

ibeautyworld.sa
Participant

https://alraamis.com/product-category/emulsions/

and this is the product page (the variations)

https://alraamis.com/product/%d8%b4%d9%85%d8%b9-%d8%a7%d9%84%d8%a5%d8%b3%d8%aa%d8%ad%d9%84%d8%a7%d8%a8/

August 14, 2024 at 4:56 pm #590123

Hung Pham
Keymaster

Hi ibeautyworld.sa,

You need to define attributes from appropriate input in the settings of the product: https://prnt.sc/SgKJ1MdXGkz9 , not manually like in your case: https://prnt.sc/2crzlDONMZ7R

Then you need to define the attributes that you want to see on the Shop archive as a dropdown in Theme Settings > Shop > Variable products > Grid swatch attribute to display: https://prnt.sc/3ZNFuaNFdCL3

Please check this manual and configure it for products.
https://xtemos.com/docs-topic/variable-products-and-swatches/

Regards,
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

Sign in

No account yet?

Create an Account