SectionAI is free + 20K tokens if you're a The4 customer, Free plan is available Install App  

Header background

Sidebar Product

Annie

Written by Annie

Last updated

881 views

On this page


This section shows a sidebar column next to product information, or you can use a layout drawer for it.

11.gif

1. Sidebar Product Content

The Sidebar product option has total of 9 blocks for you to add to the sidebar:

  • Categories

  • Featured Products

  • Image

  • Shipping Delivery

  • Gallery

  • Instagram feed

  • Custom HTML

  • Text

  • Social

Please check this video to know about these blocks:

With Categories, Image, Custom HTML and Text block, you guys can add more than 1 time to the Product sidebar.

With the Instagram feed block, you need to connect your Instagram account via an access token or using a 3rd party app here. Otherwise, the Instagram images will not show on the Product sidebar.

Besides, you can arrange the position of these blocks by dragging the drag button. You can refer to this video to know more:

2. Sidebar Product Settings

2.1. General Options

21.webp
  • Enable layout drawer: tick on this checkbox to enable the drawer layout.

  • Bottom space: Configure the space bottom of the sidebar here.

Some configurations of the options below only work when disabling the layout drawer:

  • Sidebar size: configure the size for the product sidebar here.

  • Border style, Border color

3 options below only work when you enable border for sidebar:

  • Border radius/ Padding inner: Set border-radius & padding inner for the sidebar here.

22.gif

2.2. Theme Setting Options

Some Theme options related to the blocks in the Sidebar product will show here.

For example: when you add a Social block, you will have Theme options as in the image below allow you to config the link for Social icons.

23.gif

🎁 Exclusive Deals for The4 Customers

SectionAI

🤖 SectionAI – Build Sections with AI

Generate Shopify sections from text or wireframes.
The4 users get +20,000 bonus tokens when verifying their theme license.

  • ✅ No-code section builder
  • ✅ Works with your The4 theme
  • ✅ Build FAQs, banners, product grids & more
🚀 Try Free – Claim Tokens
EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114).

  • ✅ 100+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

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