Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Unsen - Products with banner

Annie

Written by Annie

Last updated

224 views

On this page


Here is an amazing section that will allow you to design a custom Banner image and a product collection. You can show both of Image and products in this section.

1.webp

It is usually located on Homepage. However, Shopify 2.0 allows you to add the Products with Banner section to any pages that you wanna use.

Steps

  1. In the theme editor (Customize), click Add section

  2. Search Products with Banner

  3. Click Save

1. Products with Banner content

The Products with Banner section has total of 8 content blocks, you can use those blocks to build the Products with Banner layout that you wanna use, you can view the video below to know about Products with Bannersection blocks:

2. How to configure the Products with Banner section?

- Collection position: You can choose to show the collection (products) on the left or right of the page here.

1.webp

- Collection: You can choose the collection that you wanna show on the Products with Banner section here.

1.webp

- Product item design: We have total of 5 designs for product items for you to choose.

1.gif

- Product content align: You can align the Product item content Center or by Default (align: left) here.

1.webp

- Maximum products to show: You can handle the number of the product that you wanna show on the Products with Banner section here.

- Items per row: Configure to show the products per row on the section here. This option also allows you to configure for all devices: Desktop, Tablet and Mobile.

1.gif

- DESIGN OPTIONS

Please follow this guideline to config Layout, Background, Margin/Padding for the section.

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

We uses cookies to ensure you get the best experience on our website.