Thanks for using Olymp theme.
- In your Dashboard go to Appearance > Themes.
- Click on the Add New button on top.
- Click Upload New button on top.
- In the new interface click Choose File and browse your computer to locate olymp.zip file you downloaded.
- Click Install Now.
- After installation Activate the theme.
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 →
Go to
Appearance > Customize > Site Identity to add a logo image or edit your site title.
Learn how to update your site identity →
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 →
This theme will automatically display links to your social media profiles as icons, using a Custom Menu.
Learn how to setup social media menu →
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 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.
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.
This theme comes with a custom made template to create an attractive and very functional home page, just like in our demo.
- Create a page and assign the Home Page template to it. Learn how to change page templates →
- Add a featured image to this page, which will be resized to 2000x700px.
- Assign this page to display in the front of your website Learn how to display a static page in front →
- 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.
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.
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>
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>
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 →
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
480x560px.
View team members pattern →
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
2000x600px.
View cover block pattern →
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
640x426px.
View services block pattern →
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 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.
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.
- 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.
- 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.
- Blog featured images: 1280x853px
- Featured content images: 535x535px
- Home page bottom image: 2000x700px