Home › Forums › WoodMart support forum › Swatches on archive pages not correctly displayed on a Macbook
Swatches on archive pages not correctly displayed on a Macbook
- This topic has 6 replies, 2 voices, and was last updated 1 year, 3 months ago by Artem Temos.
-
AuthorPosts
-
July 11, 2023 at 11:56 am #480630
support-1174ParticipantHi!
On a MacBook Air the little swatches below the product image on product category /archive pages are not displayed correctly.
Please look at the attached images.
On a Windows pc this problem is not there…
I do not have a Macbook or Apple product, so I can not test to see where the problem is…
Can you help me solve this?You have the login information, so you can get into the site (it is under construction now, so it is not live)
Attachments:
You must be logged in to view attached files.July 11, 2023 at 12:05 pm #480638
support-1174ParticipantOn an even older Macbook 7.1 I see more problems… See the attached image
Attachments:
You must be logged in to view attached files.July 11, 2023 at 12:27 pm #480645
Artem TemosKeymasterHello,
It is caused by the custom CSS code as shown on the screenshot https://prnt.sc/rnpkeW3aCCN3
Kind Regards
July 11, 2023 at 12:44 pm #480646
support-1174ParticipantYes, you are right!
I used that code, so the little swatches got bigger. As you can see on your own screenshot, they are super tiny.
So it was not the right code apparently…So now I removed that code and I do see the little “normal” swatches, but they are so tiny…
How do I get them the same as the ones on the tables archive page (see link in the visible to moderators only)
Unfortunately, there are no options for customizing these within your theme settings…These table ones are provided by a swatches’ plugin, and look different from your theme ones.
How do I get your swatches to look the same as the ones on the tables archive page?
So:
Same size + same shape + same thin black rounded outline
When hovering over them: same thicker yellow outline and the same white tooltip block with black outline letters.
And when selected: a tick yellow outline and a yellow check markCan you help me adjust this?
- This reply was modified 1 year, 3 months ago by support-1174.
July 11, 2023 at 5:04 pm #480699
Artem TemosKeymasterHello,
Our theme has options for swatches sizes and styles. Please, use them first and you will probably not need any custom CSS. https://prnt.sc/TViMiAGWXVND
Kind Regards
July 11, 2023 at 5:31 pm #480706
support-1174ParticipantYou are right again! I changed some things already.
How do I get your swatches to look the same as the ones on the tables archive page?
So:
Same thin black rounded outline when not selected?
When hovering over them: same thicker yellow outline and the same white tooltip block with black outline letters?
And when selected: a tick yellow outline and a yellow check mark?July 12, 2023 at 9:49 am #480822
Artem TemosKeymasterYou are using a custom plugin to display swatches on some of the products. You need to decide and either use the plugin’s swatches everywhere or disable the plugin completely and use our theme’s swatches instead.
Kind Regards
-
AuthorPosts
Tagged: Apple, macbook, swatches, variations
- You must be logged in to create new topics. Login / Register