Home ⚡ Advanced Product Features

⚡ Advanced Product Features

Unlock powerful features using Metafields and Metaobjects. Setup product badges, custom tags, size charts, and customer personalization options.
4 articles

How to setup Product Badges

The Freedom theme allows you to display eye-catching badges on your product cards. "On Sale" Badge The theme automatically detects when a product is on sale. A product will display the "Sale" badge if: 1. The product is Available (in stock). 2. The Compare-at price is higher than the current Price. Custom Badges For badges like "Staff Pick", "New Arrival", or "Bestseller", Freedom uses Shopify Metaobjects. This approach allows you to define a badge once (with its name and specific color) and reuse it across multiple products. Metafield names can be customized in Theme settings > Product badges, but this tutorial uses the default configuration. Step 1: Create the Metaobject Definition You can skip instructions 1 through 3 by going to this link directly. It will open a page that lets you create a new Metaobject definition immediately. 1. From your Shopify Admin, go to Settings > Custom data (or Metafields and metaobjects). 2. Scroll down to Metaobject definitions and click Add definition. If it's your first Metaobject definition, it will look like this: 3. Name it Badge. 4. Click Add field and create the following exact fields: - Name (Type: Single line text) - Color (Type: Color) Leave the rest of the settings as they are by default. 5. Save the definition. Step 2: Create the Product Metafield Now you need to link this new Metaobject to your products. 1. Go back to Settings > Custom data. 2. Click Products. 3. Then click Add definition. 4. Name it Badges. Keep the namespace and key: custom.badges. 5. Change the type by selecting Metaobject... ...and then Badge. 6. Change One entry to List of entries (This allows a product to have multiple badges). Keep the remaining settings at their default values. 7. Save. Step 3: Creating and Assigning Badges 1. Now, go to Products and click on a product. 2. Scroll down to Metafields. You will see the Badges field. 3. To add a new badge, click the text field and then Add new entry. Fill in the Name (e.g., "Bestseller") and pick a Color (e.g., #E64410). Then Save. Repeat this for all the unique badges you need. You have to create each badge only once. 4. Once you create the badge, you can easily assign it to or remove it from any product. Visual Style In the block settings (or global Theme Settings > Product badges), you can choose the Style: - Glowing: A modern effect where the text glows with the chosen color against a background. - Solid: A standard badge with a solid background color.

Last updated on Jan 14, 2026

How to setup Product Tags

Product tags in the Freedom theme are rich, visual elements that include an icon, label, and optional link. For example, they can look like this: Metaobject Configuration To create product tags, Freedom uses Shopify Metaobjects. This approach allows you to define a tag once (with its icon and link) and reuse it across multiple products. Metafield names can be customized in the Product tags block settings in the Theme Editor, but this tutorial uses the default configuration. Step 1: Create the Metaobject Definition You can skip instructions 1 through 3 by going to this link directly. It will open a page that lets you create a new Metaobject definition immediately. 1. From your Shopify Admin, go to Settings > Custom data (or Metafields and metaobjects). 2. Scroll down to Metaobject definitions and click Add definition. If it's your first Metaobject definition, it will look like this: 3. Name it Product Tag. 4. Click Add field and create the following exact fields: - Name (Type: Single line text) - Icon (Type: Image (File)) - Link (Type: Link) Leave the rest of the settings as they are by default. 5. Save the definition. Step 2: Create the Product Metafield Now you need to link this new Metaobject to your products. 1. Go back to Settings > Custom data. 2. Click Products. 3. Then click Add definition. 4. Name it Product Tags. Keep the namespace and key: custom.product_tags. 5. Change the type by selecting Metaobject... ...and then Product Tag. 6. Change One entry to List of entries (This allows a product to have multiple tags). Keep the remaining settings at their default values. 7. Save. Step 3: Creating and Assigning Tags 1. Now, go to Products and click on a product. 2. Scroll down to Metafields. You will see the Product Tags field. 3. To add a new tag, click the text field and then Add new entry. Fill in the Name (e.g., "Natural ingredients"), upload an Icon, and optionally add a Link. Then Save. Repeat this for all the tags you need. You only need to create each tag once. 4. Once you create the tag, you can easily assign it to or remove it from any product. Visual Style In the Product tags block settings (inside the Product information section), you can customize the appearance using the Style setting: - Vertical: The icon sits above the text. - Outlined: The icon sits next to the text with a border.

Last updated on Jan 14, 2026

Custom Product Vendor

By default, Shopify's native "Vendor" field is a system entity that stays the same across all languages. This means if you have a multi-language store, you cannot translate the brand/vendor name using standard translation apps. The Freedom theme solves this by allowing you to swap the native Vendor source with a translatable Metafield. This tutorial uses the metafield name custom.vendor, which is configured in Theme settings > Vendor by default. Step 1: Create the Vendor Metafield You can skip points 1 through 3 by going to this link directly. It will open a page that lets you create a new Metaobject definition immediately. 1. From your Shopify Admin, go to Settings > Metafields and metaobjects. 2. Click Products. 3. Click Add definition. 4. Name it Vendor. Keep the namespace and key: custom.vendor. 5. Click Select type and choose Single line text. Keep the remaining settings at their default values. 6. Save. Step 2: Assign and Translate 1. Go to a Product in your admin. 2. Scroll down to the Metafields section. 3. In the Vendor field you just created, type the brand name. 4. Use Shopify's Translate & Adapt app (or your preferred translation app) to localize this specific metafield into your other languages. Step 3: Configure Theme Settings To tell the theme to use this new metafield instead of the locked system field: 1. Open the Theme Editor. 2. Go to Theme Settings. 3. Locate the Vendor category. 4. Change Vendor source from Native to Metafield. The Product vendor metafield should already be set to custom.vendor by default. Verify that it matches the key you created in Step 1. Now, wherever the vendor is displayed (Product Cards, Product Information, Cart Drawer), the theme will pull the text from your translatable metafield.

Last updated on Jan 14, 2026

Line Item Properties

Line item properties allow customers to add personalization information to an item before they add it to their cart. This is perfect for collecting data such as: - Engraving text - Gift notes - "I agree to terms" checkboxes - Size or material preferences This information is passed to the Order in your Shopify Admin but does not create separate product variants. ⚠️ Important: Line item properties are only captured when customers click Add to Cart within the main product form. If your products require mandatory personalization, we recommend hiding the Quick Add button on Product Cards, as this feature bypasses the product page and the required fields. Adding the Block 1. In the Theme Editor, navigate to the Product page (or a specific product template) where you want to add the customization field. Note: If your store uses multiple product templates (e.g., Default product, Pre-order), remember to add this block to each template individually if needed. 2. In the Product information section, add the Line item property block to Details where you want it to appear. Configuration Options You can create unlimited property fields by adding multiple blocks. Each block supports four distinct types: 1. Text Creates a standard input field for typing. - Make textbox larger: Turns the single-line input into a multi-line text area (great for long gift messages). - Validation: You can enforce a Minimum length or Maximum length to ensure the customer provides the correct amount of information. 2. Checkbox Creates a single tick box. - Required: If checked, the customer must tick the box to purchase the item. - Rich text label: Use this field to add links to your label text. This is ideal for "I agree to the Terms and Conditions" checkboxes where "Terms and Conditions" needs to be a clickable link. 3. Dropdown Creates a select menu. - Options: Enter your choices separated by commas (e.g., Gold, Silver, Bronze). 4. Radio Buttons Similar to a dropdown, but all options are visible at once as clickable buttons. - Options: Enter your choices separated by commas (e.g., Gold, Silver, Bronze). Display for customer By default, the information entered by the customer is visible in the Cart, Checkout, and Order confirmation emails. If you uncheck Show property value to customer, the theme automatically adds an underscore (_) prefix to the property name (e.g., _InternalRef). Shopify hides properties starting with an underscore from the customer's view in the checkout process, though they remain visible to you in the Admin order details.

Last updated on Jan 14, 2026