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 their current location to beneath the main product image on their Shopify store (using the Warehouse theme).
Proposed Solution:
BSS-Commerce provided a CSS-based approach involving:
- Locating and defining the relevant CSS class name and file
- Retaining
max-height: 450pxin the styling - Editing the CSS code to achieve the desired layout
Current Status:
The solution includes multiple screenshots showing step-by-step instructions for inspecting elements and modifying CSS. However, the original poster responded that the steps are unclear, suggesting the instructions may need clarification or the theme differences are causing confusion. The issue remains unresolved and requires further guidance.
Hi @adam10910
Please follow these steps:
For the next step, please retain "max-height: 450px.
That’s how to define class name & file.css name
- Edit code:
Because my theme differs from yours, you can follow the steps and find it in your theme.
Then edit the code.
That’s how you define the class name & file.css name to edit the CSS as you like. If there are some new errors, repeat the above steps to edit them yourself.
I hope it works on your site. Please try and let us know the results.
steps unclear