My patterns Layouts

All layouts / Splash

a group of small pieces of food sitting on top of a table

Snacks and drinks · style Splash

Snack happy

Bold flavours, better ingredients, delivered to your door.

Example brand: Crunch Co.. Photo by Babs Gorniak on Unsplash.

Colours

Fonts

Rubik headings, Nunito text

Product images

Carousel with peek

Sample catalogue

10 products in 4 collections

Homepage, top to bottom

  1. Scrolling announcement
  2. Slideshow
  3. Box builder
  4. Collection mosaic
  5. Collection tabs
  6. Sale timer
  7. Product hotspots
  8. Discount ribbon
  9. Testimonials
  10. Trust badges
  11. Newsletter

Get this look

New install

  1. In the Shopify Theme Store, open My patterns.
  2. Choose the Splash style and click Add theme.
  3. The theme arrives with this homepage, product page, collection page, header and footer. Add your own images and text.

Recommended. Nothing to copy.

Already using My patterns

  1. Duplicate your theme first (Online Store → Themes → ⋯ → Duplicate). Work on the copy.
  2. Download the layout pack below and unzip it.
  3. 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.
  4. Open Customize → Theme settings → Change theme style and pick Splash for its colours and fonts.
  5. 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

  1. In your admin, open a product.
  2. Under Theme template, choose splash.
  3. Save. That product now uses the Splash product layout.

Every copy of My patterns already includes all 14 product layouts.

Download the Splash layout pack Templates, header, footer and a sample products CSV.

Start with sample products

The pack includes sample-products.csv with 10 snacks and drinks products, prices, options and photos. Import it in Products → Import, then create collections from the tags (for example, products tagged chips). Delete the samples before you launch.