Atom

Demo store

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.

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.

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

  • 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

  • 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

  • 2nd block is set to 'Links' and Pick footer menu is set to link created via Navigation

  • 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 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

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

  • 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

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

  • 2nd block is set to 'Links' and Pick footer menu is set to link created via Navigation

  • 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?"

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 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

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

PreviousAbout Koding ThemesNextTheme Updates

Last updated