Shop Page attributes

Hi,
i have a lot of variable products on my store. on the Shop Page there are options to select attribute variation for each product on its product card. i have two attributes for products but on shop page it shows one by one. Like for example a Variable product have 2 attributes first one is “Color” and Second one is “Size”. but in woodmart theme on shop page it shows one by one to select. like for example when i go to the shop page and in any product card when i select a variation in attribute “Color” then only the option to select the second attribute “size shows up below it. But i want it show both at once not one by one. Please can you help me fix this. if possible please give me a code to fix this.

Hello,

Unfortunately, it is not possible to show more than one attribute in the grid at the same time.

If you have any questions, please feel free to contact us.

Best Regards,

But why is this not possible? by default woocommerce shows all the attributes. and In woodmart theme layout the second attribute is showing up when 1 attribute is selected that means you have some javascript doing this in the backend. so why is it not possible to show the attributes as it is instead of setting it to trigger change when first is selected?

see i found this in the Quickshop.js file.
” function initVariationForm($product) {
$product.find(‘.variations_form’).wc_variation_form().find(‘.variations select:eq(0)’).trigger(‘change’);
$product.find(‘.variations_form’).trigger(‘wc_variation_form’);
}
}; ”

Please give me the solution to show all at once instead on depending on triggers.

Hello,

Navigate to > Theme Settings > Shop > Variable Products > Enable the “Quick Shop” for variable products and choose the desired quick shop type under “Quick Shop Type”.

If you select Variation Click, the attributes will appear one by one. After selecting the first attribute, the second attribute (e”Size”) will be shown. Clicking on an attribute will reveal the other variations and allow customers to add to the cart directly.

Please see the following video for a better understanding of these options:
https://woodmart.xtemos.com/theme-settings-tooltips/quick_shop_variable_type_variation.mp4

If you prefer the Select Option type, customers will need to click on the “Select Options” button to choose the variations and then add the product to the cart.

Here’s the video for Select Option:
https://woodmart.xtemos.com/theme-settings-tooltips/quick_shop_variable_type_select.mp4

This will help you control the layout and functionality of the variation selection on the Shop page.

Best Regards,

Yes i know this features. but this is not solving my problem. i don’t want it to reveal attributes or appear one by one. i want it all to be shown at the start only. see the photo i have attached for reference, i want it like that to show all available selectors at once not by selecting one by one.

Attachments:

You must be logged in to view attached files.

Hello,

Unfortunately, there is no default option to show more than one attribute variation. You need to find a third-party plugin to achieve more functionality that best suits you: https://wordpress.org/plugins/display-product-variations-dropdown-on-shop-page/

We have not officially tested such plugins with WoodMart.

Best Regards,

[Author]

Posts