Made to order. Please allow extra time before dispatch.
{%- endif -%} ``` Tag a product `made-to-order` and the note appears. It is stored with the page template, so it travels with theme updates. For richer product data, such as care notes, use [metafields](https://www.ecompanda.co/blog/shopify-metafields-complete-guide-unlock-custom-data) instead of tags. ### A savings badge on product cards This one edits `snippets/card-product.liquid`, so it is a code change. Place it inside the card's information area, near the price. It works out the percentage from the first available variant: ```liquid {%- assign variant = card_product.selected_or_first_available_variant -%} {%- if variant.compare_at_price > variant.price -%} {%- assign pct = variant.compare_at_price | minus: variant.price | times: 100.0 | divided_by: variant.compare_at_price | round -%} Save {{ pct }}% {%- endif -%} ``` Check products with several variants, because a product can have different compare-at prices per variant. If your store sells in more than one language, move the "Save" text into the `locales` files and output it with the `t` filter, as Dawn does for its own strings. ### Wording and the footer credit Many "code" requests are really translation edits. Dawn keeps visible text in `locales/en.default.json`, so wording changes are safer there than in a section file. The footer credit comes from a `powered_by_link` output in `sections/footer.liquid`; we cover it in [removing "Powered by Shopify"](https://www.ecompanda.co/blog/remove-powered-by-shopify). Run `shopify theme check` after any Liquid edit, to catch slips before a customer does. ### Adding a new section Dawn already has banners, image with text, multicolumn, featured collection, collapsible content and a video section. Combine those first, because a page built from existing sections needs no code. When none will do, add a new file in `sections/`. This minimal strip has a color scheme, padding and up to four message blocks: ```liquid {%- style -%} .ec-strip-{{ section.id }} { padding-block: {{ section.settings.padding }}px; } {%- endstyle -%}{{ block.settings.text }}
{%- endfor -%}