Welcome

The place to come for all things Atom. Created and proudly supported by Whiley Mai.

Introducing Atom

Atom is a feature rich, responsive Shopify theme compaitiable with Online Store 2.0 with a minimalist style ideal for merchants with large or small product catalogs.

If you would like to view ATOM, check out our demo store here.

Using Atom's Documentation

On the left-hand side of these help pages, you will see how this documentation is split into four parts:

  • Sections

  • Theme Presets

  • Theme Settings

  • Templates

  • FAQs

Send a support ticket here.

Theme Presets

You’ve most likely landed here because you’ve been looking to customize the theme settings of your Shopify theme, and stumbled upon two files in the config directory—settings_schema.json and settings_data.json. This article will look at the differences between settings_schema.json and settings_data.json. We’ll deep dive into the various uses and nuances of the settings_data.json file.

Theme settings - are also referred to as theme options which allows you to customize the look and feel of your online store.

The settings_data.json file stores the theme settings data saved from the theme editor. It can also include 'theme styles', also known as presets. If presets are defined, it enables you to choose a theme style .

We have a single default preset to choose from with is called ATOM.

Sections - are now available everywhere!

Shopify has updated its theme architecture that allows themes like ATOM fully modular by moving all of a theme’s Liquid code into JSON templates, which are available across the online store. These templates define the structure of a page, and everything from which sections are on a page to how each setting is configured.

Because these templates are available across the online store, sections are now available on more pages than just the homepage. This unlocks a range of new opportunities for retailers like you to personalise every aspect of you store.

Sections are modular, customizable elements of your store's homepage, which can have specific functions.

Sections - what are they and how are they used?

Sections are used to host reusable modules of content that allow you to customise your store. Examples of these section include your page's header & footer, which are static and visible on every page, aswell as dynamic sections that displaying images in a slideshow, advertising collections, featuring products, and much more.

To learn how to configure your store's sections, read our help guides below:

Theme Settings

Your Theme Settings are your store's general settings, which make global adjustments affecting your entire storefront.

Examples of your store's theme settings include changing your colors and fonts, choosing how your products are displayed, setting up popups, and configuring your store's search function.

To learn how to configure your store's theme settings, read our help guides below:

Templates

Your store's Templates are the pages that make up your storefront.

Examples of your store's templates include your product pages, collection pages, collections list, blog pages, and cart pages.

To learn how to configure your store's theme settings, read our help guides below:

FAQs

Our FAQs section is a space for us to answer any specific questions you may have about our theme.

Examples of FAQs our documentation answers includes custom coding, support and theme updates.

Theme Updates

We're always working behind the scenes to improve existing features, add new elements, and implement our customer's feedback to create a theme that you love - therefore, we recommend keeping up to date with our theme's updates.

Support

Our friendly team offer support services exclusively online, in order to keep them accessible to merchants around the world.

Last updated