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
  • Look book
  • Theme Blocks
  • Image
  • Product

Was this helpful?

  1. Theme Sections

Lookbook

If you need a Lookbook displayed on a page, the “Lookbook” section should be added.

PreviousCollectionsNextOne product

Last updated 1 year ago

Was this helpful?

Add section -> Lookbook

Look book

Here you can change the main settings for the Lookbook. If you want the title displayed for the section, enable the “Show title” option. In the “Layout”, you can choose one of the two possible layouts on a desktop view.

In the “Products per row” (Extra large), you can choose how many products should be displayed in one row: 2, 3, or 4.

Please note, the layout and image display settings can be applied only for desktop mode. It will be shown one item in a row on mobile by default.

In the “Responsive size”, you can change the image ratio from 1 to 12 for different screen sizes where the value is assigned to a different screen size (Extra large, Large, Medium, Small, Extra small).

On the “Image size” scale from 200 to 1000 px, you can set the quality of the image.

More information you can find .

Theme Blocks

Image

Here you can add content to your Lookbook by adding the “Image” blocks. You can add as many “Image” blocks in the content as you wish. It depends on how many images you want to have in your lookbook. In the “Image”, you can select a picture of the products on the models.

Product

In this block, you can add the products with their information. In the “Product” select the product. Then choose the image to which you want to order this product.

Please note, the Shopify functionality can not display more than 20 products from different collections as indicated in the Lookbook.

It was added manual filling of the product block (“Product image”, “Product title”, “Product price”, “Product compare at price”) for those products that cannot be displayed due to the 20 product limit. This information can be changed for each product up to the limit.

On the “Horizontal position” and “Vertical position” scales from 0 to 100%, you can order the position of the products displayed on the image. The products will be shown as dots which one can click and see the product details. This option is available for “Layout #1” only.

This is how the "Lookbook" section may look on a page:

here