Varible products loading

Hello!
I have faced difficulties with variable products, I wanted to show all options and button to buy instantly, but now I need to click a select option and wait loading, so product information and buy button loads and becomes operational, can you help me fix that?
Currently, I have this setup: http://tortila.levi-dev.com/product-category/pizza/
Reference what I am trying to achieve with variables: https://dominos.ua/
http://prntscr.com/q7afh1

Hello,

First of all thanks for choosing our Theme, we are glad to be you in WoodMart WordPress family :-).

By default in our theme variable product swatches designed to work in this way. The product grid display the variations on hover when someone clicks on the select options button then you have to select specific swatch and add item to cart.

There is no other option to direct display all the variations except of hover effect and select the swatch and add item to cart directly.

You can also check the below documentation: https://xtemos.com/docs/woodmart/variable-products-swatches/

Best Regards.

@wkgordienko

Try this custom code. Add this code to your functions.php file in child theme or on a snippet plugin. You can show the variations on shop page just like you want it. Hope you change your review.

add_action( 'woocommerce_before_shop_loop', 'woodmart_shop_select_variations' );

function woodmart_shop_select_variations() {
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_single_add_to_cart', 30 );
}

Hello,

We just saw that you leave a bad review. Because you did not like the available functionality for the variable products.

If you want to display the swatches directly on your shop grid as in this figure “https://jmp.sh/FVmKqBJ”. So user can click on swatches and he will able to see different swatch images accordingly.

Just let me know I will help you to achieve this look but user have to click on the select option and then that hover effect will shown which runs the ajax loading and then the user have to select swatches and will be able to add that item to cart.

Screenshot for clarification: https://jmp.sh/hpU8V4C

Also If you do not want the ajax functionality and did not like the quick shop function then simply disable this function from theme settings >> Shop >> “Quick Shop” for variable products. So user will add items to cart from the product detail page and not from the product grid.

We have multiple hover styles for product grid you can check from theme settings >> Shop >> PRODUCTS STYLES >> Hover on product.

Screenshot for your satisfaction: https://jmp.sh/7MKR680

Unfortunately we don’t have such option at the current moment to display all the swatches and directly select the variations from grid and add it to cart without ajax, but we promise that we will consider this as a feature request and we will try to add this functionality in the near future coming release of theme.

We request you to remove that review. Also you can try the suggestion of “newsprince”.

I have tried the piece of code provided by “newsprince” in my funtions.php and it works at my end. You can check the below video for clarification: https://jmp.sh/mkiDPoM

Please change/remove your review, It’s humble request from us.

Best Regards.

Hi, I have tried this code also and it is working fine, thank you for that!
I know that your theme can’t make it works for every situation and I am fine with that.
I have changed my review.

Hello,

Thank you so much for understanding and changing that review. I’m glad that the provided code works.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts