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
  • Sidebar
  • Tabs
  • Tabs type

Was this helpful?

  1. Products

Product page

In this section, you can decide on the content that should be visible on the product page, its sidebar, and tabs.

PreviousProductsNextTheme blocks

Last updated 1 year ago

Was this helpful?

Products -> Product page

Sidebar

The option “Gallery size”, enables one to decide the image size using 12 grid areas. You can choose to display the gallery of images: 4/12, 5/12, 6/12, 7/12 or 8/12 of a line:

The option “Enable sticky sidebar” allows the sidebar to remain sticky on the product page while scrolling down the browser page. If you disable this option, there will be a blank white space on the left or right side of the product when scrolling down the browser page.

Tabs

Here you can enable the option “Show tabs” if you want them to be displayed on product pages. If you do not desire to have any tab, disable the option.

Additionally, you can decide whether to show tabs “Show tab for Description” and “Show tab for Reviews” by enabling or disabling the options. Checkmark “Scrolling to open tab” in case you need to scroll up to the opened tab. This option works only for the vertical tabs on both desktop and mobile versions.

Tabs type

In this section, you can select one of the options: “Default tabs” or "Sheet of tabs".

Once you select the “Sheet of tabs" option, the Reviews, and Description blocks will be displayed without a tab, but all other tabs will be hidden using this combination.

If you enable this option, a sidebar will be shown on the product page. You can choose on which side of the product page it should be shown: “Left” or “Right”. In case you don´t want it to be shown, you can choose the “Off” option in the “Sidebar position”. You can configure content for the sidebar section by adding Theme Blocks in Products -> Product page -> Add block. More information about how to customize the sidebar you can find .

here