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
  • General
  • Layout

Was this helpful?

  1. Theme Sections
  2. Builder

Product column

This block enables adding a product column for the template in the “Builder” section.

PreviousInstagramNextCustom HTML

Last updated 1 year ago

Was this helpful?

Add section -> Builder -> Product Column

Since this is a column, we highly recommend adding it together with some other blocks, like Promo box (Banner) or Custom HTML. Otherwise, you will have a Product column and a big blank space on the Home page, which doesn't make sense. If you decide to follow our advice, please do not forget to change the number of items in the row in Builder -> Column settings -> Size of the columns. Now let´s get deeper into the settings of the “Product column” block.

General

Here you can add a Title of the column, that will be displayed on the desktop. This is optional of course. In order to have some products shown in the product column, you need to select the proper collection from the list in “Collection”. The number of the products displayed in this column can be set on the “Maximum products in the column” scale from 1 to 6.

Layout

In the “Size of the column”, you can choose the needed size for the product column from the options offered in the dropdown list.

This is an example of the “Product column” block, that we have added together with the “Custom HTML” block (more about this block you can find in the next section) and have changed the number of items in the row (2 items in one row) in Builder -> Column settings -> Size of the columns:

If you want for instance to have a Product column not on the left but on the right side of the page, simply drag the “Product column” block under the other block. In our example, it would be a “Custom HTML” block.