Olymp Instructions

Olymp is an eCommerce WordPress theme powered by WooCommerce. Fully responsive and beautifully designed it is made to get you up and running in no time.

Theme installation

Unzip file olymp_unzip_first.zip that you downloaded from us and install olymp.zip file. Read more how to install a theme → 

Making theme look like demo

Inside the package you will find a file named olymp.WordPress.xml that you can use to import the demo content. Read more how to make theme look like the demo 

Adding a logo image

Go to Appearance → Customize → Site Identity to add a logo image or edit your site title. Learn how to update your site identity 

Setting up the menu

This theme has three menu locations, the Primary Menu (main menu), Footer Menu and Social (the menu to display your social media profiles). Create menus and assign them to each of the available locations. Learn how to setup WordPress menus 

Social media icons

This theme will automatically display links to your social media profiles as icons, using a Custom Menu. Learn how to setup social media menu 

Header image and content

First add a header image. In your Dashboard go to Appearance → Customize → Header Images. Add the image you want to display. You can add more than one and randomize them. Header image size is 800x968px.

You can add some text on top of the header image. In your Dashboard go to Appearance → Widgets and add a text widget or any other widget type to the Top Widget location.

To add or change the text of the call to action button, in your Dashboard go to Appearance → Customize → Theme Options and you will see two fields; one for the url of the button, and the other for text.

Configuring the front page

In the front page below the header image, this theme will display the latest posts by default. You can assign a static page to display in front instead of the latest posts. Learn how to display a static page in front 

This way you can have the Home Page template, a default page, that is a page with a right sidebar, a full width page or your shop display in front, instead of the latest posts.

Home page template

This theme comes with a custom made template to create an attractive and very functional home page, just like in our demo.

To have a video instead of the featured image like in our demo, upload a mp4 video in your Media Manager or somewhere else and in your Dashboard go to Appearance → Customize → Theme Options. Add the url of the video in the respective field.

Featured Content

If you have WooCommerce installed and activated, below the Front Widget will appear WooCommerce product categories. Add an image (thumbnail) to each product category, suggested size is 535x535px. You can add a thumbnail in the bottom of the screen when you edit a WooCommerce product category. Add also a description to that category.

Alternatively you can have featured content instead of WooCommerce product categories. In your Dashboard go to Appearance → Customize → Theme Options and check the box to Display featured content instead of WooCommerce categories. If you are not going to use WooCommerce, the theme will automatically display featured content.

To feature a page or post, in the bottom of the right column in the editor, check the box to Feature post in the front page. Add a featured image which will be resized at 535x535px.

Video Widget

Above the video in the front page there is a widget location named Video Widget. In your Dashboard go to Appearance → Widgets and add a text widget to this location.  Learn how to add widgets 

To add a call to action button to the text widget like in our demo use this html code

<a class="btnmore" href="url goes here">View collection</a>

Front Page Bottom Widgets

At the bottom of the Home Page template there is a widget location named Front Page Bottom Widgets. In your Dashboard go to Appearance → Widgets and add a text widget (first) and an image widget (second) type to this location.  Learn how to add widgets 

To add a call to action button to the text widget like in our demo use this html code

<a class="btnmore" href="url goes here">Explore our shop</a>

The image you add to the image widget should be square in order to achieve the circle effect. The name and the job title are the caption of the image. Wrap the title inside span tags to give it a different style like this

<span style="font-size:13px;color: #999;text-transform:none">General Manager</span>

WooCommerce

The theme does not need any special settings for WooCommerce, it is setup to work out of the box.

If you need help to get started with WooCommerce, here is a tutorial.

Block patterns

WordPress has introduced the ability to create pre-designed block patterns that you can use like a block template in any page or post. This theme comes with four pre-designed blocks that you can use anywhere in your website.

What makes block patterns even more special that you can edit it freely and add additional elements to each block. Learn how to add block patterns 

Team members

This block is designed to display a three column responsive layout that you can use to display your team member. It includes an image, the person’s name and the job title. You can add more information to each column if you wish.

Note that you can use this block more than once in any page to display any number of team members.

Suggested image size is 480x560pxView team members pattern 

Cover block with text and button

This block is designed to display a full width section with a background image. On top of the image it includes some text and a call to action button. Use this block in a full width page template with no sidebar. Suggested image size is 2000x600pxView cover block pattern 

Services block

You can use this block to display three columns, each of them including an image, a title, a description and a button. You can edit, or delete any element. You can use this block more than once in each page to display as much content as you want.

Suggested image size is 640x426pxView services block pattern 

Contact form block

This block is designed to display some content with a contact form and an address block in the right. In the demo we are using the Contact Form 7 plugin, as this theme includes styling for this, but you can use any other form. View contact block pattern 

Footer section

In the footer you can use a text widget to display some information related to your business. In your Dashboard go to Appearance → Widgets and add text widgets or any other widget type to the Front Widgets location.  Learn how to add widgets 

In this theme you can edit the footer copyright info from the Theme Options.

Page templates

  • Home page: Custom page to display in front.
  • Default: Content page with right sidebar.
  • Full width: Full width page, no sidebar.
  • Plain page: Page with a sidebar without a black header.

Widgets

  • Sidebar: This location is visible in the right of default pages, plain pages, blog and single posts.
  • Top widget: Visible in the Front Page on top of the header image.
  • Video widget: Visible in the Home Page above the video.
  • Front page bottom widgets: Visible in the Home Page above the footer.
  • Footer widgets: Visible throughout the website, in the footer.

Featured Images sizes

  • Blog featured images: 1280x853px
  • Featured content images: 535x535px
  • Home page bottom image: 2000x700px

If you need more help regarding this theme, please contact us.

Seasonal sale! Use code 'discount20' to get 20% discount on all products including our Lifetime Package.
Summer is here!! Use code 'summer30' to get 30% off all our themes including the Lifetime Package.