Home Forums WoodMart support forum Text Swatch feature unavailable

Text Swatch feature unavailable

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #711081

    ha21cn
    Participant

    Since 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?

    #711228

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    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

    #711229

    ha21cn
    Participant

    The 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.

    #711326

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    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.

    #711417

    ha21cn
    Participant

    https://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?

    #711420

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    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

    #711921

    ha21cn
    Participant

    I 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.

    #712033

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    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

    #712745

    ha21cn
    Participant

    You can use this link to view the backend of one of the websites.

    #712864

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    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.

    #712886

    ha21cn
    Participant

    What 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.

    #713022

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    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.

    #713307

    ha21cn
    Participant

    I’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?

    #713397

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    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.

    #713399

    ha21cn
    Participant

    Can’t I use code like #F5F5F5 for background color? I see your code uses the letters “red”.

    #713435

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    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.

Viewing 16 posts - 1 through 16 (of 16 total)

The topic ‘Text Swatch feature unavailable’ is closed to new replies.