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.
Last updated
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.
Last updated
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 -> . 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:
;
;
.
"Header" section:
Used menus: and ;
Icons menu type: ;
Type on large screens: ;
Sticky header: .
Header blocks:
;
;
.
Cart drawer:
Image (Empty);
Collection slider (Empty).
Search popup:
Collection or product;
Banner.
Mega menu 1 ('Furniture')
Mega menu 2 ('Jewellery')
Mega menu 3 ('Theme features')
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:
Popups
Logo
Enable sticky on mobile;
Hide sticks header when scrolling down;
Show picture logo;
SVG logo;
Full-width logo placeholder.
Announcement bar
Cart
Open drawer.
Popups
Round popup - active.
"Header" section:
Header blocks:
Cart drawer:
Collection slider (Empty).
Search popup:
Collection or product;
Banner.
Mega menu 1 ('Bikini')
Mega menu 2 ('Monokini')
Show full-width logo - used;
Email Signup - allowed;
Social media icons - used;
Payment methods - active;
Copyright - enabled.
Footer blocks:
Popups
Logo
Enable sticky on mobile;
Hide sticks header when scrolling down;
Show picture logo;
SVG logo.
Cart
Open drawer;
Free shipping progress bar - enabled.
"Header" section:
Header blocks:
Show full-width logo - active;
Country/region selector - enabled;
Copyright - used.
Popups
Logo
Enable sticky on mobile;
Hide sticks header when scrolling down;
Show picture logo;
SVG logo;
Full-width logo placeholder.
Cart
Show notification;
Free shipping progress bar - enabled.
"Header" section:
Header blocks:
Cart drawer:
Image (Empty).
Search popup:
Collection or product.
Email Signup - allowed;
Social media icons - used;
Copyright - enabled.
Footer blocks:
Popups
Logo
Enable sticky on mobile;
Hide sticks header when scrolling down;
Show picture logo;
SVG logo.
Cart
Open drawer;
Free shipping progress bar.
Popups
Newsletter popup - enabled;
Round popup - active.
"Header" section:
Icons menu type: Popup;
Header blocks:
Cart drawer:
Image (Empty);
Collection slider (Empty).
Email Signup - allowed;
Payment methods - enabled;
Copyright - enabled.
Footer blocks:
Popups
Logo
Enable sticky on mobile;
Hide sticks header when scrolling down;
Show picture logo;
SVG logo.
Cart
Open drawer;
Free shipping progress bar;
Cart countdown.
Popups
Round popup - active.
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 - 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
Sunny
Dark
Flex
Broad
In case you need to import the default articles or pages to your admin, download the following archives:
Blogs
Pages
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.
.
;
.
;
.
;
;
;
;
;
;
;
;
;
;
;
;
;
;
;
;
;
;
;
;
.
Applied settings in the '' section:
;
.
.
The following options are used in Theme settings -> :
To use the feature, configure the section in Theme settings -> Top bars -> .
The section can be accomplished in Theme settings -> .
Enable the popups in Theme settings -> .
;
;
.
Used menus: and ;
Icons menu type: ;
Type on large screens: ;
Sticky header: .
;
.
;
.
.
;
;
;
;
;
;
;
;
;
;
.
.
Applied settings in the '' section:
;
.
.
The following options are used in Theme settings -> :
The section can be accomplished in Theme settings -> .
;
.
Used menus: ;
Type on large screens: ;
Sticky header: .
.
;
;
;
;
;
;
;
;
;
;
;
;
;
.
Applied settings in the '' section:
.
The following options are used in Theme settings -> :
The section can be accomplished in Theme settings -> .
;
;
.
Used menus: ;
Type on large screens: ;
Sticky header: .
.
;
;
;
;
;
;
;
;
;
.
Applied settings in the '' section:
;
.
.
The following options are used in Theme settings -> :
The section can be accomplished in Theme settings -> .
Enable the popups in Theme settings -> .
;
.
Used menus: and ;
Type on large screens: ;
Sticky header: .
;
;
.
;
;
;
;
;
;
;
;
;
;
.
Applied settings in the '' section:
;
.
.
The following options are used in Theme settings -> :
The section can be accomplished in Theme settings -> .
Enable the popups in Theme settings -> .
As an alternative to customizing the theme in the Theme Editor, you can import the theme structure of the desired layout using the . This app provides the necessary functionality for importing Theme settings for free.
