Suruchi Shopify Theme
Try suruchiDemos
  • What is Suruchi theme?
  • CHANGE LOG
  • Support Policy
  • Refund Policy
  • Getting Started
    • Purchase code Verify
    • How to install Suruchi Theme?
    • How to set up your store as a Suruchi demo?
    • How to update Suruchi Theme?
  • Header Group
    • What is a header group?
    • Announcement bar
    • Header
    • Menu
      • How to create menu?
      • How to add a dropdown menu
      • How to add a mega menu (Promo banner)
      • How to add a mega menu (Collections)
      • How to add a mega menu (Products)
      • How to add a mega menu (Banner)
  • Footer Group
    • What is a footer group?
    • Footer
    • Mobile navigation bar
    • Popup
  • Theme Sections
    • How to add a section?
    • Slideshow
    • Featured collection
    • Collection list
    • Before/after image slider
    • Scrolling text
    • Shop the lookbook slider
    • Advanced Search Filter
    • Shop the look
    • Lookbook
    • Banner list
    • Product tabs
    • Featured product
    • Gallery
    • FAQ / Collapsible content
    • Image banner
    • Image with text
    • Multicolumn
    • Featured promotion
    • Video
    • Video hero
    • Testimonial
    • Text with banner masonry
    • Text with banner grid
    • Tiktok
    • Logo list
    • Image with biography
    • Google map
    • Counter up
    • Countdown banner
    • Contact info with map
    • Collection product banner
    • Contact form
    • Email signup
    • Rich text
    • Blog list
    • Welcome video
    • Page
  • Theme Settings
    • General
      • How to enable RTL Layout
    • Layout
    • Colors
    • Typography
    • Product card
    • Color swatches
    • Quick shop
    • Wishlist page
    • Social media
    • Cart
    • Search
    • Customer/account
    • Checkout
    • Custom css
  • Collections & Products
    • Product page
      • Create a product template
      • Page sections
        • Page title banner
        • Product template
        • Product recommendations
        • Product Tabs
        • Recently Viewed Product
    • Products
      • Add local pickup to your store
      • Add product to your store
      • How to add a unique tab on the product page
      • Add a countdown timer to the product
      • Show a custom badge to your product
      • Show a Marquee badge to your product
      • Add a product short description using a metafield
      • How to add a size guide popup for the individual product?
    • Collection page
      • Add Collections
      • Create a collection template
      • Page sections
        • Page title banner
        • Collection banner
        • Product grid
    • Collection list page
      • Add Collections
      • Page sections
        • Collection page title banner
        • Collection list section
  • Other Pages
    • Create a page
    • Create a page template
    • Blogs
      • Add blog post
      • Blog page
    • Blog posts / Article
    • Cart page
    • Search page
    • 404 page
    • Password page
    • Wishlist page
    • Compare page
  • Language & Countries/Regions
    • How to enable the COUNTRY/REGION of your store?
    • How to enable LANGUAGE of your store?
    • How to edit default theme content
    • How to translate theme for multiple languages
  • General Topics / FAQ
    • How to add a collection to your store?
    • How to enable free shipping bar
    • How to enable the pre-order product to your store
    • How to add product reviews to your store
    • How to add Complementary products
    • Add a gift wrap option to your cart
    • How to add a product to your store?
    • Add Shopify 2.0 storefront product filtering
    • Add recommended products to your store
    • Set up local pickup
    • How to enable a customer account?
Powered by GitBook
On this page
  • Section settings
  • Desktop layout
  • Section padding
  • Section block settings
  • Variant picker
  • Type
  • Color swatches
  • Buy buttons
  • Product Description
  • Product reviews
  1. Collections & Products
  2. Product page
  3. Page sections

Product template

How to customize your product information in product pages

PreviousPage title bannerNextProduct recommendations

Last updated 1 year ago

Take the following steps:

  • In the theme editor (Customize), click on the page selector

  • Go to the Products

  • Then you can go to the specific Product template

Section settings

Settings
Description

Page width

Media Settings

Desktop layout

Media size Media is automatically optimized for mobile

You can change the product media column width by following these settings, Large, Medium, Small

Image height

You can change product media height by following these settings, Adapt to image, Large, Medium, Small

Mobile layout

  1. Show thumbnail (Default selected): You can show a thumbnail gallery on a mobile device.

  2. Hide Thumbnail: You can hide a thumbnail gallery on a mobile device.

Hide other variants’ media after selecting a variant

If you enable it, the Selected variant image will be displayed., Other variants of media will be hidden.

Enable sticky product information on large screens

If you enable it, The product information will be sticky on the large screen. If scroll down to the page, the media image will be fixed position beside the content.

Desktop layout

STICKY CART

Section padding

Settings
Description

Desktop: Padding top

The section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop.

Desktop: Padding bottom

The section’s bottom inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop.

Mobile: Padding top

The section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the mobile.

Mobile: Padding bottom

The section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the mobile.

Section block settings

Settings
Description

Title

This is the main product title. You can show/hide the title.

Price

Countdown timer

Inventory Status

Variant picker

Buy buttons

Share

Complementary products

Description

Vendor

You can show/hide vendor name. You can add this block to a maximum number of 1

Additonal field

Type

You can show/hide product type. You can add this block to a maximum number of 1

Sku

You can show/hide SKU. You can add this block to a maximum number of 1

Barcode

You can show/hide the barcode. You can add this block to a maximum number of 1

Collapisble row

Popup size guide

You can display the size guide in 2 ways -

- Popup:

Popup text

Popup contact form

The "Ask about this product" feature on the single product Shopify theme allows customers to inquire about specific product details or ask questions directly from the product page.

Reviews

Variant picker

Type

  • Dropdown

  • Button

Color swatches

Required! The variant picker type must be 'Button'

Settings
Description

Enable color swatches

You can eanble/disable the color swatches

Swatch type

  • Color swatch (Default selected)

  • Variant image (You can display a variant image instead of the color swatch )

Option name

Define the color option name. Eg. Color, Colour, etc.

Color option style

  1. Round

  2. Square

Buy buttons

Settings
Description

Show quantity button

You show/hide the quantity button

Show pre-order button

You show/hide the pre-order button.

How to display the "Pre-order" button,

Show dynamic checkout buttons

Show wishlist button

You can enable/disable the wishlist button

Show compare button

You can enable/disable the compare button

Show trust badge

You can show/hide the trust badge

Trust badge text

You can add a text for the trust badge.

Product Description

Settings
Description

Heading

You can add a title for the description

Icon

You can add a icon with the tile

Product description

  1. Full description (If you add content to the product description from the product admin, it will be displayed here)

Description word count

If you use the full description, you can control how much sound you want to display

COLLAPSIBLE ROW

Enable

You enable/disable the collapsible row to display the description.

Show disclosure by default

If you enable the collapsible row, you can display content by default enabling the option.

Product reviews

Learn more about

Stacked: The stacked mode of Shopify product media refers to a layout option for displaying product images on a product page in a stacked or vertical manner. In this mode, multiple product images are displayed one below the other, allowing customers to scroll through and view each image individually. Thumbnails: The thumbnail gallery mode of Shopify product media is a display option for showcasing product images on a product page. In this mode, a collection of thumbnail images is presented in a horizontal gallery format. These thumbnails serve as smaller versions of the product images, allowing customers to quickly preview and select the images they want to view in more detail. Thumbnails carousel: In this mode, a collection of thumbnail images is presented in a horizontal gallery slider format.

You can add/remove the timer block. How to add a countdown timer, follow the instructions, []

How to customer the variant picker, follow the instructions, []

You can add/remove the block. How to customize the "Buy buttons" block, follow the instructions, []

How to add a Complementary product to your store, please follow the instructions - []

How to customize the "Product description", please follow the instructions - []

You can add 2 additional fields. You can add this block to a maximum number of 1.

You can add a collapsible row

1. Individual product: You need to set up a metafield. [] 2. All the products: You can add content from the customizer. Also, you can add a size guide for separate products. []

NOTE: If you choose the option "all products," a size guide popup will appear for all the products. However, if you input a value from a metafield, that specific value will replace the default size guide for the corresponding product. []

You can add a pop-up. This popup will appear all the time for all products.

-------

It enables customers to rate and write reviews, which can help other shoppers make informed purchasing decisions. []

The name you used for the variant color option name must be entered exactly as it was there.

please follow the instructions - []

You can show/hide the "Buy now" button. []

Short description (You need to use a metafield to use the short description) - How to add the metafield, follow the instructions - []

This is a free app. We've installed it in our theme by default.

You can install any app for your store. []

Shopify product review
Learn more
media types.
Learn more
Learn more
Learn more
Learn more
Learn more
See demo
Learn more
Learn more
Learn more
Learn more
Learn more
Learn more
Learn more