Skin type
How to Create a Skin Type Metafield in Accentuate Custom Fields (ACF)
Prerequisites
Before you begin, make sure you have:
An active Shopify store
Accentuate Custom Fields installed from the Shopify App Store
Staff permissions to access Apps in your Shopify admin
Recommended) An Online Store 2.0 theme, which allows metafield values to be displayed via the theme editor without touching code
Key Concepts to Know First
Scope — The Shopify object the metafield attaches to. For Skin Type, this will be Products.
Namespace & Key — The unique identifier for your field. The namespace groups related fields (e.g. custom) and the key is the specific field name (e.g. skin_type). Together they form custom.skin_type, which is the address used in your theme to pull the value.
Field Data Type — Controls what kind of data the field holds. For Skin Type, a Single Select (dropdown) is ideal because it limits entries to a defined list of options, keeping your data clean and consistent.
Step-by-Step Guide
Step 1 — Open Accentuate Custom Fields from your Shopify Admin Go to your Shopify Admin, click Apps in the left sidebar, and open Accentuate Custom Fields. You'll land on the ACF dashboard, which shows the Metafields and metaobjects section with cards for Products, Shops, Metaobjects, and Customers.
Step 2 — Open Product Metafields In the Products card, click the Metafields button. This takes you into the Product Custom Fields screen where you can see all existing fields listed with their types (e.g. Single line text, Product reference, etc.) and manage your definitions.
Step 3 — Add a New Section Click the + Add section button in the top-right area of the Product Custom Fields screen. An Add Section modal will open across two pages.
Page 1 - Basic Details:
Title: Skin Type — displayed in bold as a visual header when editing product values (1–50 characters, no HTML)
Name: skin_type — must be unique within your Product fields (3–64 characters, letters, digits, underscores or dashes only)
Description: Optionally add a note like The recommended skin type for this product — supports Markdown
Color: Leave as the default #dfe3e8, or choose a colour to visually identify this section when editing products
All fields in this section apply to: Leave as All types unless you want to restrict this to specific product type
Make visible to the Storefront API: Leave checked (default) — this makes field values accessible in themes and custom storefronts
Click Next to continue.
Page 2 — Advanced Settings:
Repeatable section: Leave unchecked — this is for sections that need to repeat as multiple blocks. For Skin Type, one entry is enough.
nclude value of first text field: Leave unchecked — this shows a field's value in the section header when collapsed, not needed here.
Show as collapsed when editing: Leave unchecked — keeps the section expanded by default when editing a product, making the field easy to find and fill in.
Hide section: Leave unchecked — checking this would make the section invisible in the editor entirely.
Show section even if empty: Optionally check this if you want the Skin Type section to always appear on products, even before a value has been assigned.
Exclude from layout: Leave unchecked — only tick this if you want the section excluded from ACF's layout editing tools.
Click Done to save the section.
Step 4 — Add the Skin Type Field Once the section is saved, click + Add field to add the actual field inside it. Fill in the details:
Label: Skin Type
Namespace: accentuate (ACF's default, or use your own e.g. beauty)
Key: skin_type
Field Data Type: Select Single Select — this restricts input to a predefined set of values
Step 5 — Add Your Skin Type Options Once Single Select is chosen, add each allowed value one by one:
Normal
Dry
Oily
Combination
Sensitive
All Skin Types (optional, for universal products)
Step 6 — Save Click Save. Your Skin Type field will now appear inside its section on every product edit page in your Shopify admin.
Populating Skin Type Values on Products
One by one: Open any product in Shopify Admin, scroll to the Skin Type section added by ACF, select a value from the dropdown, and save.
Bulk edit: Back on the Product Custom Fields screen, click Edit Values to open the table/bulk edit view. All products appear as rows and you can update the Skin Type column across many products at once.
CSV import: Use the Export button to download a CSV template, fill in the skin_type column for each product, then re-import via the Import button. Best for large catalogs.
Displaying Skin Type on Your Storefront
Theme Editor (no code, OS 2.0 themes): Go to Online Store → Themes → Customize. Open a product template, click Add Block, select an ACF or Metafield block, choose the Skin Type field, position it on the page, and save. It will display automatically for any product with a value set.
Liquid Code (all themes): Add this to your product template file where you want the skin type to appear:
If you used a custom namespace (e.g. beauty), replace custom with your namespace name.
Tips & Best Practices
Keep keys lowercase with underscores — skin_type not Skin Type. This avoids errors in Liquid and the Shopify API.
Add "All Skin Types" as an option so universal products can be tagged correctly, keeping collection filters clean.
Enable storefront filtering — connect skin_type as a filter in Online Store → Navigation → Filter menus so shoppers can filter by skin type on collection pages.
Avoid the shopify namespace — it is reserved by Shopify and can cause conflicts. Use custom or a brand-specific name.
Use the Description field — note what each metafield is for so teammates aren't guessing when editing products.
Multi-language stores — ACF supports translatable metafields. Mark Skin Type as translatable if you need localised labels.
Quick Reference
Scope
Product
Section Title
Skin Type
Section Name
skin_type
Field Name
Skin Type
Namespace
accentuate
Key
skin_type
Full ID
custom.skin_type
Field Data Type
Single Select
Options
Normal, Dry, Combination, Sensitive, All Skin Types
Storefront API
Enabled
Liquid Reference
{{ product.metafields.custom.skin_type.value }}
For further details, visit the official ACF documentation at help.accentuate.io
Last updated