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

Header background

Ocolus - Search Section

Mie Tran

Written by Mie Tran

Last updated

496 views

On this page


This section helps you add a search function anywhere you want.

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

  2. Search Search Section

  3. Click Save

How to config the Search Section?

1. Heading Options

You can config heading and description with many options and edit space on many devices.

heading option.gif

2. Design Options Content

There are many options you can change the color of elements of the search section and the width of it.

Design option.gif

3. Design Options

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

Theme Settings

You want to show a list popup product when searching, please select List - Suggest products style.

product list.gif

If you want to show product grid, you will select Grid Layout.

grid.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.