Rokan Shopify
DemoBuy Now
  • Introduction
    • Rokan - Greeting
    • Free support
    • Leave a review
    • Changelog
    • Refund policy
    • Support policy
  • get started
    • Install theme
      • Install Rokan In One Click Fast Way
      • Install Rokan Manually
    • Update theme
      • Update Rokan In One Click Fast Way
      • Update Rokan Manually
    • Import data
      • Create required pages
      • Create required metafield
    • Purchase code & Activation
    • Translate theme
  • recommended apps
    • Recommended apps
  • shopify knowledgebase
    • User guide
    • Edit theme code
  • how to change elements of page?
    • Home pages
      • Home Demo
      • Fashion Elegance
      • Fashion Modern
      • Footwear
      • Home Decor
      • Minimal furniture
      • Smart Digital
      • Mega Digital
      • Cosmetic
      • Organic Foods
      • Radiant Jewelry
      • Home RTL
    • Collection list page
      • Content overlay image
      • Content beside image
      • Page product default
      • Load more button
      • Infinite scrolling
      • Left side filter
      • Right side filter
      • Dropdown filter
      • Canvas filter
      • List view
  • theme settings
    • Logo and favicon
    • Browser tab notifications
    • General settings
    • Layout settings
    • Typography
    • Color
    • Section
    • Search
    • Cart
    • Wishlist
    • Product
    • Quickview
    • GDPR setting
    • Loading image
    • Custom CSS
  • header group
    • Announcement bar
    • Top Bar
    • Header
      • Header standard
      • Header vertical
      • Header mega shop
      • Mega menu with banner image
      • Mega menu with product
      • Mega menu with collection
  • footer group
    • Footer
      • Footer
      • Footer layout 2
      • About
      • Menu
      • Newsletter
      • Custom content
  • overlay group
    • Age verify popup
    • Newsletter popup
    • Before you leave
    • Promotion popup
    • Fake order
  • Theme sections
    • Collection list
    • Collection list menus
    • Slideshow
    • Contact form
    • Video
    • Custom liquid
    • Banner carousel
    • Banner image
    • Banner packery
    • Banner with infor
    • Banner with text
    • Blog posts
    • Collection link
    • Collection packery
    • Collection tab
    • Counter
    • Custom HTML
    • Custom content
    • Custom text
    • Divider
    • Email signup banner
    • Faq
    • Gallery
    • Google maps
    • Image box
    • Image comparison slider
    • Instagram
    • Instagram shop
    • Lookbook
    • Multiple banner
    • Newsletter
    • Page heading
    • Featured product
    • Products list
    • Products list carousel
    • Products carousel
    • Products deal
    • Products grid
    • Products recently viewed
    • Scrolling text
    • Shop the look
    • Shopable video
    • Spacing
    • Testimonials
    • Tiktok video
  • collection page
    • Edit collection page
    • Page heading
    • Collection list page
    • Sub collection
    • Collection main
      • Sidebar & Filter
      • Pagination
    • Filter by tags
    • Filter dynamic
  • product page settings
    • Edit product page
    • Breadcrumb
    • Product sidebar
      • Left sidebar
      • Right sidebar
      • Drawer sidebar
    • Product thumbnails position
      • Thumbnails left
      • Thumbnails right
      • Thumbnails bottom
      • No thumbnails
      • Grid 1 column
      • Grid 2 column
      • Inner zoom 1
      • Inner zoom 2
      • External zoom
    • Product summary
      • Product price
      • Product review & Sold
      • Short description
      • Product title
      • Visitors counter
      • Product custom field
      • Custom HTML
      • Trust badge
      • Delivery & Return
      • Pickup availability
      • Product form
      • Product addons
      • Stock countdown
      • Product meta
      • Product swatch
      • Product label
      • Custom text
      • Custom liquid
      • More products color
      • Countdown timer
      • 360° product viewer
      • Product vendor
      • Subscriptions
    • Variant image grouped
    • Product description
      • Layout 1
      • Layout 2
      • Layout 3
    • Product information tabs
      • Tab description
      • Tab review
      • Tab custom
    • Product recommendations
    • Products recently viewed
    • Setup External/Affiliate product
    • Setup product group
    • Setup stock notification form
    • Setup frequently bought together
  • OTHER PAGES SETTINGS
    • Blogs
      • Layout
      • Pagination
      • Sidebar position
    • Blog posts
    • 404 Page
    • Password
    • Store location
    • About
    • Contact
    • Faqs
    • Compare
    • Wishlist
  • FREQUENTLY ASKED QUESTIONS
    • How to translate a theme after adding a new default language?
    • The purchase code is already activated on another site
    • Missing images when install Rokan
    • Some pages are missing
    • Theme translation
    • Change Currency
    • The desktop screen look more like on a tablet
    • Change free shipping message
    • How to setup pre-order products?
    • How to translate "Buy now" button?
    • Staff account
Powered by GitBook
On this page
  • 1. Product bought together
  • 2. Short description
  • 3. Countdown timer
  • 4. External/Affiliate
  • 5. Product grouped
  • 6. Sub collection
  • 7. Product information tab
  • 8. Custom product badge
  • 9. More colors
  • 10. Size chart
  1. get started
  2. Import data

Create required metafield

PreviousCreate required pagesNextPurchase code & Activation

Last updated 7 months ago

Step

  1. Login to your Shopify store, click to Settings

  2. Click to Custom data and select Products

  3. Add metafields as follow:

  • Product Bought Together

  • Short description

  • Countdown timer

  • External/Affiliate

  • Product grouped

  • Sub collection

  • Product information tab

  • Custom product badge

  • More color

  • Size chart

1. Product bought together

  • Name: Product Bought Together

  • Namespace and key: bls.bought_together

  • Content type: Product - List of products

2. Short description

  • Name: Short Description

  • Namespace and key: bls.short_description

  • Content type: Multi-line text

3. Countdown timer

  • Name: Countdown Timer

  • Namespace and key: bls.countdown_timer

  • Content type: Date and time - One value

4. External/Affiliate

Step 1:

  1. Login to your Shopify store, click to Settings

  2. Click to Custom data -> Metaobjects and Click Add definition

  3. Add metaobject definition with 2 fields as bellow:

- Name: External/Affiliate

- Field 1:

* Type: URL

* Name: External Link

- Field 2:

* Type: Single line text

* Name: Button Text

  1. Click Save

Step 2:

  1. Back to Custom data -> Metafields -> Products

  2. Add a metafield as bellow:

    - Name: External/Affiliate

    - Type: Mixed reference

- Validation: External/Affiliate

Step 3:

Close Setting and setup metafield for a product.

5. Product grouped

Step:

  1. Login to your Shopify store, click to Settings

  2. Click to Custom data and select Products

  3. Add metafields as bellow:

- Name: Product grouped

- Namespace and key: bls.product_grouped

- Content type: Product - List of products

  1. Click Save

6. Sub collection

Step:

  1. Login to your Shopify store, click to Settings

  2. Click to Custom data and select Collections

  3. Add metafields as bellow:

- Name: Sub Collections

- Namespace and key: bls.sub_collections

- Content type: Collection - List of collections

  1. Click Save

7. Product information tab

Step 1:

  1. Login to your Shopify store, click to Settings

  2. Click to Custom data --> Metaobjects and Click Add definition

  3. Add metaobject definition with 2 fields as bellow:

- Name: Information product tab

- Field 1:

* Type: Multi-line text

* Name: Information Text

- Field 2:

* Type: Page

* Name: Information in page

Step 2:

  1. Back to Custom data -> Metafields -> Products

  2. Add a metafield as bellow:

- Name: Information product tab

- Namespace and key: bls.information_product_tab

- Type: Metaobject

- Reference: Information product tab

  1. Setup metafield for a product and you can see the result.

On Shopify homepage, go to Products and select the 'Information product tab' metafields to set the content you want to display for each product

8. Custom product badge

Step

  1. Login to your Shopify store, click to Settings

  2. Click to Custom data and select Products

  3. Add metafields as bellow:

- Name: Custom product badge

- Namespace and key: bls.custom_product_badge

- Content type: Single line text

  1. Click Save

9. More colors

Step:

  1. Access your Shopify store Admin, then navigate to Settings and select Custom data. From there, go to Products and click on Add Definition.

  2. Add Metafield as bellow:

    -Name: More colors

    -Namespace and key: bls.more_colors

    -Content type: Product - List of products

  3. Click Save after every adjustment is done.

10. Size chart

Step:

  1. Login to your Shopify store, click to Settings

  2. Click to Custom data and select Products

  3. Add Metafield for Size chart

    • Name: Size chart

    • Namespace and key: bls.size_chart

    • Content type: Multi-line text

LogoCreate your online store today with ShopifyShopify