My patterns Layouts

All layouts / Float

black flat screen computer monitor on brown wooden desk

Electronics and gadgets · style Float

Tech that gets out of the way

Audio, smart home and everyday gear, designed to just work.

Example brand: Voltique. Photo by Linus Mimietz on Unsplash.

Colours

Fonts

Manrope headings, Inter text

Product images

Carousel with peek

Sample catalogue

15 products in 5 collections

Homepage, top to bottom

  1. Slideshow
  2. Comparison table
  3. Trust badges
  4. Collection grid
  5. Collection tabs
  6. Image with text
  7. Product hotspots
  8. Featured collection
  9. Before/after slider
  10. Testimonials
  11. Newsletter

Get this look

New install

  1. In the Shopify Theme Store, open My patterns.
  2. Choose the Float 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 Float 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 float.
  3. Save. That product now uses the Float product layout.

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

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

Start with sample products

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