💻
Havi cosmetic theme documentation
  • Welcome
  • Installation
    • Theme
    • Shopify apps
  • Customization
    • Store settings
    • Theme settings
      • Multiple layouts
      • Colors
      • Buttons
      • Typography
      • Currency conversion
      • Wishlist
      • Search
      • Product item
      • Color swatch
        • Color swatch
        • Variant images swatch
        • Variant images grouped
      • Product detail
        • Each product has a different size chart
        • Each product has a different custom popup
      • Product quickview
        • Product variants (option selectors)
        • Product details
        • Countdown metafield
        • Short description metafield
      • GDPR and Notification someone purchased
        • How to get the product handle
      • Newsletter popup
      • Cart
      • Social media
      • Favicon
    • Page settings
      • Sections
        • Static sections
          • Announcement bar
          • Header
            • Navigation
            • Mega menu
          • Newsletter
          • Footer
        • Dynamic sections
      • Pages
        • Home
          • Custom HTML
          • Blog post
          • Brands
          • Collection list
          • Collection tab
          • Collection with image
          • Featured collection
          • Custom sub banner
          • Image with text
          • Slideshow
            • Image slide
            • Embed video slide (youtube, vimeo)
            • Video slide
          • Featured product
          • Instagram feed
          • Testimonials
          • Text with optional font awesome
          • Text with optional image
        • Password
        • Collection pages
          • Collection sidebar
        • Collection list page
        • Product pages
          • Product default layout
          • Product sticky layout
          • Related products
          • Recently viewed products
          • Upsell bundled products
          • Custom product tab
        • Blogs
        • Blog posts
        • Cart
        • Gift card
        • Custom pages
          • About
          • Contact
          • FAQ
          • Image gallery
          • Instagram shop
          • Wishlist
  • Tips
    • Change logs
Powered by GitBook
On this page
  • Multiple layouts setting
  • Main layout
  • Product layout
  • Product template suffix

Was this helpful?

  1. Customization
  2. Theme settings

Multiple layouts

In this article, you will find how to config the main layout and product layout.

PreviousTheme settingsNextColors

Last updated 4 years ago

Was this helpful?

Multiple layouts setting

From, select Multiple layouts.

Main layout

Main layout is configuration for all pages. There are 3 options:

Product layout

Product layout is configuration for product pages. There are 2 options:

If you select the sticky layout, all product pages will have sticky layout.

If you select the default layout, all product pages will have default layout.

Product template suffix

  1. From your shopify admin, select products

  2. Create or select an exists product you want to configure the sticky layout

  3. Select the product.layout.sticky in Theme templates section

  4. Click Save button on the top right of the screen

Only templates present in your published theme will be available in the Theme templates section. So, you need to public the theme if you want to select the product sticky layout.

Default

Full-width

Boxes

Default

Sticky

Although you select the default layout, you can also configure the sticky layout for several specific products by using .

demo
demo
demo
demo
demo
product template suffix
Theme settings
Multiple layout setting
Theme templates suffix