Home / Forums / WoodMart support forum / How to control the Variable products style
Home › Forums › WoodMart support forum › How to control the Variable products style
How to control the Variable products style
- This topic has 7 replies, 2 voices, and was last updated 5 months, 2 weeks ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
January 19, 2026 at 11:56 am #704996
springorchid2008ParticipantHi,
Really appreciated for solving the problems one by one for my website.
By now , I met a problem with the variable problem.
I set the attribute of Model with ( brush and brushless) for products. and use the various product in the woocommerce setting, I hope to show the attitube of “brush” and “brushless” in the single product page after the short discription. and once click the “brush”, the image with brush attibute will show up, and click the “brushless”, another image will show up.
But by now , the single page showed the model with “brush” and “brushless” with long space ( how to control the space?）after the short description. but the problem is once I click the “brush” , the page will redirect to the new attribue 404 page instead of the different imae show up.
I tried a lot to contol , but it seems doesn’t work at all.
Could you pls help to check it for me?
the page is as following:
https://temp.lanversestudio.com/product/st-2430-compact-press-tool-copy/Attached you will find the screenshot .
Best regards
CathyAttachments:
You must be logged in to view attached files.January 19, 2026 at 5:00 pm #705105Hello,
Regarding the space can you please tell me which space you want to remove in the attributes?
For the 404 error, Resave permalinks in Dashboard -> Settings -> Permalinks, clear the cache and recheck the issue.
Best Regards,
January 20, 2026 at 7:23 am #705174
springorchid2008ParticipantHi, Dear Aizaz,
I just want to show the product attibute of model with two button ( brush and brushless), click each of the button, corresponded image will show up. the two buttons just place above the ” get a quoto” button.
I thought it should be very easy, actually, I don’t know what’s wrong with it.
You can find it in the single product setting .
https://temp.lanversestudio.com/wp-admin/post.php?post=30800&action=edit
could you leave some time to check it for me?
it would be very appreciated for it.Best regards
CathyJanuary 20, 2026 at 11:54 am #705229Hello,
To change the image on attribute click, please edit Product Attribute and enable the Change product image on attribute click option.
Then, edit the terms of the attribute and upload the Image Swatch.
Enable the Additional variations images option in Theme Settings > Shop > Variable products: and upload appropriate images to the variations. Then the images will change by clicking on the swatches.
You can read more here https://xtemos.com/docs-topic/variable-products-and-swatches/ and https://xtemos.com/docs-topic/attribute-swatches/, https://shrturl.app/ju1iWc
Best Regards,
January 20, 2026 at 2:38 pm #705279
springorchid2008ParticipantHi, Dear Aizaz,
I tried, it works on the shop page for each grid of product, the attribute shows and click to change the images. but it only active when set the price even price is zero, without the price, it will not show any attribute.
however, anyway, I only want it active on my single product page , not the shop page. by now, the single products, the attibute showed up, but when clicked, it will redirect to a new page where all the product have same attribute. have to say, it is quite a wonderful effect. but actually, I only want to have corresponded image show up just like it works on shop pages .
Ok, hope you have understood what I described, if it can be solved, would be better. if not, I have to find the alternative way.
you can find it by the link below
https://temp.lanversestudio.com/product/st-2430-compact-press-tool-copy/
Best wishes
CathyJanuary 21, 2026 at 9:29 am #705411Hello,
You currently have Catalog Mode enabled in:
Theme Settings > Shop > Catalog Mode > When Catalog Mode is active, the swatches on the single product page will not show.
Please try disabling Catalog Mode and test again. After that, swatches on the single product page will show. On variable products, set a price and variations images of each variation to properly initialize variations.
Since you only want swatches on the single product page, you can disable them on the shop page:
Navigate to Theme Settings > Shop > Variable products > Grid swatch attribute to display and remove the attribute there.
Best Regards,
January 21, 2026 at 4:19 pm #705519
springorchid2008ParticipantHi, Dear Zizaz,
No, I still need to keep the category mode as I don’t want to show any price , add to cart, checkout, etc. do you mean, under the category mode, the variable products can’t work normally? is it the bug for woodmart?Cathy
January 22, 2026 at 11:06 am #705608Hello,
Enabling Catalog Mode will also hide the product attributes on the single product page, including color and size options. This is the way it works.
If you want to show the variation, enable the catalog mode option and hide the add to cart button with Custom CSS. If you need Custom CSS, let me know. I will check and give you a possible css code.
Best Regards,
-
AuthorPosts
- You must be logged in to create new topics. Login / Register