Adding the Gallery Section to the Homepage or Product Page
The Gallery section allows you to use images, linked to pages, to easily direct your Shopify store visitors. Each image can be linked to a product, category, or custom page in the store or you can add a URL.
The gallery section is one of the customizable sections you can add, remove or edit using the updated theme editor.
TIP: Read about Navigation menus and decide how to direct customers.
How to Layout the Gallery Section
STEP 1
In Shopify admin, click Online Store to reveal Themes.
STEP 2
Select your Debutify Shopify theme and click Customize.
STEP 3
Click on Gallery or click on Add Section to add the Gallery section.
STEP 4
Decide on where (option to show on desktop, mobile, or both) or how (full width or not) to display the section on the page.
Heading - displays the heading text
Subheading - displays subheading text under the heading
βSection style - allows you to choose either a blank, accent or border-top background.
Gallery height - sets the size of the gallery section
STEP 5
Click on the triangle next to Gallery to reveal the option to add an image.
STEP 6
Click on Image and select image to add to the gallery. The recommended size should be 800*800 or 800*600.
STEP 7
Click on Select Image to add an image.
βImage Alignment - allows you to set the alignment of the image in the block
βLink - allows you to link the image to a URL or page in the store
βCaption - displays text over the gallery image
STEP 8
You are allowed to add up to 6 sections, the layout changes depending on the contents added.
STEP 9
Click Save to apply changes.
Related Articles You May Want to See: