Demo

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.

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

DEMO

Header

• Header;

• Cart drawer;

• Search popup.

"Header" section:

• Used menus: Text menu and Icons menu;

• Icons menu type: Inline;

• Type on large screens: In one line, logo center;

• Sticky header: Full section with full-width logo.

Header blocks:

• Menu icons;

• Contacts;

• Image with button (Mobile).

Mega menu

Mega menu 1 ('Furniture')

• Featured promotion.

Mega menu 2 ('Jewellery')

• Menu;

• Image with button.

Mega menu 3 ('Theme features')

• Menu;

• Featured promotion.

Template

• Image with text overlay;

• Ticker;

• Collection slider;

• Featured promotions;

• Featured collage;

• Collection list;

• Lookbook;

• Featured product;

• Image gallery;

• Rich text;

• Countdown timer;

• Featured collections;

• Collage of images;

• Multicolumn;

• Blog posts;

• Email signup;

• Brand list;

• Testimonials;

• Tags;

• Popup.

Footer

Applied settings in the '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:

• Menu;

• Text.

Theme settings

Logo

The following options are used in 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 -> Announcement bar.

Cart

The section can be accomplished in Theme settings -> Cart.

• Open drawer.

Popups

Enable the popups in Theme settings -> Popups.

• Round popup - active.

Sunny

DEMO

Header

• Header;

• Cart drawer;

• Search popup.

"Header" section:

• Used menus: Text menu and Icons menu;

• Icons menu type: Inline;

• Type on large screens: In two lines, logo center;

• Sticky header: Disable.

Header blocks:

• Menu icons;

• Contacts.

Mega menu

Mega menu 1 ('Bikini')

• Menu;

• Featured promotion.

Mega menu 2 ('Monokini')

• Featured promotion.

Template

• Image with text overlay;

• Featured promotions;

• Brand list;

• Collection slider;

• Featured collection;

• Slideshow;

• Featured collections;

• Multicolumn;

• Popup.

Footer

• Ticker.

Applied settings in the 'Footer' section:

• Show full-width logo - used;

• Email Signup - allowed;

• Social media icons - used;

• Payment methods - active;

• Copyright - enabled.

Footer blocks:

• Menu;

• Text.

Theme settings

Logo

The following options are used in 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 -> Cart.

• Open drawer.

Dark

DEMO

Header

• Header;

• Cart drawer.

"Header" section:

• Used menus: Text menu;

• Type on large screens: In one line, logo center;

• Sticky header: Full section with full-width logo.

Header blocks:

• Menu icons;

• Contacts.

Template

• Image with text overlay;

• Rich text;

• Featured promotions;

• Multicolumn;

• Media;

• Ticker;

• Image gallery;

• Featured collection;

• FAQ;

• Testimonials;

• Contact Form;

• Email signup;

• Popup.

Footer

Applied settings in the 'Footer' section:

• Show full-width logo - active;

• Country/region selector - enabled;

• Payment methods - active;

• Copyright - used.

Theme settings

Logo

The following options are used in 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.

• Show notification.

Flex

DEMO

Header

• Header;

• Cart drawer;

• Search popup.

"Header" section:

• Used menus: Text menu;

• Type on large screens: In one line, logo and menu left;

• Sticky header: Full section.

Header blocks:

• Contacts.

Template

• Rich text;

• Featured collection;

• Image with text overlay;

• Featured promotions;

• Collage of images;

• Featured collections;

• Lookbook;

• Tags.

Footer

Applied settings in the 'Footer' section:

• Email Signup - allowed;

• Social media icons - used;

• Copyright - enabled.

Footer blocks:

• Menu;

• Text.

Theme settings

Logo

The following options are used in 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 -> Cart.

• Open drawer.

Popups

Enable the popups in Theme settings -> Popups.

• Newsletter popup - enabled;

• Round popup - active.

Broad

DEMO

Header

• Header;

• Cart drawer.

"Header" section:

• Used menus: Text menu and Icons menu;

• Icons menu type: Popup;

• Type on large screens: In one line, logo and menu left;

• Sticky header: Full section.

Header blocks:

• Menu icons;

• Popup menu;

• Contacts.

Template

• Slideshow;

• Brand list;

• Featured collage;

• Featured promotions;

• Ticker;

• Blog posts;

• Tags;

• Multicolumn;

• Image with text overlay;

• Popup.

Footer

Applied settings in the 'Footer' section:

• Email Signup - allowed;

• Payment methods - enabled;

• Copyright - enabled.

Footer blocks:

• Menu;

• Text.

Theme settings

Logo

The following options are used in 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 -> Cart.

• Open drawer.

Popups

Enable the popups in 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 ExIm app. This app provides the necessary functionality for importing Theme settings for free.

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.

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 app - Export Import pages:

Step 2

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

• 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

57KB

settings-01-valuable.zip

archive

• Sunny

53KB

settings-02-sunny.zip

archive

• Dark

49KB

settings-03-dark.zip

archive

• Flex

45KB

settings-04-flex.zip

archive

• Broad

60KB

settings-05-broad.zip

archive

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

• Blogs

9KB

blogs.zip

archive

• Pages

3KB

pages.zip

archive

Step 4

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

Step 5

Finalize by hitting the "Import Theme Settings" button:

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

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.