Home / Forums / WoodMart support forum / Text Swatch feature unavailable
Home › Forums › WoodMart support forum › Text Swatch feature unavailable
Text Swatch feature unavailable
- This topic has 15 replies, 2 voices, and was last updated 3 months, 2 weeks ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
March 5, 2026 at 3:29 pm #711081
ha21cnParticipantSince the Woodmart theme cannot upload images for Custom Attributes to display them as images, but only as Dropdowns, I installed the Variation Swatches for WooCommerce plugin. However, for some reason, the Size setting for Text Swatch in Woodmart is not working. How can I resolve this issue?
March 6, 2026 at 12:36 pm #711228Hello,
Woodmart already has built-in variation swatches (text, color, and image swatches). You do not need to use plugins for this purpose, Please try to use our theme swatches for this.
You can read more here https://xtemos.com/docs-topic/variable-products-and-swatches/ and https://xtemos.com/docs-topic/attribute-swatches/
Best Regards
March 6, 2026 at 12:40 pm #711229
ha21cnParticipantThe reason I’m using the plugin is that your settings only work on a single Global Attribute, but not on a Custom Attribute. If I set a Custom Attribute on my product, then Image Swatch won’t be displayed; only the dropdown options will be shown.
March 6, 2026 at 5:10 pm #711326Hello,
Our swatches options work only with the built-in WoodMart swatches system and will not apply to third-party plugins like Variation Swatches for WooCommerce.
Please note that WoodMart swatches work with global attributes, not with custom attributes created directly inside a product. To use image, color, or text swatches, you need to create the attribute globally first.
Please navigate to Products > Attributes, create your attribute there, add the terms, and then use that attribute in your variable product. After that, the swatches (image, color, or text) will be displayed correctly.
Best Regards.
March 7, 2026 at 10:05 am #711417
ha21cnParticipanthttps://ibb.co/gZTfsPFw
I created the menu using HTML Blocks, but I don’t see where I can set the background color of the left navigation menu. I want to change the background color of the left navigation menu to F5F5F5. How do I do that?March 7, 2026 at 10:24 am #711420Hello,
I have checked your site and have not seen this navigation bar on your site. Can you please share the page URL where it is situated so i will check and give you a possible solution.
Best Regards
March 10, 2026 at 4:08 pm #711921
ha21cnParticipantI have placed two websites in a private area. These two websites use two different HTML Block Mega Menu styles. I want to know how to change the background color and animation of the menu.
March 11, 2026 at 10:35 am #712033Hello,
Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.
Best Regards
March 16, 2026 at 11:04 am #712745
ha21cnParticipantYou can use this link to view the backend of one of the websites.
March 16, 2026 at 6:39 pm #712864Hello,
Please try to use the below custom CSS code and paste it to Theme Options >> Custom CSS >> Global CSS section:
.wd-dropdown-menu.wd-design-aside.wd-style-default .wd-sub-menu-wrapp>.wd-sub-menu { background-color: #F5F5F5; }Best Regards.
March 16, 2026 at 10:08 pm #712886
ha21cnParticipantWhat color does this code change? Is it the background color of the left navigation bar or the HTML Block menu?
https://ibb.co/s91J4GBC
I’ve also encountered a problem: when I use SVG as an image, setting the Image Size on the right has no effect. How can I set the image height? I want the height to be fixed at 30px, with the width adapting automatically.March 17, 2026 at 5:43 pm #713022Hello,
1. Yes, the code will change the background color of the HTML block menu: https://ibb.co/DgPXkpfr
2. Can you please share the page URL where you are trying to set the image size for the SVG images.
Best Regards.
March 19, 2026 at 10:25 am #713307
ha21cnParticipantI’ve already included the image links below. The arrow points to the SVG image. I think the image is too large and I want to resize it, but I can’t seem to get it to work. Also, is there a way to set a row with more than 6 columns?
Regarding the HTML Block menu, I see you successfully changed the position of the left navigation bar. What if I also want to change the background color on the right? Could you provide me with the code for those two changes respectively?March 19, 2026 at 6:15 pm #713397Hello,
1. It’s a common frustration with WoodMart (and WordPress in general). The “Image size” field you’re looking at typically maps to WordPress’s registered image sizes (like thumbnail, medium, or large). Since SVGs are code-based vectors and not pixel-based grids, they don’t have those generated sizes, so that input often does absolutely nothing.
To force a specific height of 30px while keeping the aspect ratio intact, custom CSS is your best friend here.
2. No, it is not possible to increase the number of column more than 6 columns.
3. To change the backgroudn color of the right section on the HTMl block menu dropdown, please use the below custom CSS code:
.wd-dropdown-menu.wd-dropdown.wd-design-default.color-scheme-dark.wd-opened { background: red; }Best Regards.
March 19, 2026 at 6:24 pm #713399
ha21cnParticipantCan’t I use code like #F5F5F5 for background color? I see your code uses the letters “red”.
March 20, 2026 at 9:24 am #713435Hello,
Yes, you should use your color code instead of red. I have added the red color for an example. Please use the below custom CSS code:
.wd-dropdown-menu.wd-dropdown.wd-design-default.color-scheme-dark.wd-opened { background: #F5F5F5; }Best Regards.
-
AuthorPosts
The topic ‘Text Swatch feature unavailable’ is closed to new replies.
- You must be logged in to create new topics. Login / Register