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 →
Theme setup wizard
Olymp comes with a setup wizard that enables you to create the demo layout with a just a few clicks.
- After installing the theme, in your Dashboard go to Appearance > Theme Setup.
- The setup wizard will ask you to install and activate necessary plugins, and import the demo content. Please be patient while WordPress imports all the content.
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.
- 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.
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 480x560px. View 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 2000x600px. View 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 640x426px. View 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 →
Wishlist feature
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
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.