NIMBUS theme
Shopify guidesContact usLive chatOpen store freeFree to install
  • Introduction
  • Getting Started
    • Installation
    • Set up my store as Nimbus demo
    • Suggesting Apps
  • THEME SETTINGS
    • Favicon
    • Colors
    • Typography
    • Appearance
    • Animations
    • Product cards
    • Search
    • Currency format
    • Cart
    • Color swatch
    • Social media
    • Extended
    • Custom CSS
    • Theme style
  • Global Sections
    • Announcement bar
    • Header
    • Footer
    • Megamenu
      • Megamenu (Classic banner)
      • Megamenu (Gallery banner)
    • Quick view / quick buy
    • Newsletter popup
    • Age verifier popup
  • Theme Sections
    • Featured collection
    • Featured product
    • Collection list
    • Rich text
    • Image with text
    • Slideshow
    • Multicolumn
    • Collapsible content
    • Newsletter
    • Contact form
    • Video
    • Blog posts
    • Custom liquid
    • Page
    • Before/after image
    • Breadcrumbs
    • Collection tabs
    • Countdown bar
    • Custom html
    • Divider
    • FAQ
    • Featured blog post
    • Featured blog spotlight
    • Gallery grid
    • Gallery social
    • Image with text icons
    • Image with text overlay
    • Logo list
    • Lookbook banner
    • Lookbook slider
    • Media grid
    • Press
    • Products with banner
    • Recently viewed products
    • Scrolling content
    • Scrolling text
    • Testimonials
    • Text with icons
    • Video with text overlay
  • Collections & Products Pages
    • Product page
      • Product template
      • Product information
      • Product information tabs
      • Related products
      • Media grouping
    • Collection page
      • Product grid
      • Collection banner
    • Collection list page
  • Other Pages
    • Cart
    • Checkout
    • Search
    • Blogs
    • Blog posts
    • 404 page
    • Password
    • Contact
    • About us
    • Faq
    • Stores
    • Sustainability
  • Languages & Countries/Regions
    • Languages
    • Countries/ Regions
  • Faqs
    • Theme translation
    • How to add, edit and delete a staff account?
    • How to setup pre-order products?
    • Set up Local Pickup option
    • Configuring customer privacy settings
    • Support
Powered by GitBook
On this page
  • How to add a Product information section?
  • How to customize your Product information section
  • General Settings
  • Block settings
  • 1. Text
  • 2. Link text
  • 3. Title
  • 3. Product rating
  • 4. Price
  • 5. Description
  • 6. Divider
  • 7. SKU
  • 8. Inventory status
  • 9. Sibling products
  • 10. Variant picker
  • 11. Quantity selector
  • 12. Buy buttons
  • 13. Rich text
  • 14. Complementary products
  • 15. Icon with text
  • 16. Share
  • 17. Trust badge
  • 18. Countdown timer
  • 19. Custom Liquid
  • 20. Pop-up
  • 21. Image
  • 22. Line item property
  • 23. Collapsible row
  1. Collections & Products Pages
  2. Product page

Product information

PreviousProduct templateNextProduct information tabs

Last updated 5 months ago

This section provides essential product information - such as price, title, buy buttons, etc.You can change the product information by re-ordering, removing, and adding more blocks.

How to add a Product information section?

Steps:

  1. In the theme editor (Customize), open the template selector.

  2. Select Products, then Default product.

  3. On the left-sidebar, add Product information.

  4. Make necessary changes > Save.

How to customize your Product information section

General Settings

  • Width - There are 3 options for with product information section: Container / Stretched / Full witdh

  • Enable sticky content on desktop - When you enable it, the product content will be fixed in position

  • Show sticky add to cart bar - Display sticky add to cart bar on the product page.

Media

  • Desktop media width - Set width for desktop media.

  • Image ratio - There are 4 options : Adapt to image / Square / Portrait / Landscape

  • Thumbnail ratio - There are 4 options : Adapt to image / Square / Portrait / Landscape

  • Desktop layout - There are 5 options : Stacked / Grid mix column / Grid 2 columns / Thumbnail left ( Carousel ) / Thumbnails bottom ( Carousel )

  • Desktop media position - Left / Right

  • Show Lightbox - Display zoom image when you click to image

  • Enable video autoplay - Grid mode, Stacked on desktop turn off autoplay.

  • Enable video looping - When enabled, the video will loop if the product has a video

  • Mobile layout - Show thumbnails / Hide thumbnails

Colors

  • Background

  • Text

  • Border

Section padding

  • Padding top

  • Padding bottom

Block settings

1. Text

  • Add the custom content you want

2. Link text

  • Display text or button has link

3. Title

  • Display product title - You can edit size for title

3. Product rating

4. Price

  • Display product price

5. Description

  • Display the product description.

6. Divider

  • Display border and spacing

7. SKU

  • Display SKU

8. Inventory status

  • Inventory status indicates product availability, essential for maintaining stock levels, managing inventory effectively, and updating customers about availability on your website.

9. Sibling products

  • Sibling products allow direct linking to other products as swatches, resulting in a detailed product page that features images representing each variant option.

Individual products

Each sibling is an individual product. Using custom metafields, The theme will connect these products together and auto-generate the swatch images.

Create individual products that are similar. Begin with the same name for each product to help maintain naming consistency for each sibling:

Collection for siblings

After creating the products, place them all in one collection. The collection does not need to be used for any other purpose. You can also hide it from the storefront view:

Setup:

  1. Create a custom metafield for product with namespace and key

  2. 'ortheme.siblings' → field type is Collection

  3. 'ortheme.sibling_color' → field type is Single line text

Show sibling products

Changing the Color label

Steps:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Click the …

  3. Select Edit default theme content from the dropdown menu

  4. Click the tab or category that includes the text that you want to change, or use the Filter items search bar to locate phrases or words you want to change.

10. Variant picker

  • Picker type - Dropdown / Block

  • Hide sold out variants

  • Color picker type - Block / Dropdown / Color swatch / Variant image / Native color swatch

  • Block type - Outline / Solid

  • Option name - When variant product has option name will be show popup size chart

  • Size chart page - Display size chart from page. You can also create a different size chart for each product using metafeild

11. Quantity selector

  • Allows customers to increase or decrease quantity

12. Buy buttons

13. Rich text

  • A featured block allows you to promote your content

14. Complementary products

15. Icon with text

16. Share

The option to display social networks for sharing or copying links to share.

17. Trust badge

  • Display image or payment gateway logo on the product page. Help customer to trust your store.

18. Countdown timer

Display the promotion countdown.

  1. Create a custom metafield for product with namespace and key: 'ortheme.countdown' and field type is Date and time

19. Custom Liquid

  • Add app snippets or other Liquid code to create advanced customizations.

20. Pop-up

21. Image

  • Display image on the product page.

22. Line item property

Line item properties are used to collect customization information for an item added to the cart. This information can be collected from the buyer on the product page.

There are 4 options : Text / Textarea / Checkbox / Multiple options

23. Collapsible row

  • Add a heading and extra information on the tabs.

Learn more about

To display a rating, add a product rating app.

Products with variants provide customers with more choices. To learn more about variants and how to add them to your store, visit the following .

To select complementary products, add the Search & Discovery app.

media types.
Learn more
link
Learn more