In Be Yours, sections are reusable content areas that merchants can add, remove, reorder, and customize in the Shopify Theme Editor. Sections can be used to build homepage layouts, landing pages, collection pages, product pages, cart pages, content pages, and storefront overlays without editing theme code.
This article provides an overview of the available section groups, available sections, and common blocks in the Be Yours theme.
Section Groups
Be Yours organizes sections into different section groups.
| Section group | Purpose |
|---|---|
| Header group | Contains sections that display at the top of the storefront, such as Announcement bar and Header. |
| Overlay group | Contains drawer, popup, and overlay-style sections such as Popup, Cookie banner, Age verification, and Mobile dock. |
| Template group | Contains flexible page-building sections that can be added to pages and templates. |
| Footer group | Contains footer-related sections that display at the bottom of the storefront. |
Most daily page building happens in the Template group.
1. Header Group
The Header group controls the top area of the store.
Available sections:
| Section | Type | Purpose | Available blocks |
|---|---|---|---|
| Announcement bar | Static section | Displays storewide messages, promotions, countdowns, and important notices. | Announcement, Countdown |
| Header | Static section | Displays the store logo, navigation menu, search, account, cart, localization selectors, and header tools. | Seasonal deal, Mega menu |
Announcement bar
The Announcement bar lets merchants communicate important information from the top of the storefront.
Common uses:
- Free shipping messages
- Storewide promotions
- Sale announcements
- Holiday notices
- Countdown announcements
- Important updates
Available blocks:
| Block | Purpose |
|---|---|
| Announcement | Displays text and optional link. |
| Countdown | Displays a countdown-style announcement. |
Header
The Header displays on all storefront pages. It usually contains the logo, main navigation menu, search, account, cart, and store tools.
Available blocks:
| Block | Purpose |
|---|---|
| Seasonal deal | Displays promotional deal content inside the header. |
| Mega menu | Adds advanced dropdown menu content for a selected menu item. |
Recommended use:
| Goal | Recommended setup |
|---|---|
| Show promotional message | Use Announcement bar |
| Add a large navigation dropdown | Use Mega menu block |
| Promote seasonal offers | Use Seasonal deal block |
| Display storewide navigation | Configure Header menu |
2. Overlay Group
The Overlay group contains sections that appear as popups, drawers, or storefront overlays.
Available sections:
| Section | Type | Purpose | Available blocks |
|---|---|---|---|
| Age verification | Static overlay section | Displays an age gate before customers access the storefront. | Heading, Subheading, Text, Buttons |
| Cookie banner | Static overlay section | Displays a cookie notice or consent message. | Heading, Subheading, Text, Buttons |
| Mobile dock | Static overlay section | Displays bottom navigation shortcuts on mobile. | Account, Cart, Home, Menu, Search, Link |
| Popup | Static overlay section | Displays newsletter, promotion, social, or floating bar content. | Heading, Subheading, Text, Button, Newsletter, Social media icons, Floating bar |
Age verification
Use this section when the storefront requires age confirmation before visitors continue.
Common uses:
- Age-restricted stores
- Compliance message
- Entry confirmation popup
Cookie banner
Use this section to display cookie or privacy notices.
Common uses:
- Cookie consent
- Privacy policy reminder
- Regional compliance notice
Mobile dock
Use this section to improve mobile navigation.
Available blocks:
| Block | Purpose |
|---|---|
| Home | Adds a shortcut to the homepage. |
| Menu | Opens the menu drawer. |
| Search | Opens search. |
| Account | Links to customer account. |
| Cart | Links to cart or opens cart drawer. |
| Link | Adds a custom mobile dock link. |
Popup
Use this section for promotional or newsletter popup content.
Available blocks:
| Block | Purpose |
|---|---|
| Heading | Adds popup title. |
| Subheading | Adds smaller text above the heading. |
| Text | Adds popup body content. |
| Button | Adds a call-to-action button. |
| Newsletter | Adds an email signup form. |
| Social media icons | Displays social media icons from Theme settings. |
| Floating bar | Displays a floating promotional bar. |
3. Template Group
The Template group contains dynamic sections that merchants can add to most templates.
These sections are commonly used for homepage design, landing pages, collection pages, product pages, blog pages, cart pages, and content pages.
| Section | Purpose | Available blocks |
|---|---|---|
| Apps | Adds app blocks from installed Shopify apps. | App blocks |
| Blog posts | Displays posts from a selected blog. | Title, Excerpt, Read more |
| Bundle products | Displays a bundle-style product set with hotspots and add-set-to-cart behavior. | Product |
| Cart recommendations | Displays recommended products related to cart content. | None |
| Collage | Displays image, product, collection, and video blocks in a collage layout. | Image, Product, Collection, Video |
| Collapsible content | Displays expandable accordion rows. | Collapsible row |
| Collection list | Displays selected collections. | Collection |
| Comparison table | Compares multiple products using criteria rows and product columns. | Criteria, Product column |
| Contact form | Displays a contact form and optional contact information. | Contact press, Social media icons, Custom field |
| Countdown timer | Displays a countdown with text, buttons, and media. | Heading, Subheading, Text, Custom Liquid, Button, Countdown |
| Custom Liquid | Adds custom Liquid, HTML, or app snippets. | None |
| Dual scroll | Displays scroll-based storytelling with slides. | Slide |
| Empty space | Adds vertical spacing between sections. | None |
| FAQ | Displays frequently asked questions. | Rich text, Question |
| Featured collection | Displays products from one selected collection. | None |
| Featured product | Displays one selected product with product information and purchase controls. | Product information blocks |
| Gallery | Displays images in a gallery layout. | Image |
| Guarantees | Displays trust badges, benefits, or store promises. | Guarantee |
| Image banner | Displays image banner content with text and buttons. | Heading, Subheading, Text, Custom Liquid, Buttons |
| Image comparison | Displays before/after image comparison. | Look |
| Image with text | Displays image and text side by side. | Heading, Subheading, Text, Custom Liquid, Buttons |
| Image with text overlay | Displays text content over an image. | Heading, Subheading, Text, Custom Liquid, Buttons |
| Layered images with text | Displays layered images with text content. | Heading, Subheading, Text, Custom Liquid, Buttons |
| Logo list | Displays brand, press, partner, or stockist logos. | Logo |
| Lookbook | Displays lookbook-style shoppable content. | Look |
| Map | Displays map/location content with text and button blocks. | Heading, Subheading, Text, Custom Liquid, Button |
| Multicolumn | Displays content in multiple columns. | Column |
| Email signup | Displays newsletter signup content. | Heading, Text, Email form |
| Option table | Displays products/options in a structured table layout. | Product |
| Page | Displays content from a selected Shopify page. | None |
| Product recommendations | Displays recommended products. | None |
| Quotes | Displays quotes or short statements. | Quote |
| Recently viewed products | Displays products recently viewed by the customer. | None |
| Reveal banner | Displays animated reveal-style banner content. | Heading, Subheading, Text, Custom Liquid, Text slide, Buttons |
| Rich text | Displays flexible text, headings, buttons, inline banner, and custom Liquid. | Heading, Subheading, Text, Inline banner, Custom Liquid, Buttons |
| Scrolling promotion | Displays scrolling promotional text or images. | Announcement, Image |
| Shop the look | Displays a shoppable image with product hotspots. | Product |
| Slideshow | Displays image or video slides. | Image slide, Video slide |
| Store locator | Displays a Google Maps-powered store locator. | Location |
| Tab collage | Displays collage content inside tabs. | Image, Product, Collection, Video |
| Tabbed collections | Displays multiple collections in tabs. | Collection tab |
| Testimonials | Displays customer testimonials. | Testimonial |
| Timeline | Displays chronological timeline items. | Timeline item |
| Video | Displays a video section. | None |
| Video hero | Displays a full-width video hero with content. | Heading, Subheading, Text, Custom Liquid, Buttons |
4. Footer Group
The Footer group controls the bottom area of the storefront.
Available section:
| Section | Type | Purpose | Available blocks |
|---|---|---|---|
| Footer | Static section | Displays footer menus, newsletter area, social icons, localization selectors, payment icons, copyright text, and footer content. | Menu, Text, Image |
Footer blocks
| Block | Purpose |
|---|---|
| Menu | Displays a selected menu in the footer. |
| Text | Displays custom footer text, store information, or contact details. |
| Image | Displays a footer image, badge, logo, or linked image. |
Recommended use:
| Goal | Recommended block |
|---|---|
| Add customer service links | Menu |
| Add contact or store information | Text |
| Add trust badge, logo, or certification | Image |
5. Template-Specific Sections
Some sections are not usually added manually as general dynamic sections. Instead, they are part of specific Shopify templates.
| Section | Template area | Purpose | Available blocks |
|---|---|---|---|
| Blog post | Article template | Displays article content and blog post layout. | Featured image, Breadcrumb, Title, Content, Share, Back to blog, Next and previous blog posts |
| Blog posts | Blog template | Displays blog listing content. | Title, Excerpt, Read more |
| Collection banner | Collection template | Displays collection title, description, and image. | None |
| Product grid | Collection template | Displays collection products, filters, sorting, viewing, pagination, and sidebar blocks. | Menu, Text, Image |
| Subcollections | Collection template | Displays child collections from a selected navigation menu. | None |
| Search results | Search template | Displays search result grid with filtering/sidebar blocks. | Menu, Text, Image |
| Product information | Product template | Displays product media, title, price, variant picker, buy buttons, description, and other product blocks. | Many product information blocks |
| Product details | Product template | Displays product description and collapsible product information. | Description, Collapsible row |
| Cart items | Cart template | Displays cart line items. | None |
| Cart subtotal | Cart template | Displays subtotal, checkout button, and free shipping message. | Subtotal price, Checkout button, Free shipping message |
| Shipping rates calculator | Cart template | Displays a shipping estimate calculator. | None |
| Page | Page template | Displays Shopify page content. | None |
| Page with sidebar | Page template | Displays page content with sidebar blocks. | Text, Separator |
| List collections page | List collections template | Displays all or selected collections. | None |
| Account, Login, Register, Addresses, Order | Customer templates | Displays customer account pages. | None |
| Password header / Password footer | Password template | Displays password page header and footer. | None |
| 404 | 404 template | Displays 404 page content. | None |
Use these sections when editing their matching templates in the Theme Editor.
6. Available Product Information Blocks
The Product information section on product templates supports many blocks.
Common product page blocks include:
| Block | Purpose |
|---|---|
| App block | Adds product-related app content. |
| Breadcrumb | Displays product breadcrumb navigation. |
| Text | Displays custom text or dynamic source content. |
| Title | Displays product title. |
| SKU | Displays selected variant SKU. |
| Price | Displays product price. |
| Variant picker | Displays product options and variants. |
| Sibling products | Links separate products together as sibling product swatches. |
| Inventory status | Displays inventory messages. |
| Buy buttons | Displays quantity selector, add-to-cart button, and dynamic checkout buttons. |
| Description | Displays product description. |
| Share | Displays product sharing link. |
| Custom Liquid | Adds custom Liquid or app snippets. |
| Line item property | Adds custom line item fields. |
| Collapsible description | Displays product description in a collapsible row. |
| Collapsible row | Displays custom collapsible content. |
| Complementary products | Displays complementary product recommendations. |
| Pop-up | Opens page content in a popup. |
| Product rating | Displays review rating data. |
| Related info buttons | Displays related product information buttons. |
| Image | Displays custom trust badge or image. |
| Countdown timer | Displays product countdown data. |
| Sticky cart | Displays sticky add-to-cart behavior. |
| Separator | Adds a visual divider. |
| Empty space | Adds spacing between product blocks. |
| Highlights | Displays product highlights from metafields. |
7. Available Cart and Overlay Sections
Be Yours includes cart-related and overlay-related sections.
| Section | Area | Purpose |
|---|---|---|
| Mini cart / Cart drawer | Overlay | Displays cart drawer content when cart type is drawer. |
| Cart recommendations | Template or cart area | Displays recommended products. |
| Recently viewed products | Template or cart area | Displays products recently viewed by the customer. |
| Shipping rates calculator | Cart template | Helps customers estimate shipping rates. |
| Popup | Overlay | Displays promotion, newsletter, or floating content. |
| Cookie banner | Overlay | Displays cookie notice. |
| Age verification | Overlay | Displays age gate. |
| Mobile dock | Overlay | Displays mobile bottom navigation. |
Recommended use:
| Goal | Recommended section |
|---|---|
| Increase cart value | Cart recommendations |
| Help customers estimate shipping | Shipping rates calculator |
| Promote newsletter or discount | Popup |
| Add mobile shortcuts | Mobile dock |
| Add compliance notice | Cookie banner or Age verification |
8. Recommended Sections by Page Type
Use this table as a quick recommendation when building pages.
| Page type | Recommended sections |
|---|---|
| Homepage | Slideshow, Image banner, Featured collection, Tabbed collections, Rich text, Guarantees, Testimonials, Email signup |
| Collection page | Collection banner, Subcollections, Product grid, Recently viewed products, Multicolumn, Rich text, FAQ |
| Product page | Product information, Product details, Product recommendations, Recently viewed products, Bundle products, Shop the look, Comparison table |
| Landing page | Video hero, Image banner, Countdown timer, Bundle products, Comparison table, FAQ, Featured collection |
| About page | Image with text, Timeline, Dual scroll, Gallery, Logo list, Quotes |
| Contact page | Contact form, Map, Store locator, FAQ |
| Blog page | Blog posts, Featured blog, Rich text, Newsletter |
| Cart page | Cart items, Cart subtotal, Shipping rates calculator, Cart recommendations |
| Campaign page | Slideshow, Banner slider, Scrolling promotion, Countdown timer, Featured collection |
9. Notes About Highlight Settings
Many Be Yours sections include highlight settings for headings or text.
When using highlight settings, please use italic formatting by selecting the text you want to highlight and then clicking the italic (I) button in the editor.
For example, if the heading is:
Shop Our Featured Collections
Select only the word you want to highlight, such as Featured, then click the italic (I) button in the editor. The theme will apply the selected highlight style to that italic text.
Common highlight settings include:
| Setting | Purpose |
|---|---|
| Enable highlight | Turns on highlight styling. |
| Highlight style | Controls the visual highlight effect. |
| Highlight color | Sets the highlight color. |
10. Notes and Limitations
Please note the following:
- Not every section is available in every section group.
- Some sections are static and can only be used in their assigned group or template.
- Some sections are dynamic and can be added to most templates.
- Some sections depend on Shopify data, such as products, collections, blogs, customer accounts, filters, or recommendations.
- Some sections depend on theme settings, such as quick view, color swatches, cart drawer, social media links, and localization selectors.
- Some sections require extra setup, such as Google Maps API for Store locator.
- Product ratings require rating metafields or a compatible review app.
- Product filters are managed in Shopify Search & Discovery, then displayed by the Product grid section.
- Dynamic source support depends on whether the section setting shows the dynamic source icon.
- If a section uses metafields, use Settings > Metafields and metaobjects to create or manage metafield definitions.
- For metafields, Shopify may auto-recommend the namespace and key after you enter the metafield name. Click the suggested namespace/key value if you need to edit it manually.
Troubleshooting
If a section does not appear or does not work as expected, check the following:
- Make sure you are editing the correct template in the Theme Editor.
- Make sure the section is supported in the selected template or section group.
- Make sure all required section settings are completed.
- Make sure required blocks have been added.
- If products do not appear, make sure the products are active and available on the Online Store sales channel.
- If collections do not appear, make sure the collections exist and are available.
- If blog posts do not appear, make sure the selected blog contains published articles.
- If filters do not appear, check Shopify Search & Discovery > Filters.
- If quick view does not work, check the global quick view setting and the relevant product card setting.
- If color swatches do not appear, check product options, native swatches, or custom swatch configuration.
- If a map or store locator does not work, check the Google Maps API key.
- Clear your browser cache and refresh the storefront.
- Make sure you are using the latest version of the Be Yours theme.
Need Further Assistance
If you encounter any issues or need additional help with your Be Yours theme, please reach out to our support team via our Ticket System.
بانٹیں:
Beyours Collection Template Sections Guide
How to Use the Pre-order Product Template Be Yours theme