Home Forums WoodMart – Premium Template Attribute swatches on mobile

This topic contains 9 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 2 months, 3 weeks ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #134437

    Stanley Black
    Customer

    Hello,

    How to disable attribute swatches only on mobile?

    Now when you click on product(mobile), hover base lift up with variations.
    I want to disable that.
    On click I want to directly go to the product page without hover base and variations.

    Kind regards

    Private Content Hidden
    #134459

    Hello,

    Please enable the option in the Theme settings > Shop > PRODUCTS STYLES > Open product on click on mobile

    Best Regards

    #134496

    Stanley Black
    Customer

    Hello,

    Is it possible to achieve that with custom css?

    I don’t have that option in my theme settings.
    That’s for sure is new option but I can not update theme now.

    Best regards

    #134522

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Mobile:

    body .product-grid-item:hover .wrapp-swatches{
    display:none;
    }

    Best Regards

    #134559

    Stanley Black
    Customer

    Hello,

    This css only removes wrapp swatches.
    Product still lift up on click.

    When product is clicked I want to remains as it is, just to go to product page.
    Without lift up.

    Is it possible?

    Best regards

    #134587

    Hello,

    You need to disable JS minification in the Theme Settings > Performance and delete the code shown on the screen http://prntscr.com/okcmu2 from woodmart/js/functions.js

    Best Regards

    #143015

    Stanley Black
    Customer

    Hello,

    Theme is updated, js minification is disabled, code from functions.js is removed but on mobile again on click product first lift up and then goes directly.

    This is enabled Theme settings > Shop > PRODUCTS STYLES > Open product on click on mobile.

    Also css for mobile didn’t help

    body .product-grid-item:hover .wrapp-swatches{
    display:none;
    }

    Kind regards

    #143091

    Hello,

    You need to change the design on hover in the product grid. Consider this one “Full info on image” in the Theme Settings > Shop > Product style.

    Best Regards

    #143117

    Stanley Black
    Customer

    Hello,

    Thanks for response.

    I need that functionality only for mobile.

    I will try to find another solution.

    Kind regards

    #143160

    Ok. If you have any questions please feel free to contact us.

    Best Regards

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

The topic ‘Attribute swatches on mobile’ is closed to new replies.