1. Documentation /
  2. Themes /
  3. Olorien Theme

Olorien Theme

  1. Go to your WooCommerce.com account Downloads page. Click the download icon to get a compressed olorien.zip file on your computer.
  2. On your website, go to Appearance > Themes and click the Add New button.
  3. Click Upload to upload the olorien.zip file you downloaded in step 1.
  4. Go to Appearance > Themes to Activate.

You can find more here.

WooCommerce Installation ↑ Back to top

Once the theme is activated, you’ll need to install WooCommerce. Instructions on how to set it up here.

How to import the sample content ↑ Back to top

If you like what you see on our demo website, you can simply import the sample content. This means that an exact replica of our demo website will be imported into your WordPress installation. And then, all you will have to do is simply replace the content of these pages with your content.

To import the sample content:
1. In your WordPress dashboard, visit Plugins > Add New.
2. Search for One Click Demo Import and Install the plugin.
3. Activate plugin.
First, you will need to download the Sample Content archive file for Olorien by clicking here.  Extract the file like described here for MacOS and here for Windows PC. To import these files, use the One-Click Demo Import free plugin.
After activating the plugin, navigate to Appearance > Import Demo Data.

4. Add your demo.xml from your sample content archive.
5. Add your widgets.wie from your sample content archive.
6. Add the customizer.dat from your sample content archive.
7. Import the content.

8. Navigate to Appearance > Menus and select a menu to edit – Primary Menu, Display Location – Primary Menu. Save menu.

Next, select a menu to edit – Social Menu, Display Location: Secondary Menu. Save menu.

9. Navigate to Settings > Reading > Reading Settings. In the “Your homepage displays” section, select A Static Page and choose from the dropdown: Homepage – Home and Post page – Blog. Save Changes.

Customization ↑ Back to top

All of the theme’s customization settings can be found under Appearance > Customize. This is where you go to upload a logo & change colors.

Under Appearance > Customize > Site Identity, you can:
• Upload a logo
• Update the Site Title and the Tagline
• Upload a Site Icon

Colors ↑ Back to top

Here you can set the main color of your website. Colors can also be changed for each block/pattern on each page from within the page editor.

In the menus section, you can create or edit menus. To create your first menu, make sure to create at least a couple of pages.

Primary Menu

Navigate to the Customize » Menus and click Create New Menu. You can name it however you like. In the theme demo, we named it “Primary Menu.”
To make this your main navigation menu, update from within Theme Locations (Appearance > Menus > Manage Locations), check the Primary Menu box and save it.

Social Menu

The social menu bar is built using a standard WordPress menu. Navigate to the Customize » Menus and create a new menu. You can name it however you like. In the theme demo, we named it “Social Menu.”
To make this your social menu, update from within Theme Locations (Appearance > Menus > Manage Locations), check the Secondary Menu box and save it.
To add socials to the social menu, you first need to add Custom Links to the menu. Then inside the “URL” field, add your social page URL and in the “Link Text” field, add the name of the social platform, for example, “Facebook.” Once you add it to the menu, the social icon will automatically show up inside the socials bar. Once you are finished adding all your socials, click “Save Menu.”

Widgets ↑ Back to top

The Olorien theme comes with one widget area, the Footer area. It can be managed via Appearance > Widgets.

Pages ↑ Back to top

Creating pages such as the homepage, about, contact, etc.
All page layouts in the Olorien theme are built using WordPress block editor. Olorien pre-built patterns are accessible with a click of a button from the block editor. You can find the patterns in the editor sidebar within the Olorien category. To add them to your page,  simply drag and drop each pattern into the main editor window.
Once you have added a block pattern to your page, you can start replacing the sample text and images with your own.

Updating the theme ↑ Back to top

Once you connect your site and WooCommerce.com account, you will receive update notifications in your WordPress dashboard as soon as they’re made available allowing you to update the theme with one-click or set up automatic updates.
If you still need to manually update your theme, follow the details at Updating Your Theme.


The most customizable eCommerce platform for building your online business.

  • 30 day money back guarantee
  • Support teams across the world
  • Safe & Secure online payment