Shella Shopify Theme
  • User Manual
  • Shopify help
  • Get Started
    • How to create a new Template
    • How to add and edit a Page
    • How to build Metaobjects
    • How to find a handle
    • Filters logic
    • Pre-Order
  • Product variants
  • Header
    • Theme Blocks
  • Footer
    • Theme Blocks
  • Metafields
    • How to create custom filters
  • Theme Sections
    • Builder
      • Promo box (Banner)
      • Slick Slider
      • Revolution Slider
      • Instagram
      • Product column
      • Custom HTML
      • Space for vertical menu
    • Spacer
    • Article carousel
    • Brand carousel
    • Product carousel
    • Review carousel
    • Contact form
    • FAQs
    • Gallery
    • Information line
    • Search form
    • Subscription form
    • Brands
    • Collections
    • Lookbook
    • One product
    • Collection page heading
      • Theme Blocks
    • Collection banner builder
      • Theme Blocks
    • Ticker
  • Products
    • Product page
      • Theme blocks
    • Related product carousel
    • Usage information sidebar
  • Collections
    • Product grid
      • Current filters
      • Collections
      • Filters
      • Filter settings
      • Tags
      • Products
      • Custom HTML
      • Subscription
      • Promo box (Banner)
  • Collections list
  • Page categories
    • Policy page
    • Lookbook
      • Page
    • Gallery
      • Page
    • FAQs
      • Page
    • Contact
      • Page
    • Brands
      • Page
    • Password
      • Social media
    • Search
      • Current filters
      • Filters
      • Filter settings
      • Products
      • Custom HTML
      • Subscription
      • Promo box (Banner)
    • Quick view
  • Blogs
    • Theme Blocks
  • Blog posts
    • Theme Blocks
  • Theme settings
    • Quick Start
    • License
    • Logo and Favicon
    • Layout
    • Colors
    • Typography
    • Collection and Search page
    • Product -> General
    • Product -> Variants
    • Product -> Collection Page
    • Product Page and Quick View
    • Search
    • Currency
    • Cart
    • Wishlist and Compare
    • Payments
    • Social Media
    • News Subscription
    • Blog and Article Pages
    • Account
    • Reviews
    • Services
    • Apps and Language
    • Button, Input and Promo Box
    • Notifications
    • Pre-loader
    • Animations
    • Developer
    • Custom CSS
  • Theme features
  • Back to Help Center
Powered by GitBook
On this page
  • Banner Builder
  • “Insert to product grid” settings
  • Column Settings

Was this helpful?

  1. Theme Sections

Collection banner builder

If you need to build a banner or a whole page as content on the collection page, the “Banner Builder” section should be added.

PreviousTheme BlocksNextTheme Blocks

Last updated 1 year ago

Was this helpful?

Add section -> Collection banner builder

IMPORTANT! This section required saving changes by pressing the “Save” button in order to view customizations on a collection page.

This content can be added several times and in different content blocks: “Promo box (banner)”, and “Custom HTML”.

Banner Builder

In this section, you can configure the general settings regarding the banner displayed on the collection page. These settings can be applied to each collection. The “Section type” allows decide if to display a banner in the product grid or to replace products with sub-collections:

“Insert to product grid” settings

These settings will be applied only for version “Insert to product grid”. In this block, you can decide if to display banners on different grids of products in a row: 1 in a row, 2 in a row, 3 in a row, 4 in a row, 6 in a row, or list:

Column Settings

In the “Size of the columns”, you can choose how many items should be displayed in one row by choosing the proper option from the dropdown list. The option “Size of the columns on mobile” allows you to set the number of items in the row on mobile: “1 item in the row” or “2 items in the row”. In the dropdown list of “Margins for the columns”, you can choose the type of margins for the columns.