💻
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
  • Product detail setting
  • Size guide
  • Enable Size Guide
  • Heading
  • Description
  • Size chart image
  • Different Size Guide for products
  • Custom popup
  • Enable Custom Popup
  • Heading
  • Popup Content
  • Different custom popup for products

Was this helpful?

  1. Customization
  2. Theme settings

Product detail

In this article, you will find how to configure the product detail.

PreviousVariant images groupedNextEach product has a different size chart

Last updated 4 years ago

Was this helpful?

Product detail setting

From your , select Product detail.

Size guide

Enable Size Guide

Check the Enable Size Guide checkbox if you want to display side guide on the product page and quickview popup.

Heading

The title of size guide popup.

Description

The description text of the size guide popup.

Size chart image

Select or upload an image for size guide popup.

Different Size Guide for products

Select one of these options:

  • None: All product has the same size chart.

  • Product vendor: Each product vendor has a different size chart image. If you select this option, you need to go to Shopify admin > Settings > Files to upload an image. The image file extension must be .jpg. The image file name must be the same as the vendor name.

For example, if you want to configure the size chart image for the vendor "The Vendor", the size chart image must be named as the-vendor.jpg

The space between vendor name is replaced by the hyphen (-) in the file name. For example, "The Vendor" ==> "the-vendor.jpg"

  • Product type: Each product type has a different size chart image. If you select this option, you need to go to Shopify admin > Settings > Files to upload an image. The image file extension must be .jpg. The image file name must be the same as the product type.

For example, if you want to configure the size chart image for all products of the product type "Cosmatic", the size chart image must be named as cosmatic.jpg

The space between product type is replaced by the hyphen (-) in the file name. For example, "The Cosmatic" ==> "the-cosmatic.jpg"

Custom popup

Enable Custom Popup

Check the Enable Custom Popup checkbox if you want to display the custom popup on the product page.

Heading

The title of custom popup

Popup Content

The content of custom popup. You can enter the text or HTML to the popup content.

Different custom popup for products

Select one of these options:

  • None: All products have the same custom popup. If you select this option, you can configure the popup heading and content like image above.

If you select this option, you can use the to upload the size chart image.

Each of Size Guide for each of product: Each product has a different size chart image. To configure this option, please refer the next .

Each of Custom Popup for each of product: Each product has a different custom popup. If you select this option, you need to configure the product metafield. Please refer the for more information.

article
article
Size chart image
Theme settings
Product detail setting
Side guide setting
Custom popup setting