Open Store Free
  • Buy Themes
  • Documentation
    • Kalles Shopify Theme
    • Kalles WordPress Theme
    • Gecko Shopify Theme
    • Elessi Shopify Theme
  • License FAQs
  • Open Ticket
  • Buy Themes
  • Documentation
    • Kalles Shopify Theme
    • Kalles WordPress Theme
    • Gecko Shopify Theme
    • Elessi Shopify Theme
  • License FAQs
  • Open Ticket

Kalles Shopify Theme

home/Documentation/Kalles Shopify Theme
Popular Search:Import demo, Update theme, Custom color
  • 1. GREETING
  • 2. CHANGELOGS
  • 3. INSTALLATION
    • How to get Instagram Access Token
    • How to update the theme?
    • Import Demo
    • Recommend Shopify App
    • Some Basic Before Using Theme
    • Upload Theme
  • 4. RECOMMEND APPS
    • Facebook Messenger - Live Chat
    • Flash Search
    • Growave
    • LayoutHub
    • Loox
    • ReCharge
    • Ryviu
    • Slider Revolution 6
  • 5. UPDATE THEME
    • How to update the theme between versions 3.x.x
    • What is new in version 3.0
  • 6. PRODUCT PAGE
    • Advance Product Type
    • Back in stock notification (Notify me form)
    • Brand Image (Vendor Image)
    • Configure Metafield on Kalles 3.x - supported OS 2.0
    • Configure Product 3D, AR models
    • Configure Size Guides for Products on Kalles ver 3.x.x
    • Configure Submenu Labels and Custom Product Labels
    • Configure the notice: "Will not ship until..." for Pre-order product
    • Configure variant images for product in Shopify dashboard
    • Configure variant on the Product page
    • Frequently Bought Together
    • Product Description sidebar with Collapsible tabs
    • Product Summary option
      • Configure Product Summary - Blocks Content
      • Configure Product Summary - Settings
    • Use the Custom HTML with Metafields in the Description Product tab
  • 7. COLLECTION PAGE
    • Filter by Product Options
    • Filter by Tags
  • 8. THEME SETTINGS
    • Cart & Search Widgets
    • Checkout
    • Collection Page
    • Custom CSS, JS
    • Favicon
    • General Settings
    • Group Variants Image
    • Header
    • Header Configuration
    • Language, Currency
    • Layout
    • Logo Header
    • Other settings
    • Product Item Settings
    • Product Page Settings
    • Recommendation Pop-up Add to Cart
    • Social Media
    • Style and color
    • Typography
  • 9. THEME SECTIONS
    • About us
    • Banner
    • Banner Custom
    • Banner Custom 2
    • Collection Banner
    • Collection Grid
    • Collection List
    • Collection list
    • Collection List Manual
    • Collection List Packery
    • Collection Slider
    • Custom HTML
    • Custom Liquid
    • Custom Section
    • Custom Section 2
    • Daily Deal Of The Day
    • Gallery
    • Image with text
    • Image With Text Overlay
    • Packery Collection
    • Packery Collection Manually
    • Promo Text
    • Rich text
    • Search Section
    • Shipping Text Simple
    • Store Information
    • Tab Collection
    • Tab Collection Slider
    • Testimonials
    • Text Columns with Images
  • 10. SECTIONS
    • Age verification popup
    • Blog Manual
    • Blog Posts
    • Brand List
    • Configure Product Quickview
    • Cookie Law Info
    • Exit Product Popup
    • Footer bottom
    • Footer top
    • Mobile menu & Mobile Categories
    • Newsletter popup
    • Sales popup
    • Shopping Cart Widget
    • Sticky Toolbar Mobile
    • Text Columns with Images 2
  • 11. BLOG
    • Default Blog
    • Filter by Tag for Blog
    • Portfolio Configuration
  • 12. THEME FAQs
    • Change currency format on Checkout Page
    • Countdown timer & Design images option for all sections
    • Custom HTML code for Size Guide page
    • How to change title "Product" to other words on "Collections/All" page?
    • How to configure custom colors swatch for your store?
    • How to enable/ disable Terms & Condition checkbox on Cart sidebar/ Cart Page?
    • How to enable/disable "Shipping calculated at checkout"?
    • Trick, Helpful Custom CSS
  • 13. MAIN NAVIGATION
    • Configure Megamenu on Kalles 3.x (New Type block)
  • 14. VARIANT CONFIGURATION
    • Configure different ID for Product Variants
    • Configure product Grouped
    • Configure Variant on loop & Collection page
  • 15. PAGES
    • About us

Configure Size Guides for Products on Kalles ver 3.x.x

1086 views 1 December 16, 2021 Updated on December 20, 2021 Kate

In the Kalles theme version 3.x.x – support Shopify 2.0, you need to follow the instruction below to know how to configure Custom Metafield for your Products.

To configure the Metafield for your products, please go to Dashboard Settings > Metafields option. Kindly follow my video below:

Click the Add definition button to start configuring Metafield.

Product Metafield – Size Guide

The Kalles theme allows you add 2 types of Size Guide contents for your product: A custom page and a custom image. If you wanna add a Size Guide for a specific product, you can configure the Metafield Size Guide following these steps below.

1. Add Metafield Size Guide – Page

You need to configure some options below:

  • Name: You can add the name that you wanna show for the Metafield Size Guide – Page here. Example: I added the field Name is: Metafield Size Guide.
  • Namespace and key: You can add any keyword here. Example: You can add the key: meta.sizeguide2 or any words you want.
  • Description: You can add the Description for the Metafield Size Guide – Page here. In addition, this is not a required option, so you can choose to add a Description or not.
  • Select Content Type: Please choose the content type is Reference > Page. This is a required option, if you do not choose the content type is Reference > Page here, the Metafield Size Guide cannot work correctly.

Actually, you guys can configure following my image below:

2. Add Metafield Size Guide – Image

You need to configure some options below:

  • Name: You can add the name that you wanna show for the Metafield Size Guide – Image here. Example: I added the field Name is: Metafield Size Guide.
  • Namespace and key: You can add any keyword here. Example: You can add the key: meta.sizeguide or any words you want.
  • Description: You can add the Description for the Metafield Size Guide – Image here. In addition, this is not a required option, so you can choose to add a Description or not.
  • Select Content Type: Please choose the content type is File. This is a required option, if you do not choose the content type is File here, the Metafield Size Guide cannot work correctly.

You guys can configure following my image below:

After configuring done, we will get 2 Metafield definitions as the image below:

3. Configure Metafields Size Guide in Product

You can follow the video below to know how to configure Metafield Size Guide for products in Products > All products.

NOTE: If you don’t want show Metafield contents above for some products, please do not configure the metafield option in Products as the image below:

4. Show Metafield Size Guide in Customize > Product Page

You can follow my video below:

5. Configure Size Guide for all products

If you guys don’t wanna configure the Size Guide for a specific product, you can choose a static page/ static image for all products without using Metafield. Please follow the instruction below:

5.1. Choose a static page for Size Guide

First one, choose Size Chart type: HTML. Then, in the HTML Size Chart option > Click the Select page button to choose a page for Size Guide.

Example: I wanna choose the Size Guide page > Tick on that page > Click the Select button.

The Size Guide page has been selected to show for all products.

Then the Size Guide page that you selected in the Product page will show on all products or products that have the Size variant.

5.2. Choose a static image for Size Guide

You can configure same with Size Chart type: Image. First one, choose Size Chart type: IMAGE. Then, in the IMAGE Size Chart option > Click the Select Image button to choose an image for Size Guide.

Example: I uploaded a Size Guide image > Tick on that image to pick it > Click the Select button.

The Size Guide image has been selected to show for all products.

Was this helpful?

1 Yes  1 No
Copyright 2021 the4.co. All Rights Reserved.
Popular Search:Import demo, Update theme, Custom color