fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

CSS selectors

Nawfel Oussedik

Hi there,

#1 Could you please let me know what this website is so I can do the other one by myself?

  • Product wrapper
  • Image selector
  • Add to cart button selector

The product loop is on the home page.

#2 Both stock” and “clear” are visible, although they are set not to. Could you please help fix it?

Screenshot 2023-02-27 at 13.56.12.pngScreenshot 2023-03-01 at 10.01.43.png

Hakik Zaman

Hi Nawfel,

Thanks for reaching out to us. Unfortunately, the screenshots are not visible from my end.

Can you please upload your screenshot here: https://paste.pics/ and post directly the screenshot link?

Here are the wrappers and selectors for this site: https://aytadz.com

Product wrapper = .jet-listing-grid__item
Image selector = .wvs-archive-product-image
Add to cart button selector = .wp-element-button

Thank You

Hakik Zaman

Hi Nawfel,

What is it supposed to change when they are correctly set?

These will help you to bring variation images on selecting variations on the shop page.

The grid layout is controlled by the Elementor and Crocoblock widgets. So, those options are not working.

I don’t know how you display the swatches on the archive. You can try the shortcode [wvs_show_archive_variation] here: https://prnt.sc/wlgKC7_vzK0s for a test if those controls work for this shortcode.

Thank You

Nawfel Oussedik

Thank you Hakik,

I am using Elementor’s default ‘Add to cart’ widget. The shortcode you sent only shows the variations. Is there one that displays both button variations?

Hakik Zaman

Hi Nawfel,

Thanks for getting back to me. Unfortunately, we don’t deal with the add-to-cart button.

Add to cart button is a default feature of WooCommerce.

I hope you will understand.

Thank You