Provisioner theme is out now. Check it out.

WEBSITE
HomeAboutServicesThemes
HomeAboutServicesThemes
DocumentationsContact
Create Now

  • General Settings

    • Product Card
    • Top bar
    • Font picker
    • Cart Collection
    • Newsletter Popup
    • Mega Menu

  • Product Page

    • Selling Plan
    • Color swatches
    • Nutrition tabel
    • Description section
    • Product related
    • Use modal
    • Product information

  • Article page

    • Enable comments
    • Customized article layout

    • General Settings

    • Product Card

      Customize ⏵ Theme Settings ⏵PRODUCT CARD

      In this field you can set up the Product card appearance:

      • Aspect Ratio / Orientation
      • Picture fit (cover or contain)
      • Padding

    • The product card background-color for png pictures can be changed directly on Theme Settings > Colors (see how)

    • Top bar

      Customize ⏵ Theme Settings ⏵TOP BAR MESSAGE

    • Font picker

    • Cart Collection

      Customize ⏵ Theme Settings ⏵CART COLLECTION

    • Mega Menu

      Customize ⏵ Theme Settings ⏵Header ⏵ Mega menu

    Product Page

    • Selling Plan

      PRODUCT PAGE ⏵ THEME TEMPLATE ⏵ SELLPLAN

      Active selling plan template for each product that has a subscription on it:

    • Color swatches

      PRODUCT PAGE ⏵ METAFIELDS

      To use Color swatches on the product page, you need to create a definition using Shopify Metafields, and set the value to true. Copy the correct definition with the correct value to enable color swatches:

    • Nutrition tabel

      PRODUCT PAGE ⏵ METAFIELDS

      Create a JSON metafield on product page.

      prod.nutrition_table
      COPY ITCOPIED!
    • Customize ⏵ Theme Settings ⏵Products

      Create NUTRITIONAL TABLE block Theme Settings dashboard

    • Description section

      Customize ⏵ Theme Settings ⏵Products

      Create PRODUCTION DESCRIPTION block on Theme Settings dashboard.

    • Create metafields definitions

      PRODUCT PAGE ⏵ METAFIELDS

      To set the section description on the product page, you need to create definitions using Shopify Metafields. Please follow the screenshot below as reference:


      Visit this page as a reference: See example.

    • Show section description
      prod.show_description
      COPY ITCOPIED!
    • Background image description
      prod.bg_img_description
      COPY ITCOPIED!
    • Description heading
      prod.heading_description
      COPY ITCOPIED!
    • Description body text
      prod.body_text
      COPY ITCOPIED!
    • Description list
      prod.list_description
      COPY ITCOPIED!
    • Use video on description
      product.metafields.prod.use_video
      COPY ITCOPIED!
    • Description image file
      prod.image_description
      COPY ITCOPIED!
    • Description video file
      prod.video
      COPY ITCOPIED!
    • Description background color
      prod.background_color
      COPY ITCOPIED!
    • Description text color
      prod.text_color
      COPY ITCOPIED!
    • Align text to right
      prod.align_right
      COPY ITCOPIED!

    • Create metafields definitions

      PRODUCT PAGE ⏵ METAFIELDS

      To set the section product related on the product page, you will need to create definitions using Shopify Metafields. Please follow the screenshot below as reference:

      Visit this page as a reference: See example.

    • Product related description
      prod.description
      COPY ITCOPIED!
    • Product related heading
      heading_section_rel
      COPY ITCOPIED!
    • Product related
      prod.product_related
      COPY ITCOPIED!
    • Product related text color
      prod.text_color_rel
      COPY ITCOPIED!
    • Product related background color
      custom.background_color
      COPY ITCOPIED!
    • Align texts to right
      prod.align_right_rel
      COPY ITCOPIED!

    • Use modal

      PRODUCT PAGE ⏵ METAFIELDS

      To set display product information on modal, you will need to create definitions using Shopify Metafields. Please follow the screenshot below as reference:

      Visit this page as a reference: See example.

    • Open details on modal
      prod.details_on_modal
      COPY ITCOPIED!
    • Open table on modal
      prod.table_on_modal
      COPY ITCOPIED!
    • Open return on modal
      prod.return_on_modal
      COPY ITCOPIED!
    • Open shipping on modal
      prod.shipping_on_modal
      COPY ITCOPIED!

    • Product information

      PRODUCT PAGE

      To add additional product information, you will need to create definitions using Shopify Metafields. Please follow the screenshot below as a reference:

      Visit this page as a reference: See the example.

    • Details
      prod.details
      COPY ITCOPIED!
    • Shipping
      prod.shipping
      COPY ITCOPIED!
    • Return
      prod.return
      COPY ITCOPIED!

    Article page

    • Enable comments

      Customize ⏵ Theme Settings ⏵Blog posts ⏵Default blog post
      1. Follow this Shopify's manual to learn how to manage comments.
      2. Create Article comments block Theme Settings dashboard

    • Customized article layout

      Customize ⏵ Theme Settings ⏵Blog posts ⏵Default blog post

      Create Article | Metafields block Theme Settings dashboard

      Visit this page as a reference: See example.

    • Create metafields definitions

      Blog Post ⏵ Metafields

      To set the section product related on the product page, you will need to create definitions using Shopify Metafields. Please follow the screenshot below as reference:

    • Reading time
      article.reading_time
      COPY ITCOPIED!
    • Title 01
      article.title1
      COPY ITCOPIED!
    • Paragraph 01
      article.parag1
      COPY ITCOPIED!
    • Img 01 (Side by Side)
      article.imgs_side1
      COPY ITCOPIED!
    • Img 02 (Side by Side)
      article.imgs_side2
      COPY ITCOPIED!
    • Title 02
      article.heading_2
      COPY ITCOPIED!
    • Paragraph 02
      article.parag2
      COPY ITCOPIED!
    • Title 03
      article.heading_3
      COPY ITCOPIED!
    • Paragraph 03
      article.parag3
      COPY ITCOPIED!
    • Title (Image + Texts 01)
      article.image_text_headin
      COPY ITCOPIED!
    • Paragraph (Image + Texts 01)
      article.image_text_parag_right
      COPY ITCOPIED!
    • Image (Image + Texts 01)
      article.imgs_text_left
      COPY ITCOPIED!
    • Title (Image + Texts 02)
      article.image_text_heading_right
      COPY ITCOPIED!
    • Paragraph (Image + Texts 02)
      article.image_text_paright
      COPY ITCOPIED!
    • Image (Image + Texts 02)
      article.imgs_text_right
      COPY ITCOPIED!
    • Image Gallery
      article.full_image
      COPY ITCOPIED!
    • Embed
      article.embed
      COPY ITCOPIED!
    • Credit Author
      article.quote_author
      COPY ITCOPIED!
    • Credit Link
      article.quote
      COPY ITCOPIED!