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

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.

Hi ibeautyworld.sa,

Thanks for reaching to us.

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

Regards,

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/

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