Return to previous page

Displays images according to product value

This topic has 5 replies, 2 voices, and was last updated 4 years ago ago by Marc Savall

Marc Savall

Participant

December 18, 2020 at 16:17

https://prnt.sc/w5gx1y
I think the operation is disturbing from an ergonomic point of view. When selecting the product variation in the combobox, the image of the variation should be displayed in large and the others in small?
I have essential oils in 5ml, 10ml and 50ml, so when I select 5ml from the list, the image of the 5ml bottle should be displayed large?

Please, contact administrator
for this information.

#264846 Copied Theme version: 7.2 WooCommerce version: 4.7

4 Answers

Olga Barlow

Participant

December 18, 2020 at 22:05

Hello,

Set the variation image http://prntscr.com/w5nms5 not the variation gallery images to achieve the result you want.

Regards

#264896 Copied

Marc Savall

Participant

January 27, 2021 at 13:54

https://prnt.sc/xpl80r

1) Hello. It works for romarin but not for gingembre. I don’t understand why. I emptied the browser cache.
https://test.greennature.fr/product/he-bio-de-gingembre-test/
https://test.greennature.fr/product/he-bio-romarin-verbenone-test/

2) The wishlist “heart” is displayed twice. Each time I have to change CSS. Do you know why ?

Line 9869 :
/* .compare:before,
.yith-wcwl-add-to-wishlist a:before {
display: inline-block;
font-family: ‘xstore-icons’;
margin-right: 7px;
background-color: transparent !important;
}
*/

Lige 9910 :
/*
.yith-wcwl-add-to-wishlist .show a::before,
.yith-wcwl-add-to-wishlist .show a.button::before,
.yith-wcwl-add-to-wishlist .add_to_wishlist::before {
content: “\e908”;
}

.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a::before,
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a::before,
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a.button::before,
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a.button::before {
content: “\e92d”;
}

.yith-wcwl-add-to-wishlist.wishlist-fragment .yith-wcwl-add-button a:before {
content: “\e908”;
}

.yith-wcwl-add-to-wishlist.wishlist-fragment .yith-wcwl-add-button a.delete_item:before {
content: “\e92d”;
}
.yith-wcwl-add-to-wishlist.wishlist-fragment .yith-wcwl-wishlistexistsbrowse a::before,
.yith-wcwl-add-to-wishlist.wishlist-fragment .yith-wcwl-wishlistaddedbrowse a::before {
content: “\e92d”;
}
*/

Please contact administrator
for this information.

#270553 Copied

Olga Barlow

Participant

January 27, 2021 at 20:52

Hello,

1) Remove the gallery image and set the variation image instead by click on the mentioned icon https://prnt.sc/xq1tj1

2) Yes, because you did not set correct settings for the wishlist icons according to theme documentation https://www.8theme.com/documentation/xstore/plugins/wishlist/

Regards

#270682 Copied

Marc Savall

Participant

January 28, 2021 at 16:03

OK It works fine now. your explanations are clear. Problems solved. Thank you for this good support.

#270875 Copied
Viewing 5 results - 1 through 5 (of 5 total)