Variable Products Missing Clear Button - by tara.hagemann@m45.com

This topic has 6 replies, 3 voices, and was last updated 8 years ago ago by Jack Richardson

  • Avatar: tara.hagemann@m45.com
    tara.hagemann@m45.com
    Participant
    December 6, 2016 at 18:08

    I’ve done very little customization thus far, so it’s a relatively clean, new installation of Xmarket.

    The variable products that I have entered work as expected. However, when you select a qualifier, an oddly hyperlinked word, “Clear,” appears on the next line.

    Clicking it, of course, resets the product to the default variation.

    The problem, then, is that it’s missing the CSS and/or image that styles this link as a button and places it where you intended. Can I please have that code?

    Please, contact administrator
    for this information.
    5 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    December 6, 2016 at 20:09

    Hello,

    As you can see the same style is on our demo https://www.8theme.com/demo/xmarket-wo/?product=mens-demo-shoes-2 . How do you want to style it?
    You can write HTML syntax in the category description. It will work, but by default we don’t have html editor there as wordpress editor for posts/pages.

    Best regards,
    Jack Richardson.

    Avatar: tara.hagemann@m45.com
    tara.hagemann@m45.com
    Participant
    December 7, 2016 at 17:21

    Thanks, Jack, for the clarifications and the quick reply.

    Now, on that Clear button/link, I should be able to handle restyling it. Just to explain my confusion and perhaps to improve the template, on my desktop browsers the clickable region is very small and not on the text itself. It seems to be limited to that small white strip in the screen capture below. I’m not sure why or what’s cancelling it, though I imagine that that’s close to unusable on handheld devices.

    screen cap from template with DOM inspection

    Avatar: Eva
    Eva Kemp
    Support staff
    December 7, 2016 at 20:30

    Hello,

    Try to add this code in custom.css file:

    .reset_variations {
       margin: 10px 0 0px !important;
    }

    To create custom.css you need rename default.custom.css to custom.css in wp-content/themes/xmarket directory via FTP and enable it in Xmarket – Theme Settings, tick “Enable Custom CSS file”.

    Regards,
    Eva Kemp.

    Avatar: tara.hagemann@m45.com
    tara.hagemann@m45.com
    Participant
    December 14, 2016 at 20:38

    That did the trick. Thanks, Eva et al.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    December 14, 2016 at 21:24

    Hello,

    You’re welcome.

    Best regards,
    Jack Richardson.

  • Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Variable Products Missing Clear Button’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.