Trust blocks

Two blocks that answer the questions a shopper has their finger over the button: will it get here, can I send it back, and is this checkout safe.

Perk

One reassurance line — an icon and a short sentence. Several of these stack into the perk list under the buy button.

Setting	Type	Default	What it does
Icon	Select	truck	truck (shipping), return (returns), tag, clock, shield, check, or none
Text	Text	Free worldwide shipping, duties paid	The line itself

The icon is drawn from the theme’s own sprite — there’s no image upload, so a perk row can never be a slow or mismatched asset, and the icon inherits the accent colour.

The Product section ships with three perks configured: shipping, returns, and “No restock — this run will not be reprinted”. That last one is the drop-theme pitch and worth keeping in some form.

Run detection

Perks are designed to stack, and the spacing handles that on its own.

Shopify wraps every theme block in its own .shopify-block div (see the blocks overview), which means a perk can’t tell from its own markup whether it’s the first of several — :first-of-type matches inside each wrapper and every perk claims to be first. Signal detects a run on the wrappers instead:

.shopify-block:has(> .pdp-perk) + .shopify-block:has(> .pdp-perk) > .pdp-perk {
  margin-top: 0;
  border-top: 0;
}

In practice:

• The perk that opens a run carries the top margin and the hairline above it.
• Every perk immediately following another perk collapses flush into the list.
• Dropping any other block between two perks splits them into two runs, each with its own top rule — which is normally exactly what you intended by putting something between them.

So three perks read as one bordered list, and you get that for free by adding three perk blocks in a row.

Tip

Three perks is the sweet spot. Two reads thin, five reads like boilerplate nobody will finish. Keep them concrete — “30-day returns, unworn, free label” earns more trust than “Easy returns”.

Trust badges

Secure-checkout reassurance: a short line with a shield icon, and the payment methods your shop genuinely accepts.

Setting	Type	Default	What it does
Text	Text	Secure checkout — encrypted end to end	The reassurance line. Hidden when empty
Show icon	Checkbox	On	Shows the shield icon before the text
Show payment icons	Checkbox	On	Shows the payment method icons

The payment icons are real

They come from shop.enabled_payment_types, rendered with Shopify’s own payment_type_svg_tag filter — not from uploaded images.

That matters twice over. They can never advertise a method you don’t actually take, which is a claim shoppers notice when it turns out to be false at checkout. And they update themselves when you change payment providers, instead of silently going stale in an image you uploaded two years ago.

If the shop has no enabled payment types, the row doesn’t render.

Note

Payment icons are a Shopify Theme Store expectation for product pages, and this is the sanctioned way to do it. Don’t replace the block with an uploaded strip of card logos.

The block draws a hairline above itself, so it reads as a closing band under the buy controls. It’s designed to sit after Buy buttons and before the accordions.