1. Documentation
  2. Themes

Olymp

Thanks for using Olymp theme.

Theme installation ↑ Back to top

  1. In your Dashboard go to Appearance > Themes.
  2. Click on the Add New button on top.
  3. Click Upload New button on top.
  4. In the new interface click Choose File and browse your computer to locate olymp.zip file you downloaded.
  5. Click Install Now.
  6. After installation Activate the theme.

 

Making theme look like demo ↑ Back to top

First download the zip file containing the demo content here. 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 ↑ Back to top

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 ↑ Back to top

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 ↑ Back to top

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 ↑ Back to top

First add a header image. In your dashboard go to Appearance > Customize > Header ImagesAdd 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 in the left side of the header achieved via a widget. 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.

Take a look at the other options in the Customizer.

Configuring the front page ↑ Back to top

In the front page below the header, 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 ↑ Back to top

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

  1. Create a page and assign the Home Page template to it.  Learn how to change page templates 
  2. Add a featured image to this page, which will be resized to 2000x700px.
  3. Assign this page to display in the front of your website Learn how to display a static page in front 
  4. Note that the featured image of this page will display in the bottom section of the home page.

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 ↑ Back to top

The Home Page template will display the WooCommerce product categories by default. 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. You can arrange the order categories are displayed by dragging them from the sandwich button in the right of each 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.

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 ↑ Back to top

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 grouped block to this location.  Learn how to add widgets 

Inside the block, a H2 title, paragraph and html block containing the code below to generate the button

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

Front Page Bottom Widgets ↑ Back to top

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 grouped block (first) and an image block (second) type to this location.

Inside the Grouped block add an H2 title, a paragraph and html block to display the button using the code below.

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>

Block patterns ↑ Back to top

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 ↑ Back to top

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 ↑ Back to top

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 ↑ Back to top

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 ↑ Back to top

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 

Wishlist feature ↑ Back to top

Wishlist is not a built in feature in Olymp. You need to use a plugin to have this feature. In our demo we have used YITH Wishlist plugin. The theme includes styling for this plugin., but you can use any plugin you like.

Follow the plugin instructions and assign a page where the wishlist is displayed. After that go to Appearance > Customize > Theme Options and add the url of the wishlist page in the respective field.

Footer section ↑ Back to top

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 Footer Widgets location.

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

Page templates ↑ Back to top

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

Widgets ↑ Back to top

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

Featured Images sizes ↑ Back to top

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

WooCommerce - the most customizable eCommerce platform for building your online business.

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