Home › Forums › WoodMart support forum › How to remove swatch on shop page
How to remove swatch on shop page
- This topic has 17 replies, 2 voices, and was last updated 6 years, 5 months ago by Elise Noromit.
-
AuthorPosts
-
July 26, 2018 at 8:06 pm #69458
MAYZELParticipantSee 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.
July 27, 2018 at 6:44 am #69488
Elise NoromitMemberHello,
Choose another Hover on product effect: Theme Settings > Shop > Product styles
Best Regards
July 27, 2018 at 11:24 am #69548
MAYZELParticipantHave 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 ?/
July 27, 2018 at 12:27 pm #69558
Elise NoromitMemberHello,
I have not changed anything on your site.
Best Regards
July 28, 2018 at 12:19 pm #69723
MAYZELParticipantoh its me after I flushed cache
How do I get the product image to show on the swatch on the product page please?
July 28, 2018 at 12:36 pm #69729
MAYZELParticipantNow I have remove the swatch to show on the product the vartion image doesnt stay present on the product paige only shows the colour
July 28, 2018 at 12:45 pm #69733
MAYZELParticipantI would like these watches to show product images please?
But I dont want the swatch the show on the product grid
July 28, 2018 at 3:25 pm #69753
Elise NoromitMemberHello,
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
July 28, 2018 at 5:39 pm #69765
MAYZELParticipantThat 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
July 28, 2018 at 8:46 pm #69784
Elise NoromitMemberHello,
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
July 30, 2018 at 12:15 pm #69952
MAYZELParticipantHi I dont think you understand please see attached PDF
Attachments:
You must be logged in to view attached files.July 30, 2018 at 1:57 pm #69970
Elise NoromitMemberJuly 30, 2018 at 2:32 pm #69990
MAYZELParticipantNo 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
July 30, 2018 at 2:38 pm #69992
MAYZELParticipantLet 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
July 30, 2018 at 3:26 pm #70006
MAYZELParticipantYes that code was what I was looking for but doesnt work 🙁
July 30, 2018 at 6:54 pm #70044
Elise NoromitMemberHello,
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
July 30, 2018 at 7:04 pm #70048
MAYZELParticipantBrilliant thank you so much perfect you legend
July 30, 2018 at 7:42 pm #70051
Elise NoromitMemberYou are welcome! If you have any questions please feel free to contact us.
Best Regards
-
AuthorPosts
The topic ‘How to remove swatch on shop page’ is closed to new replies.
- You must be logged in to create new topics. Login / Register