Shipping block
Product page block
Last updated
Was this helpful?
Product page block
Last updated
Was this helpful?
In the Product template, you can add a Shipping widget block to display shipping information and a Estimate shipping button to let customers estimate their shipping costs.
See also the and .
Shopify The Shipping estimator will appear only if shipping rates are enabled in your Shopify admin. Shipping rates are a Shopify feature: see their
Follow the steps to add a shipping widget block and customize the layout, headings, and add ab optional image.
Add a Heading and Text, and adjust their alignment and width.
Change the color of every block element, including the Background, Text, Button text, Button background.
To enable an image Overlay color, use the Overlay opacity slider to change the color from transparent (0
) to complete opaque (100
).
Related links
Editing a template changes all pages that use that template. To edit specific pages, you can or .
To show different headings on different product pages,you can or .
To show different text on different product pages,you can or .
Click the Overlay gradient option to add a color overlay that fades across a range of hues. You can choose the style, angle, position, and opacity of the gradient. See Shopify's to learn more.