# 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://erickson.gitbook.io/themes/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://erickson.gitbook.io/themes/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 --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://erickson.gitbook.io/themes/faqs/demo-store.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.