Support » Plugin: Variation Swatches for WooCommerce » plugin customization

  • Resolved Toygar Niron

    (@tniron)


    Hello,

    First of all, I don’t know if what I want is in the free version. We apologize in advance if the free version is not included.

    Your plugin messed up my website design after an update and I submitted a ticket. When I decided to delete it completely, you released another update and I wanted to try my luck.

    The new update both fixed my problems and I was excited that you added a feature I wanted.

    However, like everyone else, I have my own design and colors. So I wanted to make some minor changes to your plugin. However, I couldn’t do that.

    What I need is the implementation of the following codes. If you test these codes on the sample page I sent, you will see that it fits my design perfectly 🙂

    Can I get support from you on this?

    .woocommerce .tawcvs-swatches .swatch:before, .woocommerce .tawcvs-swatches .swatch-show-more:before {
        content: "";
        position: absolute;
        left: -1px;
        top: -1px;
        right: -1px;
        bottom: -1px;
        border: 2px solid #ddd;
    }
    .woocommerce .tawcvs-swatches .swatch.selected:before, .woocommerce .tawcvs-swatches .swatch-show-more.selected:before {
        border-color: #547992;
    }
    .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
        line-height: 0px;
        background-color: white;
    }

    Thank you
    Toygar

    • This topic was modified 1 year, 1 month ago by Toygar Niron.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Woosuite

    (@themealien)

    Hi Toygar,

    I couldn’t find your name in our helpdesk; maybe you opened a ticket under a different name?

    The new update both fixed my problems, and I was excited that you added a feature I wanted.

    Happy we managed to get something right:)

    Is this the desired result you want?
    https://www.awesomescreenshot.com/image/15063521?key=afc5842b4d7ec6ccdfaad3aa1df827ef

    We were debating adding a custom CSS field for users using their own CSS, would this be useful?

    It’s extremely hard, if not impossible, for us to create styling that works with all themes, we test on several themes that users report to us to ensure maximum compatibility.

    Thread Starter Toygar Niron

    (@tniron)

    Hello,

    Thanks for the quick response. This is my other title you were looking for but couldn’t find; https://wordpress.org/support/topic/how-do-i-revert-to-the-old-version/ 🙂

    I’m an Elementor Pro user and I use customizations on websites I make for myself and my clients. Having a custom css field within the plugin is really a tremendous convenience. After a while, it becomes very difficult to remember which customization you made for which plugin. That’s why I have a separate plugin where I categorize customizations.

    The screenshot you posted looks correct with no selection made yet. You know, some fields change when the selection is made 🙂

    What path can I follow? Or can I achieve this?

    Thank you

    Plugin Author Woosuite

    (@themealien)

    Thank you for the feedback we will add a custom CSS field that way it will only load when the swatches are present.

    Since you have already written the custom CSS you can add it to the custom CSS section in elementor or in the WP customizer:
    https://drive.google.com/file/d/1m7m2jDk6sS7lkmjw16DBqU4C1L8qtdY8/view?usp=sharing

    I am not sure if I am misunderstanding you?

    Thread Starter Toygar Niron

    (@tniron)

    Hello,

    Yes these codes provide the customization I want but they don’t work and have no effect. I also tried the !importent command but it didn’t work 🙁

    thank you
    Toygar

    Plugin Author Woosuite

    (@themealien)

    I can see you are using the Hello theme by Elementor, you might need their pro plugin to add the custom CSS.

    However, the WP customtizer should work fine see here:

    https://www.awesomescreenshot.com/image/15261170?key=de4422f1db0c581bc03726e1c2bfefee

    .woocommerce .tawcvs-swatches .swatch:before, .woocommerce .tawcvs-swatches .swatch-show-more:before {
    
        left: -1px !important;
        top: -1px !important;
        right: -1px !important;
        bottom: -1px !important;
        border: 2px solid #ddd;
    }
    .woocommerce .tawcvs-swatches .swatch.selected:before, .woocommerce .tawcvs-swatches .swatch-show-more.selected:before {
        border-color: #547992;
    }
    .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
        line-height: 0px;
        background-color: white;
    }

    Let me know if that works for you?

    Thread Starter Toygar Niron

    (@tniron)

    Hello,

    Yes, these codes reflected the change 🙂 Everything looks much better now.

    Thank you for support
    Toygar

    Plugin Author Woosuite

    (@themealien)

    Happy to help 🙂

    Have a great week.

    If you are interested in joining our beta testing program please drop us an email here:
    https://woosuite.com/contact/

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘plugin customization’ is closed to new replies.