OneLove - The Elegant & Clean Multipurpose Wedding WordPress Theme

OneLove is an elegant & clean wedding theme with multi ideas & purposes. With 16 homepages designed for a personal wedding, marriage anniversary, wedding planning agency, wedding planner, wedding shop, wedding blog and any kind of wedding industries. It also helps you connect with your guests, put more info about your wedding events, or even sharing your happy moments to them with RSVP Form, Countdown, Slideshow, Video Slider, Photo Gallery and much more.

With OneLove, you can easy to customize your theme like changing the colors of almost every elements, changing the font and choosing from 500+ Google Web Fonts available in our theme options. Specially, you can build faster your page easily without any coding knowledge just ONE CLICK demo data import feature.

Thank you for purchasing Catanis theme.
Before you get started, please be sure to always check out these documentation files. We outline all kinds of good information, and provide you with all the details you need know to use this theme. If you are unable to find your answer here in the documentation, please create a ticket http://support.catanisthemes.com/ or directly from our themeforest account.

   

If you like our theme, please don't forget to rate OneLove Theme with 5 stars (How to rate?) and leave a nice review, it means a lot to us.
We hope you will enjoy working with our theme.

Thanks!
CatanisThemes Team.

Before Getting Started

If you are a novice in the WordPress world, we kindly recommend you an overview of some of the material to learn the basics. Here are some resources with basic WordPress knowledges and some links that will help you to become more confident with WordPress:

  • How to install WordPress - A tutorial on how to install WordPress on your hosted domain, it is great video by Woothemes.
  • WordPress Codex - The online manual for WordPress and a living repository for WordPress information and documentation.
  • First steps in WordPress - Let's take a step-by-step tour through your WordPress site and see how the different functions work and how to make your new site your own.
  • WordPress Lessons - Great source of knowledge for WordPress beginners
  • Top 50 WordPress tutorials - Best WordPress-related articles for Web Developers.

Requirements & Compatibility

Requirements

To run WordPress your host just needs a couple of things:

  • PHP version 5.5 or greater (recommended: PHP 5.6 or greater)
  • MySQL version 5.56 or greater (recommended: MySQL 5.6 or greater)

Having your server configured properly is crucial for the theme to function. Make sure that the following PHP server properties are set according to described below or contact your Host provider to support you.

  • max_execution_time 300
  • memory_limit 64M
  • upload_max_filesize 32M
  • max_input_vars 2000

NOTE: You can use plugin WordPress phpinfo() to check phpinfo from your server.

Compatibility

Our theme is compatible with these browsers:

  • Chrome
  • Firefox
  • Safari
  • Internet Explorer 10 or later

Recommended Hosting Companies

What is included in the price?

After purchase this theme please download package from themeforest. All you need to do that is move your mouse on your login name in right top corner (of course after you`re logged in Themeforest) and then click Download (http://themeforest.net/downloads) to go to your downlaod page. In this place you will have all your items that you purchased. It looks exactly just like on below screen:

And it is list that included in main package:

  • OneLove WordPress Theme
  • Child Theme
  • Theme Documentation
  • Lifetime Updates
  • Premium Plugins
  • Premium Plugins documentations
  • Video Tutorials
  • Premium Support - To our support site.

Also we strive to provide best tech support ever and lifetime updates theme.
If you like our theme, please don't forget to rate theme with 5 STARS (How to rate?) and leave a nice review, it means a lot to us.

Theme Installation

Once you purchased the theme from themeforest, you need to log into your ThemeForest account and go to your http://themeforest.net/downloads page, you click on the Download button, you'll be able to load 2 file type.

  • All Files and documentation
  • Installable WordPress file only

If you select to download all files and documentation ( the zip name will be themeforest-ThemeID-ThemeAlias.zip ), you have to extract it out ( to get themename-vxx_xx.zip file ) before installing it to WordPress system. Also you can download only the Installable WordPress file.

Installation via WordPress

Follow the steps below to install via WordPress:

  1. Step 1:Login to your WordPress admin panel.
  2. Step 2:Navigate to Appearance » Themes.
  3. Step 3:Click on the Add New then click Upload Theme buttons.
  4. Step 4:Click Choose File and look for the "onelove.zip" file in the Theme folder downloaded from Themeforest on your computer and click Install Now.
  5. Step 5:Wait while the theme is uploaded and installed.
  6. Step 6:Activate the theme. Then you will get a notification about welcome message and installing the Required plugins. You follow the steps to install and activate the required plugins.
  7. Step 5:Scroll down and click "Save Changes" button.

Please note that some hostings have a restriction on a size of a file that you are uploading. If you have any warning, you will contact your hosting provider. They should increase your maximum upload size. You can read section Requirements & Compatibility again.

Common Theme Installation Problems

Issue 1: Get the message "Are you sure you want to do this?"

If you are installing your theme from the WordPress theme installer, but get a message that says Are you sure you want to do this? ,most likely your web server is configured with low PHP settings that only allow a certain size ZIP file to be uploaded via WP admin.

Most hosting companies configure their servers to only have the maximum file upload size limit at 8-10 MB, some are less. So if you get this error, your web server is rejecting the upload due to the overall size of the onelove.zip file. This is not a theme issue or bug.

» Solution: There two ways to solve this problem.

  1. Contact your hosting provider to increase your PHP limits so a larger zip file is allowed to be uploaded. They should increase your maximum upload size. You can read section Requirements & Compatibility again.
  2. You can upload your theme via FTP, see section Theme Installation via FTP. It is very easy and efficient.
Issue 2: The theme is missing the style.css stylesheet

While you're installing the theme package the message appears: "The package could not be installed. The theme is missing the style.css stylesheet."

» Solution: Please check that you are uploading the onelove.zip within the Theme Files folder. Because the package that you downloaded from themeforest is included: documents, demo content, theme package,… So you should extract it and then find the theme package and install it again.

Installation via FTP

If you are going to install the theme using FTP, you will need an FTP Client, such as FileZilla.
Follow the steps below to install theme via FTP:

  1. Step 1:Log into your Hosting server using FTP service like Filezilla.
  2. Step 2:Unzip the onelove.zip file (make sure you have unzipped the package downloaded from Themeforest).
  3. Step 3:Upload the extracted onelove theme folder into the remote folder wp-content » themes .
  4. Step 4:Navigate to Appearance » Themes and activate OneLove theme.
  5. Step 5:Then you actived theme, then you will get a notification about installing the Required plugins. You follow the steps to install and activate the required plugins.

Additional Links:

  1. Installing new theme
  2. FileZilla Free FTP Client

Required Plugins

Upon activating the theme, you will get the notification to install and activate these plugins. The only 6 required plugin for the theme, all the other plugins that are coming with the theme are optional.

  1. Step 1:Navigate to Appearance » Required Plugins.
  2. Step 2:Install and activate these required plugins.
  3. Step 3:Repeat step 2 for all the other plugins you want to activate. Also you can check All plugins, Install and Active all.

Mandatory Plugins

  • Catanis Core
  • Visual Composer
  • Revolution Slider
  • Contact Form 7 (manage multiple contact forms)
  • One Click Demo Import
  • WooCommerce

The other plugins that you might need are

  • Autoptimize
  • WP Fastest Cache
We also notice that:
  • You don't directly purchase the Visual Composer and Revolution Slider plugins. So you can not update them by yourself. It is also not recommended. When they have a new version, we will be careful to test and release the new theme's version.
  • You should also not update other plugins without updating the theme. Please see our changelog to make sure the current theme's version is compatible with the new plugin's version.

Demo Content

Our theme includes One Click Import Demo functionality. You can easily import the demo data via special theme page, In admin panel, just navigate to Appearance » Demo Import Data. But before importing the demo data please make sure you have installed and actived these required plugins. Then you click on the Import Demo Data button. It will take a few minutes to complete.

You can see video guide import here:

We also notice that:
  • The installation process is fast or slow, it is depend on your hosting (strong or not). Do not close or refresh the page until the import is complete.
  • The images in the actual demo will be replaced with blurred images in the sample data. This is to speed up the import process as well as licensing reasons.

Theme Update

1. Manual Update

Try following the steps below to manually update the theme:

  1. Step 1:Download the zip file from themeforest again. You have to log into your themeforest account and navigate to Downloads tab. You find the OneLove theme in your purchased themes list.
  2. Step 2:Remove the theme from Appearance » Themes and then reinstall. You don't worry about this, your data won't be lost. Also you can upload the new theme package via WordPress or FTP software.
  3. Step 3:Activating new theme version.

2. Automatic update

Try following the steps below to automatic update the theme:

  1. Step 1:Download, Install & Activate the Envato Market plugin.
  2. Step 2:You go to here https://build.envato.com/create-token/ and create a token. Get it.
  3. Step 3:In WordPress admin panel, you find the section called Envato Market. You enter your token code in there.

Also you can read more this article Envato WordPress Toolkit Guide For Automatic Theme Updates to get more information or watch the video tutorial below:

We also notice that:
  • If you translated the theme to another language, you should backup your translation files in the themes > onlove > languages folder before updating. You should also backup the translation files in the plugin folder.
  • After updating the theme, you should update the recommended plugins if there is a notification message about updating plugins. You go to Appearance > Install Plugins to update plugins. Please notice that you can not update the Visual Composer and Revolution Slider plugins, to update 2 these plugins, you need to delete them first.

Child Theme

Child theme is for developers, allow you to make changes and customizing your theme even easier and without affecting the original theme’s code, which makes it easy to update your parent theme without erasing your changes.

To learn more about the purpose and basis of creation of child theme, you read more the article Child Theme or you visit WordPress Codex.

In the theme pack you will see materials for the child theme. It’s located in the onelove-child.zip archive. You can install the child theme the same way as you install the main theme, see the section Installation again.

Catanis Options Panel

The OneLove WordPress theme includes tons of easy to use options to customize the design of your site. So please take some time and navigate through each tab to see what we offer. After activating our theme, you can go to admin Dashboard you will see Theme Options navigation to configure the theme. Below will explain what you can do with each tab in Theme Options.

  • General Settings: It include 5 tabs "General", "Custom Code", "Coming Soon Page", "404 Page" and "Twitter Keys", there are some global options such as logo, favicon, responsive , google analytics, custom css code, coming soon page, 404 page...
  • Header & Footer Settings: It include 5 tabs "Header", "Page Title", "Socials Media", "Mega Menu" and "Footer", these options to management options of header and footer on site.
  • Layout Settings: It include 2 tabs "General" and "Custom Sidebars", these options to management sidebar for page and add custom sidebar for site.
  • Typography Settings: It include only 1 tab "General", these options to management typography such as font family, font-style, font size, line-height.. for body, menu, title heading and subtitle heading.
  • Styling Settings: It include 3 tabs "Content", "Header" and "Footer", these options to custom color for header,content and footer on site.
  • Blog Settings: It include 2 tabs "General" and "Blog Single", these options to custom layout and options for blog page and blog detail page.
  • Portfolio Settings: It include 2 tabs "Portfolio Settings" and "Portfolio Single", these options to custom layout and options for portfolio and portfolio detail page.
  • Woocommerce Settings: It include 4 tabs "General", "Page Title", "Shop & Product Category" and "Product Single", these options to management layout and options for shop, product category and product single item.
  • Import & Export Settings: These options use for backup or restore the theme options.

Please note: we are always adding new options so these screenshots may not reflect the most up to date options.

Header Settings

Header settings include

To settings you go to the Theme Options » Header & Footer Settings » Header

  • Header Style: Support 4 styles, you can choose a style you like and use it for site.
  • Header Fullwidth: If ON, page header will be full with or not will be default 1170px.
  • Header Fixed: If ON, the header will be always displayed, will hide when scroll down and display when scroll up.
  • Header Fixed On Mobile: If ON, the header will be always displayed on mobile, will hide when scroll down and display when scroll up.
  • Header Background: Choose a background image for header, only apply for header style V4.
  • Show Store Notice: If ON, the store notice will be always displayed on top header. Only apply for header Style V4, V5.
  • Store Notice: Input a store notice, can use simple html tag.

Header Top Settings

On this section you can setting some options for header top.

  • Show Header Cart: If ON, the cart icon will be always displayed.
  • Show Header Search: If ON, the search icon will be always displayed.
  • Search Post Type: Check post type in the theme you want to search, you can search post, page, portfolio... or can choose All.
  • Header Phone: You type your phone here and can enable/disable it.
  • Header Email: You type your email here and can enable/disable it.
  • Header Address: You type your address here and can enable/disable it.

Please note: These options also support in page, post, posrtfolio and product, so you can custom for each page, post, posrtfolio or product.

Setting Logo & Favicon

To set up logo and favicon you follow the steps:

  • Navigate to admin Dashboard » Theme Options and General tab.
  • You will see option "Logo image", "Sticky logo" and "Favicon image URL". Click on the Upload button and choose a file from your library.

Setting Socials Media

To set up social links you go to Theme Options » Header & Footer Setting » Socials Media

  • Step 1: Choose a icon social.
  • Step 2: Input Social URL and Social Title.
  • Step 3: Click Add button.
  • Step 4: Done. But if you want you can drag drop to change order for list.

Also if you don't want to display socials you can disable with the field "Show socials", change to OFF.

Setting Main Menu

After adding pages to the menu, select the Theme location (it's call "Catanis Primary Navigation") where you want to display the menu and click on the Save Menu button.

Setting Page Title

You go to the Header & Footer Setting » Header, scroll down and see section Header Top Settings and change background image for it, also you can enable/disable for this option and for header search.

  • Enable Title: You can enable/disable page title if you want.
  • Title Style: Support 2 styles, you can choose a style you like and use it for site.
  • Header Integration: If ON, page header will be overlap into page title.
  • Enable Breadcrumb: If ON, breadcrumb will display in page title section.
  • Feature Size: You can choose Full Screen or Custom Height for page title. Please note the height of revolution slider is configured from Revolution Slider Settings
  • Feature Height: If you choose Custom Height you choose the height here (from 20% -> 90%).
  • Feature Min Height: You type min height for page title.
  • Background Image: Choose a background image for page title.
  • Background Alignment: Select alignment for background image (top, center or bottom).

Please note: These options also support in page, post, posrtfolio and product, so you can custom for each page, post, posrtfolio or product.

Widgets & Sidebars Settings

You go to Appearance » Widgets to management sidebar. In default OneLove theme support many custom widgets and 6 sidebar area for use:

  • Primary Sidebar: It is default sidebar.
  • Shop Sidebar: It is shop sidebar.
  • Footer Column One: Used for footer column 1
  • Footer Column Two: Used for footer column 2
  • Footer Column Three: Used for footer column 3
  • Footer Column Four: Used for footer column 4

Also OneLove theme has a very powerful built-in system for creating custom widget areas (unlimited sidebars) in Theme Options » Layout Settings » Custom Sidebars tab and controlling your sidebar output.

and it is list custom widgets in theme, you just drag and drop widgets over to the sidebar:

  • CATANIS - Products: Display products list or slider
  • CATANIS - Advertisement: Display image advertisement
  • CATANIS - Flickr: Display images flickr of a username
  • CATANIS - Twitter: Display twitter tweet of a username
  • CATANIS - Instagram: Display images instagram of a username
  • CATANIS - Recent Comments: Display normal recent comments in site or with slider
  • CATANIS - Recent Posts: Display normal recent post or with slider
  • CATANIS - Social Profiles: Display social icons of site
  • CATANIS - Tab Post: Display some tabs about post.
  • CATANIS - Tag Cloud: Display tag cloud with flash effect (only support on Chrome browser).
  • CATANIS - Testimonials: Display normal or with slider testimonisls post type
  • CATANIS - AboutUs Info Display information about site and contact such as logo, email, addess, phone...
  • ...

Page Settings

OneLove theme comes with many Shortcodes, premium Visual Composer plugin and powerful Page Options which help you build unlimited number of pages with any kinds of design. Also OneLove includes several page templates to choose from such as "Blog Template", "Coming Soon Template", "Intro Template",..and you can to choose the page template that suits your needs.

Create A New Page

Follow the steps below to create a new page:

  1. Step 1:In admin Dashboard, go to Pages and click Add New button or navigate Dashboard » Pages » Add New.
  2. Step 2:Input page title and content.
  3. Step 3:On the right side you will see Page Attributes box, you can choose Parent and Template from the dropdown list.
  4. Step 4:Scroll down, find section "CATANIS PAGE SETTINGS" and change some configurations for page.

Page Options

When you create new page you have a section config for page, it call "CATANIS PAGE SETTINGS". This section contains all the different settings for each page, you can see screenshots below:

In Page Settings have 4 tabs are Layout / Header, Page Title and Footer and Extras. If you change these options it will override config in Theme Options (for some options). You can choose value default or put blank to use global setting in Theme Options.

Tab "Layout / Header"

  • Page Layout:Choose a layout Fullwidth, Left Sidebar or Right Sidebar
  • Page Sidebar:Choose a name sidebar if you choose left or right sidebar on page layout.
  • Header Style: Choose a header style you want, it will override in Theme Options, if not use Default.
  • Show Store Notice: If ON, the store notice will be always displayed on top header. Only apply for header Style V4, V5.
  • Store Notice: Input a store notice, can use simple html tag.
  • Menu Color Style:Choose a style for menu: Dark (color dark, background white) or Light (color white, background dark).
  • Main Navigation Menu:Select alternative main navigation menu, it will override value Catanis Primary Navigation that you setting in Appearance » Menu.
  • Custom Logo:You can choose a logo to custom logo for page.
  • Sticky Logo:You can choose a logo to custom sticky logo for page.
  • Show Header Cart: If ON, the cart will be always displayed on header (depend on header style).
  • Show Header Search: If ON, the search will be always displayed on header (depend on header style).
  • Show Socials: If ON, the social links will be always displayed on header (depend on header style).
  • Show Header Phone: If ON, the phone info will be always displayed on header (depend on header style).
  • Show Header Email: If ON, the email info will be always displayed on header (depend on header style).
  • Show Header Address: If ON, the address info will be always displayed on header (depend on header style).

Tab "Page Title"

  • Enable Title:If ON, page title will display in page. If OFF all options below will not apply.
  • Header Integration:If ON, page header will be overlap into page title.
  • Page Feature Type:Choose a type you want for page title, support 5 type: Image, Video, Map, Slider and Revolution Slider.
  • Feature Size:You can choose Full Screen or Custom Height. Note: If you choose Feature Type is Revolution Slider, so the height is configured from Revolution Slider Settings, do not use Feature Height.
  • Feature Height:Select a height for page title (from 20% -> 90%).
  • Feature Min Height:Input min height for page title (pixel), ex: 200, 300,..

Feature Type: Image

  • Title Style:Choose style for the page title.
  • Enable Breadcrumb:If ON, breadcrumb will display in title section.
  • Background Image:You can choose a logo to custom sticky logo for page.
  • Background Alignment:Select alignment for background image (top, center or bottom).
  • Show Overlay Div:If ON, a div with color will be overlap background image.
  • Overlay Color:Set color for overlay div, if "Show Overlay Div" is ON.
  • Use Parallax:This will cause your header to have a parallax scroll effect.
  • Page Header Title:Custom default title of page.
  • Page Header Subtitle:Enter in the page header subtitle. If you want use FadeIn effect please using characters | to separate between each subtitles. EX: page title 01|page title 02|page title 03...
  • Page Header Background Color:Choose a color for page title. If you don't choose image background, this color will display.
  • Page Header Font Color:Choose a color for these texts in page title.

Feature Type: Map

  • Pin Image (Marker):Select a pin image to be used on Google Map.
  • Map Style:Select a style for map (style 1 -> style 10).
  • Map Zoom:Input a value for map zoom (from 1 to 18)
  • Address 1:Input address for map.
  • Address 2:Input address 2 for map (optional).
  • Address 3:Input address 3 for map (optional).
  • Address 4:Input address 4 for map (optional).
  • Address 5:Input address 5 for map (optional).

Feature Type: Video

  • Video Type:Select video type, can choose Youtube or Video or Self Hosted.
  • Video Youtube URL:Input Youtube Video URL here if Youtube option is selected.
  • Video Vimeo URL:Input Vimeo Video URL here if Vimeo option is selected.
  • MP4 Video URL:Video MP4 url is required here if self hosted option is selected.
  • OGG Video URL:Input video OGG url if self hosted option is selected.
  • WEBM Video URL:Input video WEBM url if self hosted option is selected.

Feature Type: Slider

  • Images Slider:Choose some images for gallery.

Feature Type: Revolution Slider

  • Revolution Slider:Select a revolution slider you want.

Tab "Footer"

  • Disable Footer:If ON, you will be disable footer.
  • Footer Style:Choose a footer style you want, it will override in Theme Options, if not use Default.
  • Footer Logo:You can choose a logo to custom footer logo for page. Only use for footer style 3.
  • Footer Background:Upload a image for background footer (Best 1920 x 1000px).
  • Footer Top Color Scheme:Select footer top color scheme here, depend on footer style above.
  • Footer Bottom Color Scheme:Select footer bottom color scheme here, depend on footer style above.

Tab "Extras"

  • Enable Comments:If ON, the comment section will be always displayed on single page.
  • Use Audio Music:Use audio for page, ou can choose None, Audio MP3 or Audio Soundcloud. If you choose it will be display on bottom left.
  • MP3 URL:MP3 url is required here if "Audio MP3" option is selected.
  • Soundcloud URL:MP3 url is required here if "Audio Soundcloud" option is selected.
  • Autoplay: If ON, the audio will be play auto when onload.

Home page

Create Home Page

  1. Step 1:Navigate to Pages » Add New
  2. Step 2:Choose home page below you want and copy the code.
  3. Step 3:click on the Text tab and paste the content into the field.
  4. Step 4:Publish the page and you're done.

Setting Home for Front Page

  1. Step 1:Go to Administration » Settings » Reading panel.
  2. Step 2:In the drop down menu for Front Page select page you want.
  3. Step 3:Save changes.

Home 1 - Home Main

Page content:

Page settings:

  • Tab 1 - Tab Layout/Header
  • Menu Color Style: Light
  • Sticky logo: Custom logo
  • Tab 2 - Tab Page Title
  • Enable Title: ON
  • Header Integration: ON
  • Page Feature Type: Revolution Slider
  • Feature Size: Full Screen
  • Revolution Slider: Home Main.
  • Tab 3 - Tab Footer
  • Footer Logo: Custom logo

Home 2 - Home Announcement

Page content:

Page settings:

  • Tab 1 - Tab Layout/Header
  • Menu Color Style: Dark
  • Custom Logo: Custom logo
  • Sticky logo: Custom logo
  • Tab 2 - Tab Page Title
  • Enable Title: ON
  • Header Integration: OFF
  • Page Feature Type: Revolution Slider
  • Feature Size: Full Screen
  • Revolution Slider: Home Announcement.

Home 3 - Home Planning

Page content:

Page settings:

  • Tab 1 - Tab Layout/Header
  • Menu Color Style: Dark
  • Header Style: Style V1
  • Tab 2 - Tab Page Title
  • Enable Title: ON
  • Header Integration: OFF
  • Page Feature Type: Revolution Slider
  • Feature Size: Full Screen
  • Revolution Slider: Home Wedding Planning
  • Tab 3 - Tab Footer
  • Footer Style: Style V4
  • Tab 4 - Tab Extras
  • Use Audio Music: Audio Soundcloud
  • Soundcloud URL: [soundcloud url="https://api.soundcloud.com/tracks/134815445" params="color=ff5500&auto_play=false&hide_related=true&show_comments=false&show_user=false&show_reposts=false" width="100%" height="166" iframe="true" /]
  • Autoplay: ON

Home 4 - Home Shop Classic

Page content:

Page settings:

  • Tab 1 - Tab Layout/Header
  • Menu Color Style: Dark
  • Header Style: Style V5
  • Show store notice: ON
  • Custom Logo: Custom logo
  • Tab 2 - Tab Page Title
  • Enable Title: OFF
  • Header Integration: OFF
  • Tab 3 - Tab Footer
  • Footer Style: Style V4
  • Footer Top Color Scheme: Light
  • Footer Bottom Color Scheme: Light

Home 5 - Home Shop Model

Page content:

Page settings:

  • Tab 1 - Tab Layout/Header
  • Menu Color Style: Dark
  • Header Style: Style V1
  • Tab 2 - Tab Page Title
  • Enable Title: ON
  • Header Integration: OFF
  • Page Feature Type: Revolution Slider
  • Feature Size: Full Screen
  • Revolution Slider: Home Wedding Shop
  • Tab 3 - Tab Footer
  • Footer Style: Style V4

Home 6 - Home Blog Masonry

Page content:

Page settings:

  • Tab 1 - Tab Layout/Header
  • Menu Color Style: Dark
  • Header Style: Style V4
  • Custom Logo: Custom logo
  • Tab 2 - Tab Page Title
  • Enable Title: ON
  • Header Integration: OFF
  • Page Feature Type: Revolution Slider
  • Feature Size: Full Screen
  • Revolution Slider: Home BLog Masonry
  • Tab 3 - Tab Footer
  • Footer Style: Style V4

Home 7 - Home Blog Fullwidth

Page content:

Page settings:

  • Tab 1 - Tab Layout/Header
  • Menu Color Style: Dark
  • Header Style: Style V3
  • Tab 2 - Tab Page Title
  • Enable Title: OFF
  • Header Integration: OFF
  • Tab 3 - Tab Footer
  • Footer Style: Style V4
  • Footer Top Color Scheme: Light
  • Footer Bottom Color Scheme: Light

Home 8 - Home Blog Classic

Page content:

Page settings:

  • Tab 1 - Tab Layout/Header
  • Menu Color Style: Dark
  • Header Style: Style V3
  • Tab 2 - Tab Page Title
  • Enable Title: ON
  • Header Integration: OFF
  • Page Feature Type: Image
  • Feature Size: Custom Height
  • Feature Height: 50%
  • Feature Min Height: 250
  • Enable Breadcrumb: OFF
  • Background Image: Choose image
  • Show Overlay Div: ON
  • Page Header Title: Wedding Blog
  • Page Header Subtitle: A wedding blog for stylish brides and creative couples
  • Tab 3 - Tab Footer
  • Footer Style: Style V4

Home 9 - Home Photo Gallery

Page content:

Page settings:

  • Tab 1 - Tab Layout/Header
  • Menu Color Style: Dark
  • Header Style: Style V4
  • Custom Logo: Custom logo
  • Tab 2 - Tab Page Title
  • Enable Title: OFF
  • Header Integration: OFF
  • Tab 3 - Tab Footer
  • Footer Style: Default

Home 10 - Home Photo Parallax

Page content:

Page settings:

  • Tab 1 - Tab Layout/Header
  • Menu Color Style: Light
  • Header Style: Style V3
  • Sticky logo: Custom logo
  • Tab 2 - Tab Page Title
  • Enable Title: OFF
  • Header Integration: ON
  • Tab 3 - Tab Footer
  • Disable Footer: ON

Home 11 - Home Photo Carousel

Page content:

Page settings:

  • Tab 1 - Tab Layout/Header
  • Menu Color Style: Dark
  • Header Style: Style V3
  • Custom logo: Custom logo
  • Tab 2 - Tab Page Title
  • Enable Title: OFF
  • Header Integration: OFF
  • Tab 3 - Tab Footer
  • Footer Style: Style V1
  • Footer Top Color Scheme: Light
  • Footer Bottom Color Scheme: Light

Home 12 - Home Fullscreen Slider

Page content:

Page settings:

  • Tab 1 - Tab Layout/Header
  • Menu Color Style: Light
  • Header Style: Style V3
  • Custom logo: Custom logo
  • Tab 2 - Tab Page Title
  • Enable Title: OFF
  • Header Integration: ON
  • Tab 3 - Tab Footer
  • Disable Footer: ON

Home 13 - Home Invitation Fullwidth

Page content:

Page settings:

  • Tab 1 - Tab Layout/Header
  • Menu Color Style: Light
  • Header Style: Style V3
  • Custom logo: Custom logo
  • Tab 2 - Tab Page Title
  • Enable Title: OFF
  • Header Integration: ON
  • Tab 3 - Tab Footer
  • Disable Footer: ON

Home 14 - Home Invitation Boxed

Page content:

Page settings:

  • Tab 1 - Tab Layout/Header
  • Menu Color Style: Light
  • Header Style: Style V3
  • Tab 2 - Tab Page Title
  • Enable Title: OFF
  • Header Integration: ON
  • Tab 3 - Tab Footer
  • Disable Footer: ON

Home 15 - Home Announcement Parallax

Page content:

Page settings:

  • Tab 1 - Tab Layout/Header
  • Menu Color Style: Light
  • Header Style: Style V3
  • Tab 2 - Tab Page Title
  • Enable Title: OFF
  • Header Integration: ON
  • Tab 3 - Tab Footer
  • Disable Footer: ON
  • Tab 4 - Tab Extras
  • Use Audio Music: ON
  • Soundcloud URL: [soundcloud url="https://api.soundcloud.com/tracks/147494961" params="color=ff5500&auto_play=false&hide_related=true&show_comments=false&show_user=false&show_reposts=false" width="100%" height="166" iframe="true" /]
  • Autoplay: ON

Please note: It's code sample demo, please change background image ID in each Row (edit Row => Background tab).

Home 16 - Home Wedding OnePage

Page content:

Page settings:

  • Tab 1 - Tab Layout/Header
  • Menu Color Style: Light
  • Header Style: Style V3
  • Header Fullwidth: ON
  • Main Navigation Menu: OnePage Menu (Create a new onepage menu)
  • Show Header Cart: OFF
  • Show Header Search: OFF
  • Tab 2 - Tab Page Title
  • Enable Title: ON
  • Header Integration: ON
  • Page Feature Type: Revolution Slider
  • Feature Size: Full Screen
  • Revolution Slider: Home OnePage
  • Tab 3 - Tab Footer
  • Disable Footer: ON

Please note:

  • It's code sample demo, please choose and change each image ID to your image and background image ID in each Row (edit Row => Background tab).
  • Install plugin Slider Revolution Particles Effect to use to slider in this home, can find in folder theme [onelove_THEME_FOLDER]/framework/plugins

Home 17 - Home Wedding Planning

Page content:

Page settings:

  • Tab 1 - Tab Layout/Header
  • Menu Color Style: Dark
  • Header Style: Style V3
  • Header Fullwidth: ON
  • Tab 2 - Tab Page Title
  • Enable Title: ON
  • Header Integration: OFF
  • Page Feature Type: Revolution Slider
  • Feature Size: Full Screen
  • Revolution Slider: Home 20 - Wedding Planning
  • Tab 3 - Tab Footer
  • Footer Style: V4

Custom Code in Visual:

Please note:

  • It's code sample demo, please choose and change each image ID to your image and background image ID in each Row (edit Row => Background tab).

Home 18 - Home Wedding Anniversary

Page content:

Page settings:

  • Tab 1 - Tab Layout/Header
  • Header Style: Style V5
  • Header Fullwidth: ON
  • Show Header Cart: OFF
  • Show Header Search: OFF
  • Tab 2 - Tab Page Title
  • Enable Title: OFF
  • Header Integration: OFF
  • Tab 3 - Tab Footer
  • Footer Style: V2
  • Footer Top Color Scheme: Light
  • Footer Bottom Color Scheme: Light
  • Tab 4 - Tab Extras
  • Use Audio Music: Audio Soundcloud
  • Soundcloud URL: Input iframe here: < iframe width="100%" height="300" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/157194943&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true">
  • Autoplay: ON

Custom Code in Visual:

Please note:

  • It's code sample demo, you can use it (if need) after you import sample demo function on our theme

Home 19 - Home Wedding OnePage #2

Page content:

Page settings:

  • Tab 1 - Tab Layout/Header
  • Header Style: Style V3
  • Header Fullwidth: ON
  • Menu Color Style: Light Style
  • Main Navigation Menu: OnePage 02 Menu
  • Show Header Cart: OFF
  • Show Header Search: OFF
  • Tab 2 - Tab Page Title
  • Enable Title: OFF
  • Header Integration: OFF
  • Tab 3 - Tab Footer
  • Footer Style: V3
  • Footer Background: Choose a custom background image
  • Footer Top Color Scheme: Dark
  • Footer Bottom Color Scheme: Dark

Custom Code in Visual:

Please note:

  • It's code sample demo, you can use it (if need) after you import sample demo function on our theme

Coming Soon Page

  1. Step 1:You create new page you see on the right side you will see section "Page Atributes" and choose Template "Coming Soon Template".
  2. Step 2:You go to Theme Options => General Setting tab => Coming Soon Page and choose logo and style for coming soon page.

Coming Soon style 1

Coming Soon style 2

Post Settings

WordPress allows you to switch on different post formats from a set list. You don't have to use all of them, you simply have to pick which formats suit your site best. on OneLove theme supports 7 post formats, this list consists of:

  • Aside:Similar to a quick note. Use these for posts like quick updates or custom status.
  • Gallery:A post containing a gallery of images.
  • Image:A single image, rather than a gallery.
  • Video:A post that has one, or several, videos. The WordPress codex also points out that a single URL may indicate the source of a video, rather than an embedded video.
  • Audio:An audio file or playlist.
  • Link:A simple link to an external site.
  • Quote:A quoted block of text, usually with attribution to a quote's author.

Create A New Post

  1. Adding Posts

    We will explain you how to create post using Luvaniz.

  2. Gallery Posts

    We will explain you how to create Gallery Post.

  3. Video Posts

    We will explain you how to create Video Post.

  1. Audio Posts

    We will explain you how to create Audio Post.

  2. Quote Posts

    We will explain you how to create Quote Post.

  3. Link Posts

    We will explain you how to create Link Post.

Adding Posts

Follow the steps below to create a new post:

  1. Step 1:In admin Dashboard, go to Posts and click Add New button or navigate Dashboard » Posts » Add New.
  2. Step 2:Input title and content for post.
  3. Step 3:On the right side you will see Format box, Featured Image box, categories box,...and the other box.
  4. Step 4:Scroll down, find section "CATANIS POST SETTINGS" and change some configurations for post.

Create Gallery Post

  1. Step 1:Change Post Format to Gallery.

  2. Step 2:Scroll down CATANIS POST SETTINGS section and go to Post Format tab .

  3. Step 3:You click button Add Images, will open a popup Insert Media. Upload new images or select the image from library you want (use Ctrl + click on PC and command + click on Mac) to select multiple files. Then click Add Images button and popup Media will close.

  4. Step 4:Now you can drag and drop the image to change the order or click arrow x to delete item.

  5. Step 5:When you are finished, Update your Post, it should looks like this.

Create Video Post

  1. Step 1:Change Post Format to Video.

  2. Step 2:Scroll down CATANIS POST SETTINGS section and go to Post Format tab. You can a type for video is Youtube, Vimeo or Self Hosted and input link for it. At here I choose Youtube video.

  3. Step 3:Choose a image for FEATURED IMAGE if you want a poster for video.

  4. Step 4:When you are finished, Update your Post, it should looks like this.

Note: If you use post style is Masonry, video post will display with popup when you click play button.

Create Audio Post

  1. Step 1:Change Post Format to Audio.

  2. Step 2:Scroll down CATANIS POST SETTINGS section and go to Post Format tab. You can a type for audio is Audio MP3 or Audio SoundCloud and input link for it. At here I choose Mp3 video.

  3. Step 3:Choose a image for FEATURED IMAGE if you want a poster for audio.

  4. Step 4:When you are finished, Update your Post, it should looks like this.

Create Quote Post

  1. Step 1:Change Post Format to Quote.

  2. Step 2:Scroll down CATANIS POST SETTINGS section and go to Post Format tab. And add Quote Content and Quote Author for it.

  3. Step 3:When you are finished, Update your Post, it should looks like this.

Create Link Post

  1. Step 1:Change Post Format to Link.

  2. Step 2:Scroll down CATANIS POST SETTINGS section and go to Post Format tab. And add Link Text and Link URL for it.

  3. Step 3:When you are finished, Update your Post, it should looks like this.

Post Options

When you create new post you have a section config for post, it call "CATANIS POST SETTINGS". This section contains all the different settings for each post, you can see screenshots below. Also when you choose a Format (on right side) for post you will see more some options for that format in Post Format tab.

In Page Settings have 5 tabs are Layout / Header, Page Title, Footer, Single Post and Post Format. If you change these options it will override config in Theme Options (for some options). You can choose value default or put blank to use global setting in Theme Options (Theme Options » Blog Settings » Blog Single).

Tab "Layout / Header"

Same as Page Options

Tab "Page Title"

Same as Page Options

Tab "Footer"

Same as Page Options

Tab "Single Post"

  • Custom Thumbnail Image:By default the theme will generate automatically the thumbnail image for the item from the image you set as featured. However, if you prefer to manually set this thumbnail image OR use this field for Masonry style, you can set its URL in this field.
  • Show Related Post:If ON, the related post section will be always displayed on single page.
  • Show Author Biographical:If ON, the author biographical section will be always displayed on single page.
  • Enable Comments:If ON, the comment section will be always displayed on single page.

Tab "Post Format"

  • Gallery:Choose some images for gallery. If you choose post format is Gallery.
  • Quote Content:Type block quote content. If you choose post format is Qoute.
  • Quote Author:Type block quote author. If you choose post format is Qoute.
  • Link Text:Add link text here. If you choose post format is Link.
  • Link URL:Add link url here. If you choose post format is Link.
  • Audio Type:Select video type, can choose Audio MP3 or Audio Soundcloud. If you choose post format is Audio.
  • MP3 URL:MP3 url is required here if "Audio MP3" option is selected.
  • Soundcloud URL:Soundcloud shortcode is required here if "Audio Soundcloud" option is selected.
  • Video Type:Select video type, can choose Youtube or Video or Self Hosted. If you choose post format is Video.
  • Video Youtube URL:Input Youtube Video URL here if Youtube option is selected.
  • Video Vimeo URL:Input Vimeo Video URL here if Vimeo option is selected.
  • MP4 Video URL:Video MP4 url is required here if self hosted option is selected.
  • OGG Video URL:Input video OGG url if self hosted option is selected.
  • WEBM Video URL:Input video WEBM url if self hosted option is selected.

Custom Thumbnail Image

By default the theme will generate automatically the thumbnail image for the item from the image you set as featured. However, if you prefer to manually set this thumbnail image OR use this field for Masonry style.

Now Follow the steps below to setting custom thumbnail for post item:

  1. Step 1:Create a new post.
  2. Step 2:Scroll down CATANIS POST SETTINGS section and go to Single Post tab. Then choose a image for field Custom Thumbnail Image

  3. Step 3:Refresh blog page or shortcode Recent Posts to check result.

Post Page (Blog Page)

Follow the steps below to create a blog page:

  1. Step 1:In admin Dashboard, go to Pages and click Add New button.
  2. Step 2:Input page title and don't need input the content.
  3. Step 3:On the right side you will see Page Attributes box, and select Blog Template for Template.
  4. Step 4:Click Publish to save the page.

Note:

  • If you use Blog Template, you configure option in Theme Option » Blog Setting » General tab.
  • If you setting your blog in Settings » Reading for Front page, you configure options for your blog in the "CATANIS PAGE SETTINGS" section below page.
  • You can use Recent Posts shortcode to config and display posts like post template.

Post Type Settings

OneLove supports 3 post type: Portfolio, Testtimonials and Team. When you install and active plugin "Catanis Core" you will have it. Also you follow the guide each post type below, they will help you setup and use in theme.

Portfolio Settings

  1. Create New Portfolio Categories

    We will explain you how to create Portfolio Categories.

  2. Create New Portfolio Items

    We will explain you how to create Portfolio item.

  3. Portfolio Options

    Explain the Portfolio Options.

  4. Gallery Portfolio Posts

    We will explain you how to create Gallery Portfolio.

  5. Video Portfolio Posts

    We will explain you how to create Video Portfolio.

Create New Portfolio Categories

Follow the steps below to create a new portfolio category:

  1. Step 1:In admin Dashboard, go to Portfolio » Portfolio Categories
  2. Step 2:Input information for new category.
  3. Step 3:Also you choose value for 4 custom fields Category Layout,Category Sidebar,Header Integration and Page Title Background.
  4. Step 4:Click button Add New Category to save.

Create A New Portfolio

Follow the steps below to create a portfolio page:

  1. Step 1:In admin Dashboard, go to Portfolio and click Add New button.
  2. Step 2:Input portfolio title and the content.
  3. Step 3:On the right side you will see PORTFOLIO CATEGORIES box, and checked categoried you want.
  4. Step 4:Scroll down and see section CATANIS PORTFOLIO SETTINGS and input information, you see settings below (special Portfolio tab).
  5. Step 5:Click Publish button to save, you will have portfolio with default Featured Image.

Portfolio Options

Here you can set everything you need (just like in Page Options), also you can still use the awesome Page Builder for this post type.

Tab "Layout / Header"

Same as Page Options

Tab "Page Title"

Same as Page Options

Tab "Footer"

Same as Page Options

Tab "Portfolio"

  • Portfolio Thumbnail Sizing:Choose a value (Regular, Small Height, Large Height, Large Width, Large Width & Height). Please note that this will only be used if you choose to display your portfolio in the masonry format.
  • Hover Color:Choose a color hover for this portfolio.
  • Custom Thumbnail Image:By default the theme will generate automatically the thumbnail image for the item from the image you set as featured. However, if you prefer to manually set this thumbnail image OR use this field for Masonry style, you can set its URL in this field.
  • External Project URL:If you would like your project to link to a custom location, enter it here.
  • Portfolio Item Type:Select a value you want to display, include Featured Image, Video, Slider,... When you choose one you will have some options for each type. Also if you want you can choose None to don't display it.
  • Layout Style:You have 2 style, if you choose style 2 please only input simple content above.
  • Page Back Portfolio:Choose a page to back to portfolio page in navigation.
  • Show Related Portfolio:If ON, the related portfolio section will be always displayed on single page.
  • Enable Comments:If ON, the comment section will be always displayed on single page.
  • Client:Input the client name.
  • Project URL In Detail Page: Input URL to view your project.
  • Release Date:Input date publish for project.
  • Custom Content:If you have custom content, please input here, this section will be display below content.

Video Portfolio Posts

  1. Step 1:You scroll down until you see section CATANIS POST SETTINGS and go to Portfolio tab.
  2. Step 2:In field Portfolio Item Type choose Youtube/Vimeo Video you will see:

    Or choose HTML5 Video:

  3. Step 3:You input links video for it.
  4. Step 4:When you are finished, Update your Post.

This option Layout Style don't apply for portfolio type Vertical Gallery & Sticky Sidebar.

It's result for Video layout style 1:

It's result for Video layout style 2:

Gallery/Slider Portfolio Posts

  1. Step 1:You scroll down until you see section CATANIS POST SETTINGS and go to Portfolio tab.
  2. Step 2:In field Portfolio Item Type you can choose Slider, Classic Gallery, Vertical Gallery or Vertical Gallery & Sticky Sidebar. You will see field Gallery Items:

  3. Step 3:You click button Add Images, the popup Media appear, you can upload new image or select the image from library you want, use by using Ctrl + Click to choose multi select images. Then click button Add Images to finish choose images.

  4. Step 4:You can now drag and drop the image to change the order, or click arrow x to delete item.

  5. Step 5: You can setting some options such as Page Back Portfolio, Show Related Portfolio or Enable Comments

  6. Step 6:Then you input some infomation for detail, include Client name, Project URL and Release Date or input Custom Content if you want.

  7. Step 7:When you are finished, Update your Post.

This option Layout Style don't apply for portfolio type Vertical Gallery & Sticky Sidebar.

It's result for Slider:

It's result for Classic Gallery:

It's result for Vertical Gallery:

It's result for Vertical Gallery & Sticky Sidebar:

Testimonials Settings

Create A New Testimonial Categories

Follow the steps below to create a new testimonial category:

  1. Step 1:In admin Dashboard, go to Testtimonials » Testimonial Categories
  2. Step 2:Input information for new category.
  3. Step 3:Click button "Add New Category" to save.

Create A New Testimonial

Follow the steps below to create a testimonial:

  1. Step 1:In admin Dashboard, go to Tesimonials and click Add New button.
  2. Step 2:Input testimonial title.
  3. Step 3:On the right side you will see TESTIMONIAL CATEGORIES box, and and checked categoried you want.
  4. Step 4:Scroll down and see section CATANIS TESTIMONIALS SETTINGS and input information, you see setting below.
  5. Step 5:Click Publish button to save.

Testimonial Options

It is the detail to explain more about 8 options of testimonial:

  • Author Name:Input author name.
  • Testimonial:Input the content testimonial.
  • Rating Star:Choose a star number for this testimonial.
  • Author Avatar:Choose a avatar for author.
  • Occupation:Input occupation .
  • Organization:Input organization.
  • Organization URL:Input organization URL.
  • Open link in a new window:Yes or No.

Team Settings

Create A New Team

Follow the steps below to create a team:

  1. Step 1:In admin Dashboard, go to Team and click Add New button.
  2. Step 2:Input team title.
  3. Step 3:Scroll down and see section CATANIS TEAM SETTINGS and input information (14 options), you see setting below.
  4. Step 4:Click Publish button to save.

Team Options

It is the detail to explain more about 14 options of team:

  • Position:Input a position.
  • Personal URL:Input a personal URL.
  • Short Description:Short description for team (optional).
  • Email:Input a email for author (optional).
  • Facebook URL:Input facebook URL (optional) .
  • Twittter URL:Input twitter URL (optional).
  • Google Plus URL:Input google plugs URL (optional).
  • Pinterest URL:Input pinterest URL (optional).
  • Instagram URL:Input instagram URL (optional).
  • Linkedin URL:Input linkedin URL (optional).
  • Dribble URL:Input dribble URL (optional).
  • Behance URL:Input behance URL (optional).
  • Youtube URL:Input youtube URL (optional).
  • Vimeo URL:Input vimeo URL (optional).

Note: They are some social options, you only need input some socials that you want.

Plugin Settings

You see the guide about some plugins in theme:

  1. Visual Composer
  2. Revolution Slider
  3. Contact Form 7

Visual Composer

Visual Composer has very simple and intuitive interface. Visual Composer will help you manage your content at the WordPress sites and build any layout you can imagine in few minutes without coding.

Also to explore the capabilities of Visual Composer, we recommend you study the VisualComposer documentation and watch the video below:

Please note that because we bought this plugin and included it in the theme package. So you can not automatic update it by yourself. If Visual Composer plugin has new version, we will be careful to test and update in release the new theme's version. Also if you see the notification below, you can dismiss it.

How to use Visual Composer

Once you’ve activated Visual Composer on your website, in the create/edit page above the WordPress editor you will see two blue button large. One allows you to style pages using the backend editor (Backend Editor button). The other will take you to the front-end editor (Frontend Editor button). These are exactly what you need to build content within Visual Composer.

Clicking on the backend editor button will switch the default WordPress editor to Visual Composer's backend editor.

When you first load the backend editor, a welcome page will be displayed that offers shortcuts to common choices. You can add a new element, add a text block (a type of content element), or choose from one of six pre-defined layouts (i.e. load a template). You can click on the Add element button to add new element.

Then, you choose an element from Visual Composer elements list

All our shortcodes are in Catanis Elements tab. You should use our shortcodes instead of Visial shortcode default and WooCommerce shortcodes. Because they are flexible and have many options to display.

Also if you don't see the Catanis WooCommerce tab, it's mean in the theme don't support product shortcodes in woocommerce plugin.

Revolution Slider

OneLove includes the popular Revolution Slider Created By ThemePunch. This slider is 100% responsive and has many amazing options. Also the slider has a tons of features and abilities. I hope you are familiar with this powerful slider. If you are not, please read some of important usages on the slider documentation file from documentation directory or read document online to get more information about it.

Please note that because we bought this plugin and included it in the theme package. So you can not automatic update it by yourself. If Revolution Slider plugin has new version, we will be careful to test and update in release the new theme's version. Also if you see the notification below, you can dismiss it.

Contact Form 7

The first you need to download and install Contact Form 7 plugin. But you can install and active this plugin in Required plugin section in admin on our theme.

Now you check the steps below to see how to create the contact form.

Step 1: Login to your WordPress Dashboard, go to Contact » Add New

Step 2: Add a name to your form and change Mail info, change Messages and Additional setting.

  • 1. Add a name to your form.
  • 2. Edit the Form field to change the Form Layout.
  • 3. Change Mail settings.
  • 4. Change Messages settings.
  • 5. Additional settings.
  • 6. Button Save the Form.

Step 3: Save the Form and get shortcode.

Also you can use Catanis Element Contact Form 7 in Visual Composer.

You get the code below you need to copy (For Element Contact Form) :

You get the code below you need to copy (For Element Contact Form) :

You get the code below you need to copy (For RVSP) :

NOTE: It is link to the Official Contact Form 7 Documentation , you can read more for this plugin.

Woocommerce

OneLove theme is fully compatible with the latest version of WooCommerce plugin. We customized and added many features, shortcodes and widgets for this plugin. In the following sections, you will know how to install and set up WooCommerce plugin.

You can see the full WooCommerce documentation here to get more information:
http://docs.woothemes.com/documentation/plugins/woocommerce/

If you dont need Woocommerce simply dont install it and all the features, codes and anything required for woocommerce will not be loaded and interfered. Vice versa, if you need to set up woocommerce just install woocommerce like you do for other plugins and thats all about it. you dont need to do anything else.

Install WooCommerce

There are 2 ways to install WooCommerce plugin

  1. After activating our theme, you go to Appearance > Install Plugins. You install WooCommerce plugin from the required plugins list.
  2. Install WooCommerce plugin from the Plugins page

Adding WooCommerce Pages

There are 2 ways to add WooCommerce pages

  1. After activating the WooCommerce plugin, you will get a notification as the screenshot below. Simply click the Install WooCommerce Pages button to create all WooCommerce pages.
  2. Use the WooCommerce shortcodes to create new page for woocommerce. You can check here.

Upon installation, WooCommerce creates the following new pages:

  • Shop– No content required
  • Cart– Contains [woocommerce_cart] shortcode and shows the cart contents
  • Checkout– Contains [woocommerce_checkout] shortcode and shows information such as shipping and payment options
  • My Account– Contains [woocommerce_my_account] shortcode and shows each customer information related to their account, orders, etc.

Installing pages again

If you skipped the wizard or want to re-install the WooCommerce pages, go to WooCommerce > System Status > Tools and use the page installer tool.

Setting Up WooCommerce

To set up WooCommerce, you go to WooCommerce > Settings in admin panel.

Currency Options

  1. In WooCommerce Settings page, you select the General tab.
  2. Scroll down and find Currency Options section and configure your currency.

NOTE: Also if your currency don't have in list, you can add a custom currency symbol. Please refer this article.

Product Image Sizes

  1. In WooCommerce Settings page, you select the Products tab. Then you select the Display sub tab.
  2. You find Product Images section and configure your product image size.
  3. Our demo is configured as the screenshot.

Page Settings

  • To assign the Shop page, you select the Products tab and then select the Display sub tab.
  • To assign the My Account page, you select the Accounts tab.
  • To assign the Cart and Checkout pages, you select the Checkout tab.

Please note that: If you install WooCommerce pages by clicking on the WooCommerce notification, WooCommerce will automatically assign for you.

Registration Options

You also make sure that you allow your customers to register on your site. You select the Accounts tab and find the Registration Options section as the screenshot.

Adding Product

Follow the steps below to add a new product

  1. Step 1:In admin panel, you go to Products and click the Add Product button.
  2. Step 2:Select Product Category, Product Tag.
  3. Step 3:Add Featured Image and Product Gallery.
  4. Step 4:In the CATANIS PRODUCT SETTINGS section, you can override some options in Theme Options » WooCommerce Settings » Product Single.
  5. Step 5:Next is the PRODUCT DATA section. This is where the majority of the product data is input.

Additional Links:

  1. Adding and Managing Products
  2. Digital/Downloadable Product Handling

Catanis Shortcodes

OneLove theme comes with a number of shortcodes allowing you to add the info in a simple way which can be used to display your content. To use our shortcodes, you open a page or post and go to the Visual Composer editor => click Add new element button => In the popup window, select Catanis Elements tab or Catanis WooCommerce tab => select an element from list and use it.

These shortcodes OneLove theme have done:

  • Heading Title
  • Portfolio
  • Single Image
  • Brands Logo
  • Pricing Table
  • Google Maps
  • Recent Posts
  • Team Member
  • Empty Space
  • Video Player
  • Gradient Text
  • Socials Icon
  • Image Box
  • Video Player
  • Audio Player
  • Auto typing text
  • Auto FadeIn text
  • .....
  • Custom Heading
  • Instagram Feeds
  • Twitter Feeds
  • Video Background
  • Tabs
  • Tour
  • Accordion
  • IconBox
  • Catanis Slider
  • Content Slider
  • Double Slider
  • Columns Slider
  • Call To Action
  • Image Slider Fullwidth
  • Feedburner Subscribe
  • Countdown
  • Testimonials
  • .....

There are too many shortcodes used in theme, please take some times and navigate to each menu item to know more about each shortcode. Also we only present some popular shortcodes.

Translations

OneLove theme is ready to translate. It is possible to translate every single string that the theme outputs on the frontend to any language you like. Also OneLove was tested with WPML plugin and is fully compatible. If you want to have multilingual website, this is the best way to do it. Also if you want free plugin you can use Polylang plugin.

OneLove allows you to translate the theme into any language. There are 2 methods to do:

  1. Use the Poedit software and follow this document.
  2. Use the translation plugins, such as Loco Translate plugin or Codestyling Localization plugins.

Translation via .PO file

  1. Step 1:Download and install POEdit translation editor (https://poedit.net/)
  2. Step 2:Go to the theme translation folder (onelove/languages/)
  3. Step 3:Make a copy of the file "onelove.pot" and rename the file to the locale of your language. For example, Italian would be it_IT.po. See language code list here WordPress in Your Language
  4. Step 4:Open POEdit and load the file. (i.e it_IT.po)
  5. Step 5:Translate all the strings in the list and save changes. After you save, you will have two files. (i.e. it_IT.po and it_IT.mo)
  6. Step 6:Upload these files to onelove/languages/
  7. Step 7:For WordPress 4.0 and above, go to Settings » General and select Site Language
  8. For WordPress 3.9.2 and below, open your wp_config.php file in the root, and find this line: define('WPLANG', ''); Change it into your language code. For example, define('WPLANG', 'it_IT');

WPML Integration

OneLove is WPML ready! This means that you can translate pages, posts, custom post types, taxonomies, menus and more. If you want to use this plugin, you must purchase it first and then install into your wordpress installation.

If you are new to WPML, we strongly suggest you browse through the WPML documentation. Below is a list of links that we feel would be a good starting point.

  1. Download and Installation
  2. Language Setup
  3. String Translation
  4. Translating Content
  5. Translating Post Categories and Custom taxonomies
  6. Translating Menus
  7. Translating Widgets
  8. Media Translation Module
  9. Translating Page Slugs

Customer Support

If you have any questions about customization of this template witch are not covered in the documentation feel free to ask a question in the comment section or contact me directly via e-mail form on my profile page. We very much look forward to hearing from you and will do my best to help you. We guarantees to respond you within 24-72 working hours.

A product by CatanisThemes


Note: Before create an email support, please check your Purchase Code and give me this one. I need to confirm before reply to you.
Many thanks! Enjoy and don’t forget to rate my template.

Change log

Version 1.0 – 23 June, 2017

- OneLove Released

Thank You!!

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you do happen to spot something or simply have a question regarding the template then please leave your question in the "Item Discussion" section. Or if you prefer, you can always send me an e-mail via my profile page.

Kind Regards,

Catanis Team