---
description: >-
  In the following article, find the basic settings used for the Unicorn layouts
  and details on importing the theme structure of each demo as an alternative to
  setting up a store manually.
---

# Demo

The theme includes five layouts: **Valuable**, **Sunny**, **Dark**, **Flex**, and **Broad**. Each layout has its own style, typography, and color settings as well as different options and the theme features enabled in the Theme Editor.

Start customizing the look and feel of your store by defining the style in _Theme settings ->_ [_<mark style="color:blue;">Theme style</mark>_](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/theme-style). Using a style in the global settings will ensure color and font changes throughout the store. Once you have decided on a theme style that matches your branding design, continue customizing your store according to your preferences.

In order to get the same view as in the demo (with a similar Header, Footer, Theme sections/ Theme blocks structure; features, and options used for a particular one), check the descriptions below to ensure you get the desired layout:

## Valuable

{% hint style="success" %}
[<mark style="color:blue;">DEMO</mark>](https://unicorn-theme-valuable.mpthemes.net/)
{% endhint %}

#### **Header**

* [<mark style="color:blue;">Header</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/header);
* [<mark style="color:blue;">Cart drawer</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/cart-drawer);
* [Search popup](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/search-popup).

**"Header" section:**

* Used menus: [<mark style="color:blue;">Text menu</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/header#text-menu) and [<mark style="color:blue;">Icons menu</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/header#icons-menu);
* Icons menu type: [<mark style="color:blue;">Inline</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/header#icons-menu);
* Type on large screens: [<mark style="color:blue;">In one line, logo center</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/header-and-logo);
* Sticky header: [<mark style="color:blue;">Full section with full-width logo</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/header-and-logo#sticky-header-and-full-width-logo).

**Header blocks:**

* [<mark style="color:blue;">Menu icons</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/header/menu-icons);
* [<mark style="color:blue;">Contacts</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/header/contacts);
* [<mark style="color:blue;">Image with button (Mobile)</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/header/image-with-button-mobile).

**Cart drawer:**

* Image (Empty);
* Collection slider (Empty).

**Search popup:**

* Collection or product;
* Banner.

#### Mega menu

**Mega menu 1 ('Furniture')**

* [<mark style="color:blue;">Featured promotion</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/mega-menu/featured-promotion).

**Mega menu 2 ('Jewellery')**

* [<mark style="color:blue;">Menu</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/mega-menu/menu);
* [<mark style="color:blue;">Image with button</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/mega-menu/image-with-button).

**Mega menu 3 ('Theme features')**

* [Menu](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/mega-menu/menu);
* [<mark style="color:blue;">Featured promotion</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/mega-menu/featured-promotion).

#### Template

* [<mark style="color:blue;">Image with text overlay</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/image-with-text-overlay);
* [<mark style="color:blue;">Ticker</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/ticker);
* [<mark style="color:blue;">Collection slider</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/collection-slider);
* [<mark style="color:blue;">Featured promotions</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-promotions);
* [<mark style="color:blue;">Featured collage</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-collage);
* [<mark style="color:blue;">Reels</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/reels);
* [<mark style="color:blue;">Collection list</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/collection-list);
* [<mark style="color:blue;">Lookbook</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/lookbook);
* [<mark style="color:blue;">Featured product</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-product);
* [<mark style="color:blue;">Image gallery</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/image-gallery);
* [<mark style="color:blue;">Countdown timer</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/countdown-timer);
* [<mark style="color:blue;">Before/after image</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/before-after-image);
* [<mark style="color:blue;">Featured collections</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-collections);
* [<mark style="color:blue;">Collage of images</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/collage-of-images);
* [<mark style="color:blue;">Multicolumn</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/multicolumn);
* [<mark style="color:blue;">Blog posts</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/blog-posts);
* [<mark style="color:blue;">Email signup</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/email-signup);
* [<mark style="color:blue;">Brand list</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/brand-list);
* [<mark style="color:blue;">Testimonials</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/testimonials);
* [<mark style="color:blue;">Tags</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/tags);
* [<mark style="color:blue;">Popup</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/popup).

#### Footer

Applied settings in the '[<mark style="color:blue;">Footer</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/footer)' section:

* Show full-width logo - used;
* Email Signup - allowed;
* Social media icons - used;
* Country/region selector - enabled;
* Language selector - disabled;
* Payment methods - allowed;
* Copyright - enabled.

**Footer blocks:**

* [<mark style="color:blue;">Menu</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/footer/menu);
* [<mark style="color:blue;">Text</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/footer/text).

**Popups**

* [<mark style="color:blue;">Chat services</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/popups#chat-services).

#### Theme settings

**Logo**

The following options are used in _Theme settings ->_ [_<mark style="color:blue;">Header and Logo</mark>_](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/header-and-logo):

* Enable sticky on mobile;
* Hide sticks header when scrolling down;
* Show picture logo;
* SVG logo;
* Full-width logo placeholder.

**Announcement bar**

To use the feature, configure the section in _Theme settings -> Top bars ->_ [_<mark style="color:blue;">Announcement bar</mark>_](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/top-bars).

**Cart**

The section can be accomplished in _Theme settings ->_ [_<mark style="color:blue;">Cart</mark>_](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/cart).

* Open drawer.

**Popups**

Enable the popups in _Theme settings ->_ [_<mark style="color:blue;">Popups</mark>_](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/popups).

* Round popup - active.

## Sunny

{% hint style="success" %}
[<mark style="color:blue;">DEMO</mark>](https://unicorn-theme-sunny.mpthemes.net/)
{% endhint %}

#### **Header**

* [<mark style="color:blue;">Header</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/header);
* [<mark style="color:blue;">Cart drawer</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/cart-drawer);
* [Search popup](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/search-popup).

**"Header" section:**

* Used menus: [<mark style="color:blue;">Text menu</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/header#text-menu) and [<mark style="color:blue;">Icons menu</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/header#icons-menu);
* Icons menu type: [<mark style="color:blue;">Inline</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/header#icons-menu);
* Type on large screens: [<mark style="color:blue;">In two lines, logo center</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/header-and-logo);
* Sticky header: [<mark style="color:blue;">Disable</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/header-and-logo#sticky-header-and-full-width-logo).

**Header blocks:**

* [<mark style="color:blue;">Menu icons</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/header/menu-icons);
* [<mark style="color:blue;">Contacts</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/header/contacts).

**Cart drawer:**

* Collection slider (Empty).

**Search popup:**

* Collection or product;
* Banner.

#### Mega menu

**Mega menu 1 ('Bikini')**

* [<mark style="color:blue;">Menu</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/mega-menu/menu);
* [<mark style="color:blue;">Featured promotion</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/mega-menu/featured-promotion).

**Mega menu 2 ('Monokini')**

* [<mark style="color:blue;">Featured promotion</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/mega-menu/featured-promotion).

#### Template

* [Image with text overlay](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/image-with-text-overlay);
* [Featured promotions](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-promotions);
* [<mark style="color:blue;">Brand list</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/brand-list);
* [<mark style="color:blue;">Collection slider</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/collection-slider);
* [<mark style="color:blue;">Featured collection</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-collection);
* [<mark style="color:blue;">Reels</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/reels);
* [Slideshow](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/slideshow);
* [<mark style="color:blue;">Featured collections</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-collections);
* [<mark style="color:blue;">Before/after image</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/before-after-image);
* [<mark style="color:blue;">Multicolumn</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/multicolumn);
* [<mark style="color:blue;">Popup</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/popup).

#### Footer

* [<mark style="color:blue;">Ticker</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/ticker).

Applied settings in the '[<mark style="color:blue;">Footer</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/footer)' section:

* Show full-width logo - used;
* Email Signup - allowed;
* Social media icons - used;
* Payment methods - active;
* Copyright - enabled.

**Footer blocks:**

* [<mark style="color:blue;">Menu</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/footer/menu);
* [<mark style="color:blue;">Text</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/footer/text).

**Popups**

* [<mark style="color:blue;">Chat services</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/popups#chat-services).

#### Theme settings

**Logo**

The following options are used in _Theme settings ->_ [_<mark style="color:blue;">Header and Logo</mark>_](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/header-and-logo):

* Enable sticky on mobile;
* Hide sticks header when scrolling down;
* Show picture logo;
* SVG logo.

**Cart**

The section can be accomplished in _Theme settings ->_ [_<mark style="color:blue;">Cart</mark>_](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/cart).

* Open drawer;
* Free shipping progress bar - enabled.

## Dark

{% hint style="success" %}
[<mark style="color:blue;">DEMO</mark>](https://unicorn-theme-dark.mpthemes.net/)
{% endhint %}

#### Header

* [Header](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/header);
* [Cart drawer](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/cart-drawer).

**"Header" section:**

* Used menus: [<mark style="color:blue;">Text menu</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/header#text-menu);
* Type on large screens: [In one line, logo center](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/header-and-logo);
* Sticky header: [Full section with full-width logo](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/header-and-logo#sticky-header-and-full-width-logo).

**Header blocks:**

* [<mark style="color:blue;">Contacts</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/header/contacts).

#### Template

* [<mark style="color:blue;">Image with text overlay</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/image-with-text-overlay);
* [<mark style="color:blue;">Rich text</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/rich-text);
* [<mark style="color:blue;">Featured promotions</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-promotions);
* [<mark style="color:blue;">Multicolumn</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/multicolumn);
* [<mark style="color:blue;">Media</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/media);
* [<mark style="color:blue;">Ticker</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/ticker);
* [Reels](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/reels);
* [<mark style="color:blue;">Image gallery</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/image-gallery);
* [<mark style="color:blue;">Featured collection</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-collection);
* [<mark style="color:blue;">FAQ</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/faq);
* [<mark style="color:blue;">Testimonials</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/testimonials);
* [<mark style="color:blue;">Contact Form</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/contact-form);
* [<mark style="color:blue;">Email signup</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/email-signup);
* [Popup](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/popup).

#### Footer

Applied settings in the '[<mark style="color:blue;">Footer</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/footer)' section:

* Show full-width logo - active;
* Country/region selector - enabled;
* Copyright - used.

**Popups**

* [Chat services](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/popups#chat-services).

#### Theme settings

**Logo**

The following options are used in _Theme settings ->_ [_Header and Logo_](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/header-and-logo):

* Enable sticky on mobile;
* Hide sticks header when scrolling down;
* Show picture logo;
* SVG logo;
* Full-width logo placeholder.

**Cart**

The section can be accomplished in _Theme settings ->_ [_Cart_](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/cart).

* Show notification;
* Free shipping progress bar - enabled.

## Flex

{% hint style="success" %}
[<mark style="color:blue;">DEMO</mark>](https://unicorn-theme-flex.mpthemes.net/)
{% endhint %}

#### Header

* [Header](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/header);
* [Cart drawer](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/cart-drawer);
* [Search popup](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/search-popup).

**"Header" section:**

* Used menus: [<mark style="color:blue;">Text menu</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/header#text-menu);
* Type on large screens: [<mark style="color:blue;">In one line, logo and menu left</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/header-and-logo);
* Sticky header: [<mark style="color:blue;">Full section</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/header-and-logo#sticky-header-and-full-width-logo).

**Header blocks:**

* [<mark style="color:blue;">Contacts</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/header/contacts).

**Cart drawer:**

* Image (Empty).

**Search popup:**

* Collection or product.

#### Template

* [<mark style="color:blue;">Rich text</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/rich-text);
* [<mark style="color:blue;">Featured collection</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-collection);
* [<mark style="color:blue;">Image with text overlay</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/image-with-text-overlay);
* [<mark style="color:blue;">Featured promotions</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-promotions);
* [Reels](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/reels);
* [Before/after image](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/before-after-image);
* [<mark style="color:blue;">Collage of images</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/collage-of-images);
* [<mark style="color:blue;">Featured collections</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-collections);
* [<mark style="color:blue;">Lookbook</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/lookbook);
* [<mark style="color:blue;">Tags</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/tags).

#### Footer

Applied settings in the '[<mark style="color:blue;">Footer</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/footer)' section:

* Email Signup - allowed;
* Social media icons - used;
* Copyright - enabled.

**Footer blocks:**

* [<mark style="color:blue;">Menu</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/footer/menu);
* [<mark style="color:blue;">Text</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/footer/text).

**Popups**

* [Chat services](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/popups#chat-services).

#### Theme settings

**Logo**

The following options are used in _Theme settings ->_ [_Header and Logo_](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/header-and-logo):

* Enable sticky on mobile;
* Hide sticks header when scrolling down;
* Show picture logo;
* SVG logo.

**Cart**

The section can be accomplished in _Theme settings ->_ [_<mark style="color:blue;">Cart</mark>_](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/cart).

* Open drawer;
* Free shipping progress bar.

**Popups**

Enable the popups in _Theme settings ->_ [_Popups_](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/popups).

* Newsletter popup - enabled;
* Round popup - active.

## Broad

{% hint style="success" %}
[<mark style="color:blue;">DEMO</mark>](https://unicorn-broad.myshopify.com/)
{% endhint %}

#### Header

* [Header](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/header);
* [Cart drawer](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/cart-drawer).

**"Header" section:**

* Used menus: [Text menu](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/header#text-menu) and [Icons menu](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/header#icons-menu);
* Icons menu type: Popup;
* Type on large screens: [In one line, logo and menu left](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/header-and-logo);
* Sticky header: [Full section](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/header-and-logo#sticky-header-and-full-width-logo).

**Header blocks:**

* [<mark style="color:blue;">Menu icons</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/header/menu-icons);
* [<mark style="color:blue;">Popup menu</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/header/popup-menu);
* [<mark style="color:blue;">Contacts</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/header/contacts).

**Cart drawer:**

* Image (Empty);
* Collection slider (Empty).

#### Template

* [<mark style="color:blue;">Slideshow</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/slideshow);
* [<mark style="color:blue;">Brand list</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/brand-list);
* [<mark style="color:blue;">Featured collage</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-collage);
* [Reels](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/reels);
* [<mark style="color:blue;">Featured promotions</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-promotions);
* [<mark style="color:blue;">Ticker</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/ticker);
* [<mark style="color:blue;">Blog posts</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/blog-posts);
* [<mark style="color:blue;">Tags</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/tags);
* [<mark style="color:blue;">Multicolumn</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/multicolumn);
* [<mark style="color:blue;">Image with text overlay</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/image-with-text-overlay);
* [Popup](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/popup).

#### Footer

Applied settings in the '[<mark style="color:blue;">Footer</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/footer)' section:

* Email Signup - allowed;
* Payment methods - enabled;
* Copyright - enabled.

**Footer blocks:**

* [<mark style="color:blue;">Menu</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/footer/menu);
* [<mark style="color:blue;">Text</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/footer/text).

**Popups**

* [Chat services](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/popups#chat-services).

#### Theme settings

**Logo**

The following options are used in _Theme settings ->_ [_Header and Logo_](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/header-and-logo):

* Enable sticky on mobile;
* Hide sticks header when scrolling down;
* Show picture logo;
* SVG logo.

**Cart**

The section can be accomplished in _Theme settings ->_ [_<mark style="color:blue;">Cart</mark>_](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/cart).

* Open drawer;
* Free shipping progress bar;
* Cart countdown.

**Popups**

Enable the popups in _Theme settings ->_ [_Popups_](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/popups).

* Round popup - active.

## Import theme files

As an alternative to customizing the theme in the Theme Editor, you can import the theme structure of the desired layout using the [<mark style="color:blue;">ExIm app</mark>](https://apps.shopify.com/exim-export-import-pages-blogs-theme-settings?st_source=autocomplete). This app provides the necessary functionality for importing Theme settings for free.

{% hint style="warning" %}
**Note!** The ExIm app allows you to import the theme structure for a licensed theme only.

Using the app is optional and does not affect the theme functionality.
{% endhint %}

Once you have completed the app installation, follow the listed steps to import the theme structure of the previously selected layout:

**Step 1**

After uploading the theme archive to your admin, go to _Apps -> ExIm - Export Import pages:_

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FfIhyS4PYQz5yzwzVCY9I%2Fadmin_exim.png?alt=media&#x26;token=20e1ea38-b828-4eb4-a122-aa51d9bd878a" alt=""><figcaption></figcaption></figure>

**Step 2**

* Select the "Theme settings" item in the left-hand panel:

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FU5htpfOxPICUz69HfeTo%2Fexim_theme%20settings.png?alt=media&#x26;token=86c8a471-e11f-49cb-84fa-c7a3b432d300" alt=""><figcaption></figcaption></figure>

* To import the default blogs or pages to your store, press the "Pages" or "Blog articles" items above the "Theme settings".

**Step 3**

Download the archive of the desired layout to your computer:

* **Valuable**

{% file src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FCaqA41HM3orCQKCd38IH%2Fsettings-01-valuable.zip?alt=media&token=11e13be5-d559-426e-b0c8-5599bb698a0f" %}

* **Sunny**

{% file src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FmppyqzXhBXlT8Hqj5zVL%2Fsettings-02-sunny.zip?alt=media&token=cd14ff36-c7e0-4b36-bc13-8995ab6cff9a" %}

* **Dark**

{% file src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FW92YzrlrUGQyjiSXYWRG%2Fsettings-03-dark.zip?alt=media&token=54f0505d-afad-4004-b5e9-68c4c58dad5a" %}

* **Flex**

{% file src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FFhUwPpQspMBFPypXnzxK%2Fsettings-04-flex.zip?alt=media&token=70579d64-9189-4f88-8d92-2102ff20ba8e" %}

* **Broad**

{% file src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2Fdw30nV5XL4F8T0XbJGjk%2Fsettings-05-broad.zip?alt=media&token=97b49b36-d72d-42f9-ad20-3d45a73c760c" %}

In case you need to import the default articles or pages to your admin, download the following archives:

* **Blogs**

{% file src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FjPp1q9S7lFpGni9altSi%2Fblogs.zip?alt=media&token=a4febea6-3060-432e-97b1-befa24465434" %}

* **Pages**

{% file src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FTfHRU4Zh0aIx80LFzvLs%2Fpages.zip?alt=media&token=34a8961c-2591-49d0-b8fc-42d4182e4f51" %}

**Step 4**

In the "Import" block, select the theme and press "Add ZIP file" to import the theme structure:

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FGd1XOLM8bBMJa2fBGkW7%2Fexim_import.png?alt=media&#x26;token=337f45cf-15ef-405f-a7fc-027e7f14fc90" alt=""><figcaption></figcaption></figure>

**Step 5**

Finalize by hitting the "Import Theme Settings" button:

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FTTkr3UmEEa8aOieKtT68%2Fexim_accept.png?alt=media&#x26;token=e7eb775c-b0f0-48dc-b007-21aa0899d63f" alt=""><figcaption></figcaption></figure>

Once you get the message about success, press the link to navigate to the Theme Editor.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FiqYU48KayORz2wNIP0ry%2Fexim_succeed.png?alt=media&#x26;token=af169292-2a9d-424b-a8b5-c0d5e511e722" alt=""><figcaption></figcaption></figure>

The blogs and pages will be automatically added to the _Content-> Blog posts or_ _Online Store -> Pages_ of your Shopify admin once the files are imported.
