New install
- In the Shopify Theme Store, open My patterns.
- Choose the Dot style and click Add theme.
- The theme arrives with this homepage, product page, collection page, header and footer. Add your own images and text.
Recommended. Nothing to copy.
All layouts / Dot
Single product · style Dot
One bottle. Every day.
The Dotwell smart bottle keeps water cold for 24 hours and reminds you to drink.
Example brand: Dotwell. Photo by Steve A Johnson on Unsplash.
Colours
Fonts
Chivo headings, Chivo text
Product images
Collage grid
Sample catalogue
3 products in 1 collections
Homepage, top to bottom
- Image with text
- Product story
- Rich text
- Featured collection
- Mosaic grid
- Product hotspots
- Discount ribbon
- Featured collection
- Shop by brand
- Collapsible content
- Newsletter
Get this look
Already using My patterns
- Duplicate your theme first (Online Store → Themes → ⋯ → Duplicate). Work on the copy.
- Download the layout pack below and unzip it.
- In the copy, open ⋯ → Edit code. For each file in the pack, open the same file in the editor, replace everything with the pack's contents and save.
- Open Customize → Theme settings → Change theme style and pick Dot for its colours and fonts.
- Preview, then publish the copy.
Replacing a template removes the sections you had on that page. The duplicate keeps your old version safe.
Only the product page
- In your admin, open a product.
- Under Theme template, choose dot.
- Save. That product now uses the Dot product layout.
Every copy of My patterns already includes all 14 product layouts.
Download the Dot layout pack Templates, header, footer and a sample products CSV.
Start with sample products
The pack includes sample-products.csv with 3 single product products, prices, options and photos. Import it in Products → Import, then create collections from the tags (for example, products tagged bottle). Delete the samples before you launch.