Comments 1Squidwart started the conversationNovember 2, 2020 at 3:19pmHi There I want to achieve the following: 1st picuture of the product on the left full screen than the second tm x pictures half screen. Like is done on this webpage: https://mokumwatches.com/product/omega-speedmaster-ck2998-4-premoon-cal-321-from-1961/I am really disappointed there is no standard option to this in the theme but I am trying to figure out where the functions and layout files are that are used for this product images so I can try to change it myself. To put this in other words, where is the [deleted] repliedNovember 4, 2020 at 8:31amHi,Sure you can achieve this by adding this custom CSS: .single-product-images .kalium-woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(n + 2) { width: 50% !important; float: left;}The result will be:https://d.pr/v/bc8EVIA similar product images layout already exists:https://demo.kaliumtheme.com/shop/product/bridge-backpack/?shop-single-image-layout=defaultBut it has carousel implemented. 1Squidwart repliedNovember 4, 2020 at 12:47pmYou are my hero!1 Like[deleted] repliedNovember 4, 2020 at 2:30pmHappy to hear that!Have a nice day!Will mark this ticket as solved from now.P.S: If you like our theme, it would help us a lot if you could give us a five star rating on themeforest from your Downloads tab.A huge thank you from Laborator in advance! Sign in to reply ...
Hi There I want to achieve the following: 1st picuture of the product on the left full screen than the second tm x pictures half screen. Like is done on this webpage: https://mokumwatches.com/product/omega-speedmaster-ck2998-4-premoon-cal-321-from-1961/
I am really disappointed there is no standard option to this in the theme but I am trying to figure out where the functions and layout files are that are used for this product images so I can try to change it myself.
To put this in other words, where is the
Hi,
Sure you can achieve this by adding this custom CSS:
.single-product-images .kalium-woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(n + 2) {width: 50% !important;
float: left;
}
The result will be:
https://d.pr/v/bc8EVI
A similar product images layout already exists:
https://demo.kaliumtheme.com/shop/product/bridge-backpack/?shop-single-image-layout=default
But it has carousel implemented.
You are my hero!
Happy to hear that!
Have a nice day!
Will mark this ticket as solved from now.
P.S: If you like our theme, it would help us a lot if you could give us a five star rating on themeforest from your Downloads tab.
A huge thank you from Laborator in advance!