---
description: >-
  If you are inspired by the setup of our demo store and want use the same
  sections and block combinations to build your store, then here is a summary of
  how we have setup our presets.
---

# Demo store

## What sections and blocks are used on our demo store?

When you install a trial or paid version of ATOM, predifined sections and settings will be setup to offer you a blank template to start building and customising your store.&#x20;

Here is a summary of the various sections and blocks used to build the demo store on the Shopify Theme Store the settings to configure each component.

### Relativity preset

### Home

Sections used

#### Header

Settings

* Logo image set to 120px wide using a png image with transparent background
* The `Rotate logo` settings is disabled
* The `Enable account` setting is enabled
* The menu selected is the `main-menu` which can be setup in the navigation settings in Shopify

#### Announcement bar

Settings

* 1 announcement block with the text "Organic & Vegan Friendly Kombucha"
* The Announcement text is linked to the "All Products" collection page
* `Show announcement` bar is checked
* `Autoplay` is set to 5 seconds
* `Border top` is unchecked, `Border bottom` is enabled

#### Slideshow

Settings

* 1 slide block is added
* `Border top` is disabled, `Border bottom` is checked
* `Image dot effects` is disabled - this shows a dot effect of the main slide images
* An jpg image has been uploaded that is 1400px x 1279px&#x20;
* `Image background color` is set to #FAFAFA
* `Heading` has content
* `Subheading` has no text
* `Content` has no text
* `Button label` is empty
* The slide is not linked

#### Scolling text

Settings

* 4 blocks added with `Heading` content

#### Collage

Settings

* `Border top` is unchecked and `border bottom` is checked
* 4 blocks added
* All block have jpg image 1000px x 1000px uploaded
* The `Heading` setting has content
* The `Body font` color is set to #212529&#x20;
* The `Link` includes a link to a relevant product page

#### Featured collection

Settings

* `Heading` text added
* `Pick a collection` is selected
* `Products to show` is set to '4'
* `Image ratio` is set to 'Square'
* `Show product rating` is set to unchecked

#### Image with text

Settings

* `Text alignment` is set to `Left`
* A jpg image, 1000px x 800px has been uploaded
* `Heading` has text
* `Body text` has content
* `Button label` has a CTA with the text "Learn more"
* The section has a link that is pointed to a page
* The `Border top` is checked, `Border bottom` is unchecked

#### Featured product

Block settings

The following section blocks are used

* Product title
* Product description
* Product price
* Variant picker
* Quantity picker
* Buy buttons

Section settings

* Pick a product has a product selected
* `Enable video looping` is unchecked
* `Enable video autoplay` is unchecked
* `Border top` is checked, `Border bottom` is unchecked

#### Welcome text

Settings

* `Body text` has content
* `Border top` and `Border bottom` are left unchecked

#### Email signup

Settings

* `Border top` is checked, `Border bottom` is unchecked
* 3 blocks added
* `Heading` text added
* `Subheading` body text added
* `Email form` block visible

#### Footer

Settings

* `Color scheme` set to 'Background 2'
* `Show payment icons` is checked
* `Disclaimer` content added
* 2 blocks added
* 1st block is set to 'Links' and `Pick footer menu` is set to link created via [Navigation](https://help.shopify.com/en/manual/online-store/menus-and-links)
* 2nd block is set to 'Links' and `Pick footer menu` is set to link created via [Navigation](https://help.shopify.com/en/manual/online-store/menus-and-links)
* 3rd block is set to 'About'
* `Heading` has text
* `Body text` has content

### Collection

Sections used

#### Collection header

Settings

* `Enable description` is checked
* If an image has been uploaded to the collection page, then the image will show on the corresponding collection page. No collection images have been uploaded

#### Collection page

Settings

* `Products per page` is set to 12
* `Show product rating` is checked
* `Image ratio` is set to 'Square'
* `Enable filtering` is checked

### Product

Sections used

#### Product page

Section settings

* `Media style` is set to 'Stacked'
* `Enable video looping` is unchecked
* `Enable video autoplay` is unchecked

Block settings

* Product title
* Product price - Show product rating, count, taxes and Shop pay installements are all checked
* Stock - this value is pulled from the product page inventory settings
* Product text x3 with png image and text
* Variant picker - this shows 2 options (1 x 250ml or 24 x 250ml)
* Quantity picker - `Show quantity selector` is checked
* Subscriptions - we use the reCharge app for our subscriptions setup
* Buy buttons - `Show dynamic checkout buttons` is checked
* Pickup locations
* 4 x Product aaccordians have been added to include, "Tasting notes", "What's the deal with sugar" and "Should i keep kombucha in the fridge?" and "Is there any alcohol in Kombucha"

#### Product details

Section settings

* `Description` text added that is generated from the product admin in Shopify



#### Related products

Settings

* `Heading` text added

#### Complementary products

Settings

* `Heading` text added

## What theme settings are used on our demo store?

Here are the [theme setting](../theme-settings) configurations we have used the customise the theme.

#### Favicon

Settings

* `Use favicon icon` unchecked

#### Animation

Settings

* `Enable animations` is checked

#### Colors

General

* Background = #FFFFFF
* Body font = #333333&#x20;

Buttons

* Background = #333333
* Button text = #FFFFFF
* Background on hover = #333333
* Button text on hover = #FFFFFF

Footer

* Background 1 = #333333
* Body font 1 = #FFFFFF
* Background 2 = #333333
* Body font 2 = #FFFFFF

#### Typography

Settings

* `Heading font` is set to Helvetica
* `Body font` is set to Helvetica
* `Body font size` set to '14'

#### Email signup popup

Settings

* `Enable email signup popup` is checked
* `Show only on home page` is unchecked
* `Show only for visitors` is unchecked
* `Heading` text added
* `Body text` is added
* `Show newsletter form` is checked
* `Delay until the popup appears` is set to '5' seconds

#### Social media

Settings

* `Share Facebook` is checked
* `Tweet of Twitter` is checked
* `Pin on Pinterest` is checked
* `Enable sharing` is checked
* `Facebook` link added
* `Instagram` link added
* `Tiktok` link added

#### Cart

Settings

* `Show free shipping bar` is checked
* `Announcement text` added
* `Cart threshold for free shipping` is set to 250
* `Announcement text for free shipping` is added
* `Show cart notes` is unchecked

#### Language

Settings

* `Show language selector` is checked

#### Currency

Settings

* `Show currency selector` is checked

#### Product swatches

Settings

* `Enable color swatches` is unchecked

***

### Entropy preset

### Home

Sections used

#### Header

Settings

* Logo image set to 85px wide using a png image with transparent background
* The `Rotate logo` settings is disabled
* The `Enable account` setting is enabled
* The menu selected is the `main-menu` which can be setup in the navigation settings in Shopify

#### Announcement bar

Settings

* 1 announcement block with the text "Free shipping on all orders"
* The Announcement text is linked to the "All Products" collection page
* `Show announcement` bar is checked
* `Autoplay` is set to 5 seconds
* `Border top` is unchecked, `Border bottom` is enabled

#### Slideshow

Settings

* 1 slide block is added
* `Border top` is disabled, `Border bottom` is checked
* `Image dot effects` is enabled - this shows a dot effect of the main slide images
* An jpg image has been uploaded that is 1400px x 1279px&#x20;
* `Image background color` is set to #ffffff
* `Heading` has content
* `Subheading` has contenbt
* `Content` has no text
* `Button label` has the CTA "Shop now"
* The slide is linked to the "All products" collection page

#### Welcome text

Settings

* `Body text` has content
* `Border top` and `Border bottom` are left unchecked

#### Multicolumn

Settings

* `Section layout` is set to 'Row of 3'
* `Border top` and `border bottom` are checked
* 2 blocks added
* Show button is unchecked
* If show button is checked, the default link is set to the "All products" collection page
* A jpg image 1000px x 1000px has been uploaded
* The `Heading` setting has content
* The `Subheading` is blank
* The `Link` includes a link to a collection page
* The `Body font` color is set to #ffffff&#x20;

#### Featured collection

Settings

* `Heading` text added
* `Pick a collection` is selected
* `Products to show` is set to '4'
* `Image ratio` is set to 'Square'
* `Show product rating` is set to unchecked

#### Image with text

Settings

* `Text alignment` is set to `Left`
* A jpg image, 1000px x 800px has been uploaded
* `Heading` has text
* `Body text` has content
* `Button label` has a CTA with the text "Learn more"
* The section has a link that is pointed to a page
* The `Border top` is checked, `Border bottom` is unchecked

#### Video

Settings

* `Enable video` looping is checked
* `Enable audio` is unchecked
* `Enable autoplay` is checked
* `Border top` is checked, `Border bottom` is unchecked
* `Shopify-hosted video` is linked to a MP4 video that has been directly uploded to Shopify
* `Embed video` is blank - this setting is for videos hosted by YouTube or Vimeo
* `Cover image` is blank

#### Featured product

Block settings

The following section blocks are used

* Product title
* Product description
* Product price
* Variant picker
* Quantity picker
* Buy buttons

Section settings

* Pick a product has a product selected
* `Enable video looping` is unchecked
* `Enable video autoplay` is unchecked
* `Border top` is checked, `Border bottom` is unchecked

#### Scolling text

Settings

* 4 blocks added with `Heading` content

#### Email signup

Settings

* `Border top` is checked, `Border bottom` is unchecked
* 3 blocks added
* `Heading` text added
* `Subheading` body text added
* `Email form` block visible

#### Footer

Settings

* `Color scheme` set to 'Background 2'
* `Show payment icons` is checked
* `Disclaimer` content added
* 2 blocks added
* 1st block is set to 'Links' and `Pick footer menu` is set to link created via [Navigation](https://help.shopify.com/en/manual/online-store/menus-and-links)
* 2nd block is set to 'Links' and `Pick footer menu` is set to link created via [Navigation](https://help.shopify.com/en/manual/online-store/menus-and-links)
* 3rd block is set to 'About'
* `Heading` has text
* `Body text` has content

### Collection

Sections used

#### Collection header

Settings

* `Enable description` is checked
* If an image has been uploaded to the collection page, then the image will show on the corresponding collection page. No collection images have been uploaded

#### Collection page

Settings

* `Products per page` is set to 12
* `Show product rating` is checked
* `Image ratio` is set to 'Square'
* `Enable filtering` is checked

### Product

Sections used

#### Product page

Section settings

* `Media style` is set to 'Stacked'
* `Enable video looping` is unchecked
* `Enable video autoplay` is unchecked

Block settings

* Product title
* Product price - Show product rating, count, taxes and Shop pay installements are all checked
* Variant picker
* Quantity picker - `Show quantity selector` is checked
* Subscriptions - we use the reCharge app for our subscriptions setup
* Buy buttons - `Show dynamic checkout buttons` is checked
* Pickup locations
* 3 x Product aaccordians have been added to include, "Tasting notes", "Shipping Info" and "How subscriptions work?"&#x20;

#### Product details

Section settings

* `Description` text added that is generated from the product admin in Shopify

#### FAQs

Section settings

* `Heading` text added
* `Body text` added

Block settings

* 5 blocks added
* `Heading text` added
* `Body text` added

#### Related products

Settings

* `Heading` text added

#### Complementary products

Settings

* `Heading` text added

## What theme settings are used on our demo store?

Here are the [theme setting](../theme-settings) configurations we have used the customise the theme.

#### Favicon

Settings

* `Use favicon icon` unchecked

#### Animation

Settings

* `Enable animations` is checked

#### Colors

General

* Background = #3E5B58
* Body font = #FFFFFF&#x20;

Buttons

* Background = #1A322F
* Button text = #FFFFFF
* Background on hover = #3E5B58
* Button text on hover = #FFFFFF

Footer

* Background 1 = #1A322F
* Body font 1 = #FFFFFF
* Background 2 = #3E5B58
* Body font 2 = #FFFFFF

#### Typography

Settings

* `Heading font` is set to 'Sans-serif' regular
* `Body font` is set to 'Sans-serif' regular
* `Body font size` set to '14'

#### Email signup popup

Settings

* `Enable email signup popup` is checked
* `Show only on home page` is unchecked
* `Show only for visitors` is unchecked
* `Heading` text added
* `Body text` is added
* `Show newsletter form` is checked
* `Delay until the popup appears` is set to '5' seconds

#### Social media

Settings

* `Share Facebook` is checked
* `Tweet of Twitter` is checked
* `Pin on Pinterest` is checked
* `Enable sharing` is checked
* `Facebook` link added
* `Instagram` link added

#### Cart

Settings

* `Show free shipping bar` is checked
* `Announcement text` added
* `Cart threshold for free shipping` is set to 250
* `Announcement text for free shipping` is added
* `Show cart notes` is checked

#### Language

Settings

* `Show language selector` is checked

#### Currency

Settings

* `Show currency selector` is checked

#### Product swatches

Settings

* `Enable color swatches` is unchecked
