Smind Documentation
  • In-app
    • Getting started
    • Library
      • Product blocks
      • Sections
      • Templates
      • Themes
      • Styles
    • My library
    • Page Builder
    • Theme Builder
    • Subscription plans
    • Settings
    • Support
  • Guides
    • Color block and color scheme
    • Enabling account
    • Getting Google Maps iframe
    • Getting TikTok video URL
    • Configuring color swatches
    • Configuring sale badge
    • Configuring size chart
    • Showing social media icons
    • Deleting data
    • Moving Sections
  • Sections
    • Header
    • Product Detail
    • Product Bundles
    • Collection Page
      • Vertical Layout
      • Horizontal Layout
      • Off-Canvas Layout
      • Expand/Collapse Layout
    • Wishlist & Wishlist Page
    • Compare & Compare Page
    • Quick Add
    • Quick View
  • Cart Drawer
    • Estimate Shipping
    • Free Shipping Progress Bar
    • Complementary Product
    • Cart Notes
  • FAQs
    • Why does the section appear on all pages?
    • Why are section layouts broken?
    • Why do spaces appear when hiding the theme's header?
    • How to change default text in sections?
    • How to update sections?
    • How to set the default template for product pages?
    • Why are the sections I installed not showing up in the theme editor?
    • Integrate review scores from other apps.
  • Dev
    • Product detail event
    • Product form event
    • Cart Drawer event
Powered by GitBook
On this page
  • How To Install ?
  • How To Use The Size Chart ?
  • How To Use Variants Picker?
  • How To Use Complementary Products & Product Bundles ?
  • How To Use Multiple Variant Images ?
  1. Sections

Product Detail

Product detail refers to the essential information displayed to customers, including the product title, description, images, price, variants, and other relevant details.

PreviousHeaderNextProduct Bundles

Last updated 2 months ago

How To Install ?

  1. From our app, click Library.

  2. In the Sections tab, search for the keyword Product detail.

  3. Select the section you want and click Install and Customize.

  1. From the Shopify Editor sidebar, click Add Section.

  2. Search for Product Detail section

If you are using our theme, you can skip this step install "Product detail" section.

How To Use The Size Chart ?

Step 2: Go to the product page and select the correct product for which you just created the size chart.

Step 3: Click Add Block and click Size Chart.

Then, you will see the size chart displayed in the product details.

If you don't select the correct product for which you set up the size chart, it will not be displayed.

How To Use Variants Picker?

Step 2: Customize the Variant Picker block.

  • Color selector type "Color swatch"

  • Color selector type "Pill with color swatch"

  • Color selector type "Image"

  • Color selector type "Dropdown"

  • Color selector type "Pills"

How To Use Complementary Products & Product Bundles ?

To set up the 'Complementary products' and 'Product bundles' blocks, you can follow the instructions below.

Step 2: Choose the correct product name displayed in the product details and select complementary products.

  1. From the Search & Discovery app, click Recommendation.

  2. Select the product you want to add the complementary products or product bundles.

  1. Click Browse to add the products.

  2. Add the product you want and click Add and Save it

  1. Click Add Block and add Complementary Products.

Then, you will see the complementary products displayed in the product details.

  1. Click Add Block and add Product Bundles.

Then, you will see the product bundles displayed in the product details.

User can purchase multi-products the same time

If all items are added to the cart or out of stock, the 'Complementary products' and 'Product bundles' blocks will not display anything.

How To Use Multiple Variant Images ?

Step 1: .

Step 1: .

Step 1: Install the "" app.

Configuring size chart
Configuring color swatches
Search & Discovery