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

Filters breaking visuals, add to cart leading to the product page, wrench icon at the catalog page

Sergio Coser

Hi there,

We are developing a site for a client wich the heart of the whole thing is your Variation Swatches Plugin (the test site is at novo.yellowfinbr.com.

The possibility to chose an atribute and send it directly to cart is amazing, but we are facing some issues and hope you can help.

We are using Crocobloc’s Jet Woobuilder and other addons to deliver a website easy to use by the final client (dynamic banners, menus and so on). On top of that, we configured the Variation Swatches plugin to be able to configure the size option to be added to cart directly from the catalog page (our benchmark is not a woocommerce store, but the inspiration came from https://www.osklen.com.br/categoria/masculino-camisetas).

The issues are (i will put images attached):

1-We have a wrench icon showing in the add to cart button,
2-After selecting the variation and clicking add to cart (adicionar a sacola in portuguese-BR) the product page opens, not the action to add the product to the cart, and then show the ajax cart with “product added successfully”)
3-After we use the filters on the sidebar, the visuals on the buttons changes
4-Is it possible to put a quantity selector there on each product on the catalog page?

Captura de Tela 2021-10-05 às 20.51.09.jpgCaptura de Tela 2021-10-05 às 20.55.59.jpgCaptura de Tela 2021-10-05 às 20.57.12.jpg

Hakik Zaman

Hello Sergio Coser,

Thanks for reaching out to us. Sorry for your inconvenience.

1-We have a wrench icon showing in the add to cart button,

It is coming from your theme. You can contact your theme developer or you can use some custom CSS to disable the wrench icon. Here is the custom CSS for you-

.button.product_type_variable:before {
   content: "";
   display: none;
}

2-After selecting the variation and clicking add to cart (adicionar a sacola in portuguese-BR) the product page opens, not the action to add the product to the cart, and then show the ajax cart with “product added successfully”)

From our inspection, the add-to-cart is working as expected. Please check this screencast.

3-After we use the filters on the sidebar, the visuals on the buttons changes

I have added below CSS to Appearance > Customize > Additional CSS. Please check and let me know it resolved your issue or not.

.button.add_to_cart_button,.button.product_type_variable, .jet-wishlist-button__link{
   width: 100%;
}

4-Is it possible to put a quantity selector there on each product on the catalog page?

Unfortunately, this feature is not currently available. You can put this feature request here.

Thanks