# 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. 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](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](https://koding-themes.gitbook.io/theme-support/atom/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 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](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?" #### 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](https://koding-themes.gitbook.io/theme-support/atom/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 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