---
description: >-
  The place to come for all things Atom. Created and proudly supported by Koding
  Themes.
---

# Welcome

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

{% hint style="success" %}
&#x20;If you would like to view Atom, check out our demo store [here](https://atom-demo-store.myshopify.com/).
{% endhint %}

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

{% hint style="info" %}
Send a support ticket [here](https://whileymai.com/pages/support).
{% endhint %}

### 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.&#x20;

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!

{% hint style="success" %}
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](https://shopify.dev/themes/architecture/templates/json-templates?itcat=partner_blog\&itterm=shopify_unite_2021_announcements), 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.&#x20;

**Sections** are modular, customizable elements of your store's homepage, which can have specific functions.
{% endhint %}

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

{% content-ref url="sections" %}
[sections](sections)
{% endcontent-ref %}

### Theme Settings <a href="#theme-settings" id="theme-settings"></a>

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:

{% content-ref url="theme-settings" %}
[theme-settings](theme-settings)
{% endcontent-ref %}

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

{% content-ref url="templates" %}
[templates](templates)
{% endcontent-ref %}

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

{% content-ref url="faqs/theme-updates" %}
[theme-updates](faqs/theme-updates)
{% endcontent-ref %}

### Support

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

{% content-ref url="faqs/support" %}
[support](faqs/support)
{% endcontent-ref %}
