Return to previous page

Variation Swatches dont work anymore on shop page

This topic has 9 replies, 3 voices, and was last updated 2 years, 8 months ago ago by OnlineMovement

  • Avatar: MohammedHa
    OnlineMovement
    Participant
    March 10, 2022 at 13:15

    Hello 8Theme Team,

    i activate swatches for my products with diferent colors. First it works.

    On the shop page you can see, that the swatches dont work anymore (link is enclosed in private area)
    When i click on the color, the image dont change.

    but i changed nothing. What could be the problem? :/

    Thanks in advanced
    Regards

    -Mo

    Please, contact administrator
    for this information.
    #319328 Copied Theme version: 8.1.1 WooCommerce version: 6.2.1
    8 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 10, 2022 at 13:29

    Hello,

    Theme Options > WooComerce > Shop elements > Variation swatches > Primary Attribute > Color

    Regards

    #319331 Copied
    Avatar: MohammedHa
    OnlineMovement
    Participant
    March 10, 2022 at 14:55

    Thanks for fast reply, it works!

    It is possible to let the customer know what color he picked?

    On Desktop when the customer hover over the variation swatch it comes the text of the color, so the customer knows the color.

    On mobile there isnt any designation. Its posible to fix it?

    Please contact administrator
    for this information.
    #319341 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 10, 2022 at 16:05

    Hello,

    Clear the google page speed cache and check your site now. We made changes in xstore/css/swatches.min.css. Fix will be included in the next theme update.

    Regards

    #319349 Copied
    Avatar: MohammedHa
    OnlineMovement
    Participant
    March 14, 2022 at 13:54

    Hello,

    it is okay, can you please remove css?

    Thanks

    Regards
    -Mo

    #319558 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 14, 2022 at 18:10

    Hello,

    What do you mean to remove the CSS? Do you want to get back the previous styles? Don’t you want to show labels on mobile anymore?

    Regards

    #319576 Copied
    Avatar: MohammedHa
    OnlineMovement
    Participant
    March 15, 2022 at 09:51

    you did good but there is a mistake :

    1. I wanted it on the single product page
    2. when you click on a color on the shop paget here is the string “klar” but “klar” isnt a color.

    https://prnt.sc/7a5BPESrJeG4

    Can you fix it maybe?

    Thanks in advanced for fast support and implementation, i really apreciate it

    #319615 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 16, 2022 at 12:30

    Hello,

    1/ We did that. Did you check the single product?
    2/ That’s not the variation title. It’s clear link that allows you to clear your choice. It’s not related to our changes for the single product. Do you want to hide that link on the shop page?

    Regards

    #319706 Copied
    Avatar: MohammedHa
    OnlineMovement
    Participant
    March 17, 2022 at 10:39

    Hello Olga Barlow,

    everything works fine now!

    Thank you very much
    Have a good day!

    Regards

    -Mo

    #319825 Copied

  • Tagged: , , , , , ,

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

The issue related to '‘Variation Swatches dont work anymore on shop page’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Interior – WordPress WooCommerce Theme
lazy-placeholder
Eco Scooter Store – WordPress WooCommerce Theme
lazy-placeholder
Spa – WordPress WooCommerce Theme
lazy-placeholder
Makeup Store – WordPress WooCommerce Theme
lazy-placeholder
Yoga Accessories – WordPress WooCommerce Theme
lazy-placeholder
Babyland 01 – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store (Dark) – WordPress WooCommerce Theme
lazy-placeholder
Cocktails Store – WordPress WooCommerce Theme
lazy-placeholder
Man Store – WooCommerce Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme

See All Templates

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