Need the hook for archive/ shop page at the position after product

This topic has 12 replies, 3 voices, and was last updated 2 weeks, 5 days ago ago by Luca Rossi

  • Avatar: JS
    JS
    Participant
    October 8, 2024 at 18:26

    I have installed variation swatches for woocommerce plugin. The swatches option is not showing on the shop/archive page after the products. We will need the hook for my developer to do the coding, can help. Please refer to the image for the hook that we need.

    This is the link: https://paste.pics/S3M41

    11 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 9, 2024 at 07:47

    Hello,

    Thank you for reaching out to us with your query.

    We offer our own swatches functionality, which may negate the need for additional plugins. You can view more about this feature here: https://youtu.be/LgzC4iK-j6A?feature=shared Please check if this suits your needs.

    Best Regards,
    8Theme’s Team

    Avatar: JS
    JS
    Participant
    October 11, 2024 at 04:11

    Can you just provide me the hook ? Doesn’t seem to be able to make it appear

    Avatar: JS
    JS
    Participant
    October 11, 2024 at 04:49

    HI i tried but not sure why the border colour doesn’t appear, for white selection, will be a problem

    Files is visible for topic creator and
    support staff only.
    Avatar: JS
    JS
    Participant
    October 11, 2024 at 05:24

    and then i also find the variation swatch looks small, any chance i can make it bigger?

    Avatar: JS
    JS
    Participant
    October 11, 2024 at 07:45

    It also does not show cross although it is out of stock . For examples glove size 26

    Files is visible for topic creator and
    support staff only.
    Avatar: Justin
    Luca Rossi
    Support staff
    October 11, 2024 at 09:51

    Hi @JS,

    Please try adding this custom CSS codes udner XStore > Theme Options > Theme Custom CSS > Global CSS:

    
    body ul.st-color-swatch li {
        border: 1px solid var(--et_border-color) !important;
    }
    body ul.st-swatch-size-large li.type-color {
        width: 45px;
        height: 45px;
    }
    

    Then navigate to WooCommerce > Settings > Products > Inventory > then check this option:

    https://prnt.sc/9dnnsWzyZNJs

    Hope it helps!

    Avatar: JS
    JS
    Participant
    October 11, 2024 at 10:11

    Hi, i added the css code, but the swatch option still look small. No changes

    Avatar: JS
    JS
    Participant
    October 11, 2024 at 18:08

    Also tried adding via global css but din work out

    Files is visible for topic creator and
    support staff only.
    Avatar: Justin
    Luca Rossi
    Support staff
    October 12, 2024 at 15:40

    Dear @JS,

    We hope this message finds you well.

    We wanted to inform you that we identified a syntax error in your custom CSS code, which we have now corrected.

    Could you kindly review the changes on your end? You should notice that the color swatches now have a larger size and have border around.

    Thank you for your attention to this matter.

    Best regards,
    The 8Theme Team

    Avatar: JS
    JS
    Participant
    October 12, 2024 at 18:11

    Hi for the other labels, can make the font type slightly bigger and make it centre of the box?

    Files is visible for topic creator and
    support staff only.
    Avatar: Justin
    Luca Rossi
    Support staff
    October 14, 2024 at 04:58

    Hi @JS,

    Could you please check again: https://prnt.sc/7NQxiCujukfY?

    We’ve updated the custom CSS codes a bit.

    Thank you!

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

You must be logged in to reply to this topic.Log in/Sign up

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