Price Transparency

The Price Transparency section allows you to break down your costs, materials, labor, logistics, and margin into a clean, visual chart. By being open about your pricing logic, you build the kind of trust that drives conversions without needing to hit the "discount" button.

Before You Start: The "100%" Rule

The Price Transparency section works on percentages. You will assign a percentage of the "Total Price" to different categories (e.g., 20% for Materials).

Note: The theme does not automatically validate your math. To ensure the visual chart looks correct, make sure all your individual "Price row" blocks add up to exactly 100%.

Step 1: Add the Section to Your Product Template

While you can use this section on any page, it is most effective on the Product Page.

  1. Open the Shopify Theme Editor.
  2. Navigate to the Product template where you want the breakdown to appear.
  3. In the sidebar, click Add section and select Price transparency.

Step 2: Configure the Total Price Source

This is the "master price" that the section uses to calculate the currency amounts shown to customers. You have three options in the section settings:

  • Dynamic (Template Product): Select the "Template Product > Product" option. The section will automatically pull the price of the product currently being viewed.
  • Manual (Select Product): Select a specific product to use the same pricing breakdown across all products.
  • Metafield-based: Toggle Total price from metafield to pull the value from shop.metafields.custom.price_transparency_total.

Step 3: Add Your Price Rows

Now you can define the individual "slices" of the price.

  1. Inside the Price Transparency section, click Add block and choose Price row.
  2. Select an Icon: Choose an icon that matches the cost.
  3. Enter Text: Add a label (e.g., "Fair Labor" or "Logistics").
  4. Set the Percentage: Adjust the slider to define the share of the total price.

Step 4: Refine the Layout

To ensure the breakdown looks great on all devices, review your Style and Layout settings:

  • Icons: Choose between theme icons or upload custom images for a branded look.
  • Prices Layout: On desktop, choose between horizontal or vertical layout.
  • Margins: Adjust spacing to ensure good readability, especially on mobile.

Pro Tips for Better Transparency

  • Keep it Simple: Use 3 to 5 rows to keep the breakdown clear and easy to understand.
  • Be Honest About Margin: Including a margin or profit row can increase trust and transparency.