Skip to content

Products

Please follow document from Shopify for setting bacsic info about your products on store

PRODUCTS - OFFICIAL DOCUMENTATION

Product Variants

VARIANTS OF PRODUCT

Our theme is supported swatch style or boxed style with option name Size or Color.

Product Features

  • Images, Video or 3D Models
  • Countdown
  • Shipping Message
  • Sale, New, Hot badges
  • Hover state on product item
  • Excerpt content on product
  • Tabs and accordion content
  • Custom tab
  • Show images and change image of variant respectively
  • Related Products
  • Frequently Bought Together
  • Product Recommendation
  • Compare Feature
  • Wishlist Feature
  • Ask about product Popup

Product Media

Please follow document guide below for adding video or media files on product

PRODUCT MEDIA

Product countdown

Please follow wiki guide below for more details

COUNTDOWN GUIDE

Badge on Items

You need add metafield on certain products by using our metafields app

METAFIELDS APP

namespace key value
info label {badge value}}

badge value is hot,new or sale

Excerpt content on product

You need add metafield on certain products by using our metafields app

METAFIELDS APP

namespace key value
info excerpt {this is excerpt cotnent as you want}}

This is products on same collection of current product view. You can active it via Product Section

Frequently Bought Together

You can config via navigation linklist. Each of links must be product.

Product Actions

Quickview, Wishlist, Compare features can be enabled via Theme Settings > Products

Product Tabs

  • Tabs are supported 2 styles

    • Tabs Display

    • Accordions Display

  • Tabs Style is belonged Product Design which is set up under Product page section

Custom tabs

Setting custom tabs via product page section settings

Ask about product popup

Setting up ask a bout product popup ( Enable / Disable)

Product Info and Content

Under product section page, we had settings allow you can set up or hide/show more details

Media Setting (Zoom Image, Light Box, Video Loop ...)

All features are managed by settings under Product section

Custom Swatches

  • Color and Size option names are supported Swatch Style

  • Setting up Color and Size Swatches

If your colors are simple & basic, like red, green, white, black, yellow... you don't have to do anything, the swatches will be generated automatically

If you have complex colors, like this:

Please upload an image (16x16 pixels, PNG format) with the color you want into Assets:

Please note that the image file name must be match the color.

For example, if you have a color called 'Burgundy', then name your image burgundy.png (all characters must be in lower case)

If you have a color called 'Déjà Vu Blue', then name your image deja-vu-blue.png

Other example, if your color is 'Blue/Gray', then name your image blue-gray.png

Most simple example, if your color is 'Black', the name your image black.png