Home Forums WoodMart support forum How to remove swatch on shop page

How to remove swatch on shop page

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #69458

    MAYZEL
    Participant

    https://snag.gy/lk09xp.jpg

    See on the pink shoes the swatch is on there,

    You did give me a code before to set it as this style, when I go on the theme settings the remove swatch I think your code has over rided it, can you please find the code and remove it please as I dont want to remove the wrong code.

    #69488

    Hello,

    Choose another Hover on product effect: Theme Settings > Shop > Product styles

    Best Regards

    #69548

    MAYZEL
    Participant

    Have you done something?

    As the in the shop page the attribute underneath the image has gone which is great, this is what I wanted.

    But now the swatch attribute on the product page isn’t showing the image of attribute instead of variation image ?/

    #69558

    Hello,

    I have not changed anything on your site.

    Best Regards

    #69723

    MAYZEL
    Participant

    oh its me after I flushed cache

    How do I get the product image to show on the swatch on the product page please?

    #69729

    MAYZEL
    Participant

    Now I have remove the swatch to show on the product the vartion image doesnt stay present on the product paige only shows the colour

    #69733

    MAYZEL
    Participant

    https://snag.gy/JWIuH8.jpg

    I would like these watches to show product images please?

    But I dont want the swatch the show on the product grid

    #69753

    Hello,

    In order to show images of variations on attribute swatches, navigate to Theme settings > Shop > Attribute swatches > enable

    I do not see swatches on shop nor in the grid.

    Best Regards

    #69765

    MAYZEL
    Participant

    That would be manual images for a certain swatch I want product images to show up.

    If I set pa colour on the swatches on the them settings then on the product page this will show up a product image instead of a coloured circle.

    But I want the product image to show on the product page without the swatch showing on the product grid.

    https://snag.gy/AnL259.jpg look here,

    thats how I want it but only to show on the product page not the shop page

    #69784

    Hello,

    Your shop page does not show swatches https://gyazo.com/04a2672d16e6b33eb81588f884c5a43c

    Your product page does.

    That would be manual images for a certain swatch I want product images to show up.

    You can only show images which are added to variations and no manual images or you can fill out the gallery in the product page.

    Best Regards

    #69952

    MAYZEL
    Participant

    Hi I dont think you understand please see attached PDF

    Attachments:
    You must be logged in to view attached files.
    #69970

    Hello,

    Please check this options in the product http://prntscr.com/kcrmg2

    Best Regards

    #69990

    MAYZEL
    Participant

    No you really aren’t understanding my concern I will try look for a plug in to show swatch images.

    Unless you have a code the hide to swatch on shop page.

    I need the shoe image to show on the add cart bit and not the circle colour.

    what you just told me was to do that for every product ,

    I know what im asking you is possible as someone here did it before for me

    what you have just sent me would mean I would have to go through all my products and edit them and then remove the swatch in the theme settings

    Not good advice in this topic for what I need

    #69992

    MAYZEL
    Participant

    Let me try simplify this for you even more as I cant believe you dont understand what I mean.

    I would like all my product photos variation to show up on the product page when you select a colour.

    To show product image to click on select

    Not a blank colour circle

    #70006

    MAYZEL
    Participant

    Yes that code was what I was looking for but doesnt work 🙁

    #70044

    Hello,

    Please add this code to Theme Settings > Custom CSS:

    .woodmart-hover-base .swatches-on-grid {
        margin-bottom: 0;
        display: none;
    }
    .woodmart-hover-base .wrapp-swatches {
        border-bottom: 1px solid rgba(0,0,0,0);
        border-top: 1px solid rgba(0,0,0,0);
    }
    
    .product-grid-item .swatches-on-grid {
        margin-bottom: 5px;
        display: none;
    }

    This code would remove swatches from the product grid: http://prntscr.com/kcx1ca

    Best Regards

    #70048

    MAYZEL
    Participant

    Brilliant thank you so much perfect you legend

    #70051

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

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

The topic ‘How to remove swatch on shop page’ is closed to new replies.