Snazzy theme documentation
Get Support - Live Chat 👉👉👉
Home Page Sections
What this section does
The Home page is the first page customers see. It helps visitors understand your store, explore products, and take action.
How to use this section
Go to Online Store → Themes
Click Customize
Select Home page
Add, remove, or reorder sections
Click a section to edit it
Save your changes
Section settings explained
Heading: Main title shown in the section
Text: Short description or message
Image: Visual image for the section
Button label: Text shown on the button
Button link: Where the button goes
Layout: How content is aligned
Best use cases
Introduce your store
Promote featured products
Highlight collections
Announcement Bar
The Announcement Bar allows you to display one or multiple announcements at the top of your store. You can add several text messages, and they will appear as sliding items in a slider format.
How to Add a New Slide
Go to the Announcement Bar section
Click on Add announcement
A new slide will be added instantly
Enter your desired text into the slide
Repeat the process to add multiple announcement slides
Slideshow
The Slideshow section allows you to showcase content using multiple slides. Each slide can include different types of content, and slides will be displayed one after another.
How to Add a New Slide
Go to the Slideshow section
Click on Add slide
A new slide will be added automatically
Slide Content Options
For each slide, you can add and customize the following elements:
Image
Video
Headline
Text
Button
You can add multiple slides by clicking Add slide, and each slide will appear as part of the slideshow.
Collection List
The Collection List section allows you to display multiple collections in a single area.
How to Add Collections
Go to the Collection List section
Click on Add collection
Select a collection to add
Repeat the process to add multiple collections
Collection Image Option
Each collection supports an alternative image
The alternative image can be used instead of the default collection image for better customization
You can add as many collections as needed, and each one can have its own alternative image.
Product with Video
The Product with Video section allows you to showcase products along with custom images and videos.
How to Add Products
Go to the Product with Video section
Click on Add product
A new product block will be added
Product Content Options
For each product, you can:
Select a product
Add a custom image
Add a custom video
You can add multiple products, and each product can have its own custom image and custom video for better presentation.
Image With Text
The Image With Text section allows you to build a layout using two different blocks for flexible content presentation.
Available Blocks
You can add up to two blocks in this section:
Image Block
Text Block
Image Block Options
You can add two images inside the image block
The images are displayed with different rotation styles for a creative layout
Text Block Options
In the text block, you can add:
Title
Text
Button
Image
This section is useful for combining visuals and content with a customizable layout.
Collection Tabs
The Collection Tabs section allows you to organize products into multiple collection-based tabs.
How to Add Collection Tabs
Go to the Collection Tabs section
Click on Add collection
A new collection tab will be added
Repeat the process to add multiple collection tabs
Product Display
Each tab displays up to 8 products from the selected collection
Global Button
A global button is available in this section
Using this button, customers can navigate to another page, such as a collection or custom page
This section helps customers browse products easily through tab-based navigation.
Image Hotspot
The Image Hotspot section allows you to display multiple products using an interactive hotspot image.
How to Add Products
Go to the Image Hotspot section
Click on Add product
A new product slide will be added
Repeat the process to add multiple product slides
Hotspot Image Interaction
You can add a hotspot image with clickable points
Clicking on a hotspot point will bring the related product slide into view
Add to Cart
All added products can be added to the cart together with a single action
This section is ideal for showcasing featured products in an interactive and engaging way.
Image Cards
The Image Cards section allows you to showcase content in two different layouts.
Display Styles
Image cards can be displayed in:
Slider view
Grid view
How to Add Cards
Go to the Image Cards section
Click on Add card
A new card will be added
Repeat the process to add multiple cards
Card Customization Options
For each card, you can:
Assign a collection
Add a custom image
Change colors
Add heading
Add title
Add badge
Add button
This section provides flexible styling and layout options for highlighting collections or featured content.
Testimonial
The Testimonial section allows you to display customer feedback using multiple testimonial items.
How to Add Testimonial Items
Go to the Testimonial section
Click on Add Testimonial Item
A new testimonial item will be added
Repeat the process to add multiple testimonial items
Testimonial Item Options
For each testimonial item, you can add:
Custom image
Title
Quote
Avatar
Name
Location
Product selection
This section helps build trust by showcasing customer experiences and related products.
Rich Text
The Rich Text section allows you to create flexible content using multiple blocks and rich media.
Available Blocks
You can add up to four blocks in this section.
Content Options
Within the Rich Text section, you can add:
Heading
Caption
Text
Buttons
Background Media
You can add a background video to enhance the visual appearance of the section
This section is ideal for presenting important messages with rich formatting and media support.
Product Bundle
The Product Bundle section allows you to display and bundle products together for easy purchasing.
Product Display
You can display up to 25 products in this section
Products are shown based on the selected collection
Bundle Options
Each bundle can include a maximum of 5 products
Customers can select bundled products and purchase them together
This section helps increase average order value by offering curated product bundles.
Blog Posts
The Blog Posts section allows you to display blog articles based on a selected blog.
Blog Selection
Select a blog to display posts from
The section will automatically show posts from the chosen blog
Post Display Options
You can display between 3 to 10 blog posts
Featured image can be shown for each post
Show date can be turned on or off
Show tags can be turned on or off
Global Button
A global button is available in this section
The button can be used to link to another page or an external URL
This section helps highlight recent or featured blog content on your store.
Scrolling Text
The Scrolling Text section allows you to display moving text in a marquee style.
Marquee Settings
You can adjust the marquee speed
You can set the marquee direction to left or right
How to Add Text
Go to the Scrolling Text section
Click on Add marquee item
Add your desired text
Repeat the process to add multiple marquee text items
This section is useful for displaying announcements or promotional messages in a continuous scrolling format.
Image Gallery
The Image Gallery section allows you to showcase multiple images in a clean and flexible layout.
How to Add Images
Go to the Image Gallery section
Click on Add image
A new image will be added
Repeat the process to add multiple images
Image Customization Options
Adjust the overlay opacity for the images
Add a separate link to each individual image
Global Button
A global button is available in this section
Use the global button to add a link to another page or an external URL
This section is ideal for visually highlighting content with linked images.
Helpful tips
Keep the top section simple
Do not overload the page
About Page Sections
What this section does
The About page tells your brand story and builds trust.
How to use this section
Open Theme Editor
Select About page
Edit text and images
Save changes
Section settings explained
Page heading
Description text
Image
Image position
Best use cases
Share your mission
Explain your brand
Contact Page Sections
What this section does
Allows customers to contact you easily.
How to use this section
Open Theme Editor
Select Contact page
Edit contact form
Save changes
Section settings explained
Heading
Description text
Contact form
Email destination
FAQ Page Sections
Collection List Section
What this section does
Displays collections in a visual grid.
How to use this section
Open Theme Editor
Add Collection List section
Select collections
Save changes
Section settings explained
Collection selection
Image
Title
Layout style
Product Details Page Sections
What this section does
Shows full details of a product.
How to use this section
Open Theme Editor
Select Product page
Edit product sections
Save changes
Section settings explained
Product title
Price
Images
Description
Add to cart button
Cart Page Sections
What this section does
Shows items added to cart.
How to use this section
Open Theme Editor
Select Cart page
Review layout
Save changes
Blog Page Sections
What this section does
Displays all blog posts.
How to use this section
Open Theme Editor
Select Blog page
Adjust layout
Save changes
Blog Details Page Sections
What this section does
Shows a single blog post.
How to use this section
Open Theme Editor
Select Blog post page
Edit layout
Save changes
Last updated