Bonnita Documentation
Open a Store for FREEOther ThemesBuy Theme
  • Greeting
  • Changelog
  • Full Theme Features in Bonnita
  • Installation
    • Install Theme
    • Install App
      • Shopify Search & Discovery
      • PageFly Landing Page Builder
      • Growave ‑ Product Reviews, Loyalty, Wishlist
      • Loox Product Reviews & Photos
      • Shopify Product Review
      • Snapppt - Instagram
      • Avada - SEO & Speed Booster
  • Basic Configuration
    • Customer Registration
    • Shipping Rates
    • Navigation
    • Online Store 2.0
      • Color Gradient
      • Dynamic Source
  • Theme Settings
    • Multiple Layouts
    • Typography
    • General
      • Favicon
      • Wishlist
      • Terms And Conditions Checkbox
      • Swatch / Customization Option
      • Slider Navigation Dots, Arrows and Page Pagination
      • Trust Image
      • Social Share Buttons
      • Dynamic Browser Tab Title
      • View Documention
      • Customer Login
    • Product Card
      • Product Media
      • Product Badges/ Labels
      • Product Swatch
      • Product Action
      • Product Review
      • Product Quick Shop
    • Multiple Languages
    • Multiple Currencies
    • Multi-Level Categories
    • Quick Search
    • Quick Cart
    • Quick View
    • Calculator Free Shipping Message
    • Someone Purchase
    • GDPR Popup
    • Newsletter Popup
    • Recently Viewed Popup
    • Before You Leave
    • Notify Me: Out Of Stock
    • Ask An Expert
    • Social Media
    • Color (Products)
    • Colors (General)
    • Animation
    • Custom CSS
    • Custom JS
    • Checkout
  • Header
    • Header For Desktop
      • Dropdown / Advanced Mega Menu
      • Label For Menu
    • Header For Mobile / Tablet
      • Layout 01
      • Layout 02
    • Mobile Menu
  • SECTIONS
    • Section On Every Page
    • All Sections in Theme
      • Featured Collection
        • Collection
      • Brand Slider
        • Image
      • Brand Tab
        • Tab Item
      • Custom Liquid
      • Custom Text
      • Customer Review
        • Review Settings
      • Featured Blog
      • Google Map
      • Image Banner
        • Large Image Settings
        • Small Image Settings
        • Custom Image Settings
        • Special Image Settings
      • Instagram
        • Instagram Settings
      • Product Block
        • Banner
        • Categories
      • Product Tab
        • Product Tabs Settings
        • Banner Settings
      • Rich Text
      • Slideshow
        • Image SlideShow
        • Video Slider
        • Banner
      • Spotlight Block
        • Small Image
        • Large Image
      • Video
      • Custom Service Block
        • Settings Block
      • Policies Block
        • Text
  • Collections List Page
    • Demo & Settings Data
    • Collections List Section
      • Custom Collection
      • Categories
      • Product Block
      • CMS Image
      • CMS Custom Text
  • Collections Page
    • Demo & Settings Data
    • Collection Section
      • Sidebar
      • Filter
    • Collection Blocks
      • Categories
      • Filter
      • Product Block
      • CMS Image
      • CMS Custom Text
      • Banner
  • Product Page
    • Product Section
    • Product Information
      • Blocks Settings
        • Breadcrumb
        • Title
        • Meta
        • Short Description
        • Information
        • Price
        • Vendor
        • Variant Picker
        • Variant Metafield
        • Quantity
        • Perks
        • Buy Buttons
        • Customers Viewing Function
        • Trust Image
        • Description
        • Custom Tab
        • Custom Block
        • Review Tab
        • Customization Property
        • Policies Block
        • CMS Image
        • Categories
        • Custom Liquid
        • Complementary Products
      • Product Media
      • Product Tab
      • Product Variant
      • Size Chart
      • Short Description
      • Dynamic Checkout Button
      • Compare Color
      • Sold In Last
      • Customers Viewing
      • How To Set Up Product Property By Metafields?
    • Product Recommendations
    • Recently Viewed Products
    • How To Setup Pre-Order Product?
  • Blog
    • Blog
  • Article
    • Article
  • Page
    • How To Create A Page?
    • Wishlist Page
    • Contact Us Page
    • About Us Page
    • Bulk Editor
    • Brands
    • Portfolio
    • FAQs
    • Other Pages
      • 404 Page
      • Search Page
  • Knowledge Base
  • Theme Support
Powered by GitBook
On this page
  1. Theme Settings

Multiple Layouts

Multiple Layouts allows you to create different structures and satisfies any specific styles for different kinds of business.

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click Theme Settings -> Multiple Layouts.

Header: Layout Header

Setting
Description

Default

Set the width of the header to its default size based on the viewport

Fullwidth

Set the width of the header to be full of the viewport

Boxed

Custom Width

Manually set the width of the header in the range between 1200px and 1920px

Body: Layout Body

Setting
Description

Default

Set the width of the body to its default size based on the viewport

Fullwidth

Set the width of the body to be full of the viewport

Boxed

Custom Width

Manually set the width of the body in the range between 1200px and 1920px

Footer: Layout Footer

Setting
Description

Default

Set the width of the footer to its default size based on the viewport

Fullwidth

Set the width of the footer to be full of the viewport

Boxed

Custom Width

Manually set the width of the footer in the range between 1200px and 1920px

Footer

Setting
Description

Enable Brand In Footer

To show the Brand Slider Section right on top of the Footer

Enable Policies In Footer

To show the Policies Block Section right on top of the Footer

Layout Boxed

Set the Background Image for any section has the boxed layout.

Custom Width

Manually set the width of the footer in the range between 1200px and 1920px

Header Mobile

Setting
Description

Layout 1

The mobile header will have its logo in the center with other icons being set to both sides.

Layout 2

The mobile header will have its logo in the left along with the dropdown burger with other icons being set to the right side.

Header Mobile

Setting
Description

Layout Default

The mobile menu will share the same content as the menu setup on desktop

Layout Custom

The mobile menu will be customized to have icons and links that are different from those on desktop

Collections Layout

Setting
Description

Collection Default

The Default Collection Layout comes with its filter facets on a sidebar.

Collection Full Width

The Fullwidth Collection Layout will have the filter facets lying on the top of the product showcase.

List Collections Layout

Setting
Description

Collection 01 Default

Collections will be displayed in a form of grid.

Collection 02 List

Collections will be displayed line by line.

Blog Page Layout

Setting
Description

Blog Default

Blogs are shown in group

Blog Simple

Blogs are shown individually

PreviousDynamic SourceNextTypography

Last updated 2 years ago