shopify-OS
  • Petty - Pet Shop Shopify Theme
  • Getting Started
    • Theme Features
    • Shopify
    • Changelog
  • Support Service
  • How to install Theme
    • Download the Theme Package
    • ThemeForest - Theme Files
    • Theme Installation
  • Header Group
    • Header Section
    • Navigation menu
    • Account Page
    • Selectors (Language & Currency)
    • Menu & Mega Menu
      • Mega menu with Promo Image
      • Mega menu with Promo Banner
      • Mega menu with Brands
      • Mega menu with Product
      • Mega Menu Creation-video
  • Footer Group
    • Footer
      • Menu
      • Custom text
      • Newsletter
      • Logo
      • Address
      • HTML
      • Social Icons
      • Blog Block
      • Divider
    • Newsletter model
    • GDPR Cookies
    • Suggestion Product
  • Custom Class
  • Product
    • Creating Products
    • Product review
    • Metafield
    • Product Variants
    • Gift Card
    • Default Product
    • Product Recommendations
  • Collections
    • Collections List Page
    • Creating Collections
  • Default Collection
  • Filters
    • Filters
  • Theme Settings
    • Fav icon
    • Preloader
    • Typography
    • Appearance
    • Breadcrumb
    • Quick Shop Options
    • General Options
    • Sidebars
    • Cart Page
    • Search
    • Product Deal Timer
    • Social Media
    • Free shipping Cart Goal
    • Fake Visitors
    • Sold in Last Few Hours
    • Shipping Rates Calculator
    • Password Page
  • Pages
    • About Us
    • Contact
    • Wishlist
    • Compare
    • FAQ page
  • Blog Post
    • Blog
    • Creating Blog
    • Default blog post
  • Sections
    • Slider
    • Featured Collection
    • Newsletter
    • Masonry Banner
    • Grid banner
    • Brand Logos
    • Testimonial
    • Deal banner
    • Products
    • Collection List
    • Specification Block
    • Team Section
    • Video Banner
    • Gallery Section
    • Image list
    • Support Block
  • Home Marquee Section
  • Number counter
  • Html Text
  • Divider
  • App Integration
    • App Integration
    • Recommended Apps
  • Video Tutorial
    • How to Install Shopify Theme
    • How to Add Megamenu
    • How To Edit The Product Details
    • How To Add Variants For Products
    • How To Create A Blog Post
    • How to Edit Language Translation and Missing Translations
    • How to Set Up and Use Metafields
    • How to edit font in Shopify?
    • How to Create a Staff Access and Collaborator Access
  • Frequently Asked Questions
    • Missing template "layout/theme.liquid
Powered by GitBook
On this page
  1. Theme Settings

Sidebars

PreviousGeneral OptionsNextCart Page

Last updated 1 month ago

The Sidebars Settings allow users to configure the layout and visibility of sidebars across different sections of the store, ensuring a well-structured browsing experience.

  • Log in to your Shopify admin.

  • Navigate to Online Store > Themes.

  • Find the theme you want to edit and click Customize.

  • Go to Theme Settings > Sidebars.

Customization Options

  • Sidebar Width: Customize the width of sidebars .

  • Product Sidebar: Choose the placement of the sidebar:

    • Left Sidebar : Displays the product sidebar on the left.

    • Right Sidebar : Displays the collection product on the right.

    • Full Width : Displays the collection product on the full width.

  • Disable on Mobile? : Hide the product sidebar on mobile devices for a cleaner layout.

  • Collection Sidebar: Choose the placement of the sidebar:

    • Left Sidebar : Displays the collection sidebar on the left.

    • Right Sidebar : Displays the collection sidebar on the right.

    • Full Width : Displays the collection sidebar on the full width.

  • Disable on Mobile? : Hide the Collection sidebar on mobile devices for a cleaner layout.

  • Blog Sidebar : Choose the placement of the sidebar:

    • Left Sidebar : Displays the Blog sidebar on the left.

    • Right Sidebar : Displays the Blog sidebar on the right.

    • Full Width : Displays the Blog sidebar on the full width.

  • Disable on Mobile? : Hide the blog sidebar on mobile devices for a cleaner layout.

Sidebar Color

  • Title Bg : Customize the title background color (Set Your Preferred Color).

  • Title Color : Customize the title color (Set Your Preferred Color).

  • Title Border : Customize the title border color (Set Your Preferred Color).