💻
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
  • Preview
  • Configuration
  • Sidebar
  • Product variants
  • Product details
  • Countdown
  • Upsell bundled products (frequently bought together products)
  • Sticky add to cart
  • Product tab
  • Product description tab
  • Product review tab
  • Product page tab
  • Product custom tab

Was this helpful?

  1. Customization
  2. Page settings
  3. Pages
  4. Product pages

Product default layout

In this article, you will find how to configure the product default layout section in the product pages.

PreviousProduct pagesNextProduct sticky layout

Last updated 4 years ago

Was this helpful?

Preview

Please refer the of the product default layout for more information.

Configuration

From your product page setting, click on product default layout section

Sidebar

Check the Enable sidebar checkbox to enable the sidebar in the product pages.

You can align the sidebar on the left or right of the page.

You can add these types of content into the sidebar:

Product variants

Product details

Countdown

Upsell bundled products (frequently bought together products)

Check the checkbox to enable the upsell bundled products

Adjust the slide for the number of products per row in the upsell bundle products.

Sticky add to cart

Check the checkbox to enable the sticky add to cart. Once you enable it, the sticky add to cart is stick in the bottom of the page.

Product tab

In the product tab section, the theme support these tab types:

  • Product description tab

  • Product review tab

  • 2 page tabs (you need to select page for the tab content)

  • 5 custom tabs (you need to configure metafield for the title and content of the tab)

Product description tab

Check the Enable product description tab checkbox to show the tab. The tab content is the full description of the product.

Product review tab

Check the Enable checkbox to show the tab. The tab content is the reviews of your customers about the product.

Product page tab

There are maximum 2 page tabs in the product pages. You need to create a page first. After that, you can select the page for the tab. The tab title is the page title, the tab content displays the page content.

Product custom tab

There are maximum 5 custom tabs in the product tab section. , you need to create and configure 2 metafields for a custom tab of a product. One is for the custom tab title and the second one is for custom tab content.

The product sidebar is the same as the collection sidebar. For the configuration detail of these blocks, please refer the article.

For more detail, please read the article in this documentation.

For more detail, please read the article in this documentation.

For more detail, please read the section of the Product quickview article.

Please refer the of the upsell bundled products for more information.

In order to display the upsell bundled products for a product correctly, you need to configure Upsell Bundled Products metafield for the product. The will describe how to configure the Upsell bundled products.

You need to install app before enabling this tab.

In order to create a page, please read the article from .

For more detail about the custom tab metafields configuration, please refer the .

collection sidebar
Product variants (option selectors)
Product details
demo
article
Shopify documentation
article
demo
Countdown
Shopify product review
Links
Featured collection
Featured product
Banner
Custom block
Product default layout setting
Sidebar setting
Product variants setting
Product details setting
Product countdown setting
Upsell bundled products preview
Upsell bundled products setting
Sticky add to cart
Enable sticky add to cart
Product tab
Product tab setting
Product page tab (return page)