Landing Page
1) Slideshow
This section features a wide and simple video presented in a single slide without controls, creating a clean and entertaining background that adds a touch of fun to the overall design. We set the section height to adapt to the video's dimensions for a seamless appearance.
2) Custom Liquid
We implemented a small hack using custom code to create a smooth gradient over the bottom edge of the previous section. This enhances the visual transition without heavily modifying the video, utilizing the Custom CSS field of this section for easy integration.
3) Rich Text
This section includes one text block enlarged to 140%, providing emphasis and readability for important information.
4) Tiles
We utilized this section for navigation to our collections, enabling labels to clarify images. To stand out from other sections, we increased the width of this section.
5) Columns for Icons
This section features three horizontal columns that utilize SVG icons from the Google library. You can also discover stunning icons for your site here, or use different icons from other libraries or use custom designs to fit your brand.
6) Image Banner
This section serves as a separator for distinct page segments, enhancing the layout and flow.
7) Rich Text
To introduce another section of the page, we used a section heading and paragraph in a text block, once again enlarging the text to 140% for consistency throughout the page.
8) Mosaic
A great way to showcase products, this section combines image blocks and product blocks. Each tile in the mosaic links to the product detail, allowing customers to purchase items based on their appearance.
9) Image Banner
This serves as another divider, indicating to customers where one section ends and another begins.
10) Collection Carousel
Carousels are particularly effective for mobile users, keeping the display concise while supporting gestures for easy browsing. We included a note within this carousel to encourage customers to explore the entire collection.
11) Featured Product
Simplicity is key here. We chose to hide the product description, displaying only essential information. Customers can click on the item title to access more details.
12) Video Banner
Another divider, this section includes a small label that adds a touch of fun to the site. Let entertaining videos and playful labels bring smiles to your customers’ faces, creating a more enjoyable browsing experience.
13) Collection Carousel
Similar to the previous section, this carousel demonstrates the use of multiple color schemes, which help to visually separate different parts of the page.
14) Featured Product
Notice the color tags? You can define the colors for these tags in the theme settings, adding a custom touch to your product presentation.
15) Image Banner
This section separates products from other types of information, creating a clean layout.
16) Collapsible
Use this section for frequently asked questions or other important information, such as product care tips or return policies.
17) Social Media
We combined this section with the next one using minimal padding. It presents selected social media links, which can be customized beyond what is available in the theme settings.
18) Newsletter
Collecting customer email addresses is a valuable practice. We recommend doing this but advise against overwhelming customers with too many emails to maintain their satisfaction.
19) Testimonials
This section displays store reviews, which can include images. Unfortunately, you need to add these manually via the Customizer. We hope you receive many reviews, and we’d appreciate it if you could also leave us a review on the Shopify Theme Store!
Leaving review
20) Video Banner
This section serves as a visual endpoint for various page parts, providing a cohesive look.
Last updated