Store Management Guide

How to Add a New Product

1. In your Shopify Admin, go to Products.
2. Click Add product (top-right corner).
3. Fill in the details:
   • Title — The product name as you want it displayed (e.g. "COSRX Advanced Snail 96 Mucin Power Essence").
   • Description — Write your product description. This text appears in the Description accordion on the product page.
   • Media — Upload clear, high-quality product images. The first image is used as the main product photo across the store.
   • Price — Set your selling price. If the item is on sale, tick "Compare at price" and enter the original price.
   • Inventory — Set your stock quantity and SKU if applicable.
   • Variants — If the product comes in different sizes or types, add variants here.
4. Under Product organization (right sidebar):
   • Product type — e.g. "Cleanser", "Serum", "Moisturiser".
   • Vendor — The brand name (e.g. "COSRX", "Anua", "Dr. Althea").
   • Collections — Add this product to relevant collections.
   • Tags — Add tags like "best-seller", "new-arrival", or ingredient names.
5. Set the Status to Active when you are ready for it to appear on the store.
6. Click Save.

How to Edit an Existing Product

1. Go to Products in your Shopify Admin.
2. Click on the product you want to edit.
3. Update any field — title, description, images, price, etc.
4. Click Save. Changes go live immediately.

How to Edit Accordion Content

• Description: Edit this directly in the product editor under Products > [Product Name] > Description.
• Ingredients & How to Use: These are powered by Metafields. See the next section for full setup instructions.

How to Add Your Product Info

1. Go to your Products page in Shopify and click on any product.
2. Scroll all the way down to the very bottom of the page.
3. You will see a section called Metafields at the bottom, featuring your two special text boxes (Ingredients List & How to Use).
4. Type or paste the specific ingredients and instructions for this exact product into the boxes. You can use bold text and bullet points.
5. Click Save.

🎉 That's it! The website will automatically display your text beautifully in the product accordions. If you leave a box blank, that tab simply won't show up for that product.

How the Flip Card Works

• The front of the card shows the product image (as normal).
• The back of the card shows the content from the product's Usage Instructions metafield.
• If no Usage Instructions metafield is filled in, it will automatically fall back to showing a truncated version of the product description.

How to Edit the Flip Card Content

1. Go to Products in your Shopify Admin.
2. Click on the product you want to update.
3. Scroll down to the Product metafields section at the bottom of the page.
4. Find the Usage Instructions field.
5. Type or paste the content you want to appear on the flip card back (keep it short and punchy — 1-3 sentences works best).
6. Click Save.

How to Create a Collection

1. Go to Products > Collections in the Admin.
2. Click Create collection.
3. Enter a Title (e.g. "Cleansers", "Vitamin C", "Anua").
4. Add a Description (optional — appears on the collection page).
5. Upload a Collection image — this is the photo shown on the Shop page and Brand Grid tiles.
6. Under Collection type, choose:
   • Manual — You hand-pick which products go in this collection.
   • Automated — Products are added automatically based on rules you set (e.g. "Product tag is equal to vitamin-c").
7. Click Save.

How to Add Products to a Collection

• Manual collections: Open the collection, scroll to Products, and search/select products to add.
• Automated collections: Products that match your conditions are added automatically. Example: "Product vendor is equal to COSRX" would automatically add all COSRX products.

Initial Setup (if not already done)

1. Go to Online Store > Pages and click Add page.
2. Set the Title to Shop.
3. On the right-hand side, under Theme template, select shop.
4. Click Save.

How to Add or Change Collections on the Shop Page

1. Go to Online Store > Themes > Customize.
2. At the top centre dropdown, select Pages > shop.
3. On the left sidebar, click on any collection list section (e.g. Shop by Category).
4. In the settings panel on the right, you will see Collection list. Click to add, remove, or reorder collections.
5. Click Save.

Adjusting the Section Title Text Size

Each collection list section has a Collection Title Text setting:

1. Click on the collection list section in the left sidebar.
2. Scroll to Collection Title Text in the right panel.
3. Choose your preferred size from the Collection title text size dropdown (12px up to 32px, or Default).
4. Click Save.

How to Add or Edit a Brand

1. Go to Online Store > Themes > Customize.
2. At the top dropdown, navigate to Pages > brands.
3. On the left sidebar, expand the Brand Grid section.
4. Click on any existing Brand block, or click Add block > Brand to create a new one.
5. In the settings panel:
   • Brand Collection: Select the collection you created for this brand. The tile will automatically link to it.
   • Brand Name: Leave blank to auto-use the collection title, or type a custom name.
   • Brand Logo/Image: Leave blank to auto-use the collection's featured image, or upload a custom logo.
   • Image Fit:
     • Contain (recommended for logos) — Fits the entire logo inside the tile with padding.
     • Cover (recommended for lifestyle photos) — Crops to fill the tile.
   • Show Label: Toggle the brand name pill at the bottom of the tile.
6. Click Save.

Initial Setup (if not already done)

1. Go to Online Store > Pages and click Add page.
2. Set the Title to Learn.
3. Under Theme template, select learn.
4. Click Save.

How the Layout Works

Your ingredient topics are organized into Rows, with two topics per row:

• Row 1: Vitamin A & Azelaic Acid
• Row 2: Snail Mucin & PDRN
• Row 3: Ceramides & Centella Asiatica

On mobile devices, each row automatically collapses into a single column for easy reading.

How to Edit Content & Upload Product Photos

1. Go to Online Store > Themes > Customize.
2. At the top dropdown, select Pages > learn.
3. In the left sidebar, expand any Row (e.g. Row 1), then expand the ingredient topic (e.g. Vitamin A).
4. You will see three blocks inside each topic:
   • Image: Click to upload or select your featured product photo. You can also add a link so customers can click the photo to view the product.
   • Heading: Click to edit the ingredient title.
   • Text: Click to edit the educational description.
5. Click Save.

How to Add a New Ingredient Topic

1. In the Theme Editor, navigate to your Learn page.
2. Decide which Row you want to add it to (or create a new Row by clicking Add block > Group at the section level).
3. Inside the Row, click Add block > Group to create the ingredient container.
4. Inside that new Group, add:
   • An Image block — for the product photo.
   • A Text block — for the heading (set type preset to h4).
   • A Text block — for the description (set type preset to rte).
5. Click Save.

Option A: Section-Level Control (Applies to All Cards in the Section)

1. In the Theme Editor, click on a Collection list section in the left sidebar.
2. In the right panel, scroll to Collection Title Text.
3. Select your preferred size from the dropdown (12px – 32px, or Default).
4. Click Save.

Option B: Block-Level Control (Per-Card)

1. In the left sidebar, expand the Collection list > Collection card > Collection title block.
2. Under Typography > Size, select a specific size.
3. Click Save.

How to Add or Edit Menu Items

1. Go to Online Store > Navigation in the Admin.
2. Click on your Main menu.
3. To add a new link, click Add menu item:
   • Name: What you want displayed in the menu (e.g. "New Arrival").
   • Link: Where it should go — choose a page, collection, or custom URL.
4. To create a dropdown sub-menu, drag a menu item slightly to the right underneath another item.
5. Click Save menu.

How to Access It

1. Go to Online Store > Themes.
2. Click Customize on your active theme.

Navigating Between Pages

At the top centre of the screen, you will see a dropdown. Click it to switch between:

• Home page (index)
• Pages > shop, learn, brands, about, contact
• Products > Default product
• Collections
• And more...

Key Concepts

• Sections — The large building blocks of your page (e.g. a collection list, a hero banner, a brand grid).
• Blocks — Smaller pieces inside sections (e.g. a text block, an image block, a button).
• Groups — Containers that hold multiple blocks together (e.g. a Row that contains two ingredient topics).
• Settings panel — The right side of the screen where you configure each section or block.