yesterday
Hi
Pls could u provide a solution to moving product gallery to under the product image (attached example below)
my store:
URL: tennisgiant.com
Theme: Warehouse
wanted result:
current:
Cheers
Topic summary
A user seeks to reposition the product gallery thumbnails from the side to below the main product image on their Shopify store using the Warehouse theme.
Proposed Solutions:
- CSS modification: Add custom CSS to change the gallery display to grid layout and rotate/adjust thumbnail positioning
- Theme customization settings: Check existing options in Theme Customization > Product page section, as this feature may already be available natively
- Code editing approach: Access Online Store > Theme > Edit code, open theme.liquid file, and paste specific markup before the closing body tag
Status: Multiple solutions offered but no confirmation yet on which approach worked or if the issue is resolved. The discussion remains open with the original poster yet to respond to the suggestions.
Hi @adam10910
Please add this css
.product-gallery--with-thumbnails{
display:grid!important;
}
.product-gallery__thumbnail-list{
transform: rotate(90deg)!important;
margin-left: 35%!important;
}
@adam10910
Hello,
It’s Already an Available option in your customization section
Please Check Your Online Store > Theme > Customization > Product page
check the option and change
Hello @adam10910
I would like to give you a solution to support you
- Go to Online Store → Theme → Edit code:
-
Open your theme.liquid theme file
-
Paste the below code before :
Result:
Hope my solution can work and support you!
Kind & Best regards!
GemPages Support Team.