DESCRIPTION
Slova is a responsive theme for freelancers, agencies and corporations that want to grow their businesses. Slova is a stunning WordPress business themes are custom-built to provide all the features that you need in promoting and running your business online. With clean fonts and delicacy design that is also appropriate for portfolio and blog sites. Slova comprises well-organized components that make it easy to modify and customize. Slova with amazing features that can help you create a website that stands out!
Slova is very friendly to customize and build, that’s why you don’t need any hard coding or designing skills. The theme offers three different home page options to choose from along with some beautiful transition effects. Slova’s sticky header bar allows for quick navigation between pages, no matter how far down you’ve scrolled, which is an appreciated boost to the user experience. You can save a lot of money by creating website by yourself. The installation process has been simplified, thanks to the implementation of the one click demo installer. If you are having trouble with the installation process, be sure to consult the free video tutorials. They can explain everything in detail, helping you to master your site. For those who prefer reading, the extensive documentation also comes with snapshots and step-by-step instructions so you can get your site set up and running quickly and customized to your exact style. We offer professional support so don’t hesitate to contact us when you get stacked while building your website.
There are also a bunch of premium plugins included at no additional cost, including the Revolution Slider and Visual Composer. The Visual Composer is a very responsive drag and drop functionality that lets you arrange and manage the placement of each element within your theme, while the Revolution Slider assists you in adding fantastic slides with wonderful animations in your website. It helps you easily customize your website and create a design for your website that suits your brand without touching a single line of code.
You get an advanced Theme Options Panel where you can effortlessly update settings such as logos, colors and the layout without needing to touch any code. Alongside this you have access to unlimited colors and custom theme widgets, allowing to you achieve the exact look your business requires without having to spend an extra cent.
Installing Slova Theme
Note: Before beginning the installation and configuring of your new theme, you must first have WordPress already installed on a server.
This is a tutorial video of how to install Slova WordPress Theme:
You can install this WordPress theme using two installation methods:
METHOD 1
Using Slova.zip found in ZIP file you downloaded from Themeforest you should perform the following steps:
METHOD 2
Note: If you are using FileZilla, make sure to fix it as described below before you copy the files:
http://stackoverflow.com/questions/554960/how-can-i-stop-filezilla-changing-my-linebreaks
Using Slova directory found inside of Slova.zip file located inside ZIP file you downloaded from Themeforest you should perform the following steps:
This video tutorial is similar to Slova Theme. It will show you how to install new Slova Theme.
Import Demo Partial Data
Install plugin:
Import Sample Files
Import One Click
This video tutorial is similarity to Slova Theme. It will show you how to Activate Plugins and Import Data Slova Theme with just one click.
If you would like to learn the best practice of using Slova theme, you can import content from our demo web site. Importing theme is performed using XML file located in theme ZIP file downloaded from Themeforest and following these steps:
How To Install Plugins
Here is a tutorial video of how to Install plugin:
How To Import Widgets
How To Import Revolution Slider
Please repeat the same way in importing for the rest file.zip.
How To Import Options
How To Choose HomePage & Assign Main Menu
Choose HomePage:
You can see this tutorial video to get how to choose Homepage & config Permalink :
You can see this tutorial video to get how to config Mega Menu:
How To Upgrade Slova Theme
Note:If you are using FileZilla, make sure to fix it as described below before you copy the files:
http://stackoverflow.com/questions/554960/how-can-i-stop-filezilla-changing-my-linebreaks
You can upgrade our theme by performing following steps:
Feel free to ask us any questions about using features Slova theme offers.
Increasing the upload_max_filesize in WordPress via php.ini
The default upload file size for WordPress is 2 MB, which is a problem if you want to upload a large media files. If you get this error, "The uploaded file exceeds the upload_max_filesize directive in php.ini", follow these steps:
Increasing the upload_max_filesize in WordPress via.htaccess
If you get this error, "The uploaded file exceeds the upload_max_filesize directive in php.ini", follow these steps:
How to set upload upload_max_filesize in .htaccess:
http://stackoverflow.com/questions/2992376/how-to-set-upload-max-filesize-in-htaccess
One Click Install Demo Data
This video tutorial is similarity to Slova Theme. It will show you how to Activate Plugins and Import Data Slova Theme with just one click.
If you would like to learn the best practice of using Slova theme, you can import content from our demo web site. Importing theme is performed using XML file located in theme ZIP file downloaded from Themeforest and following these steps.
How To Install Slova Theme
A WordPress child theme functions as a “skin” of a framework also called the parent theme. The child theme inherits the functionality of the parent theme, and allows the developer to pick and choose between tons of functionality that the parent theme has to offer. Now, we want to show you how you can install a WordPress Child Theme.
This is a tutorial video of how to install Slova Child Theme:
The options panel is home to all of the theme's extensive configuration options. To view the panel, navigate to 'Theme Options' in the left-hand menu. Here you have the ability to alter many core aspects that make up how your theme looks and behaves. Any of the options that have some ambiguities to them conveniently have descriptions to explain their purpose.
Editing & Creating Content
Changing Your Favicon:
Note: You can create a favicon using Photoshop. Create a 16x16 pixels image and save it as favicon.png or favicon.gif.
This video tutorial is similarity to Slova Theme. It will show you how to change the logo on your new Slova installation.
Changing Your Logo:
Note: You should use a .png image
- A favicon (short for "favorites icon") is an icon associated with a website or webpage intended to be used when you bookmark the web page. Web browsers use them in the URL bar, on tabs, and elsewhere to help identify a website visually.
- To change Favicon Image, click Remove and Upload your image you wish.
- Click Save Changes
- Logo is a symbol or other design adopted by an organization to identify its products, uniform, vehicles, etc.
- To change Logo Image, click Remove and Upload your image you wish.
- Click Save Changes
Changing Your Header:
- Select manage location of menu in this header.
- Click Save Changes
- Choose whether or not you would like to enable a fixed header when scrolling.
- Click Save Changes
Styling Options:
- You can choose Primary Color (These are colors that cannot be created through the mixing of other colors. They are colors in their own right.) and Secondary Colors (Primary colors can be mixed together to produce Secondary Colors) for several items, ex: link hovers, highlights, and more.
Typography:
The Typography option allows you to change the font aspects of your site, such as font size, family, and weight.
- Set value of Font Family, Font Subsets, etc.
- Click Save Changes
- Set value of Font Family, Font Subsets, etc.
- Click Save Changes
Title Bar:
- Set background with color, image, etc for title bar.
- Click Save Changes
- Enter margin for title bar.
Click Save Changes
- Enter padding for title bar.
- Click Save Changes
Post Settings:
- Set background with color, image, etc for title bar.
- Click Save Changes
- Choose whether or not you would like to show title of post on your Page title bar.
- Click Save Changes
- Choose whether or not you would like to show page breadcrumb of post on your Page title bar.
- Click Save Changes
- Select layout of Blog Post.
- Click Save Changes
- Enter class bootstrap and extra class. Ex: col-xs-12 col-sm-6 col-md-3 col-lg-3 el-class.
- Click Save Changes
- Enter the value of the width of image on your Single Post.
- Click Save Changes
- Select sidebar right in blog.
Click Save Changes
- Choose whether or not you want to show Feature Image.
- Click Save Changes
- Choose whether or not you want to show title of post in blog.
Click Save Changes
- Choose whether or not you want to show meta of post in blog.
Click Save Changes
- Insert the number of words you want to show in the post excerpts.
- Click Save Changes
- Insert the character of words you want to show in the post excerpts.
- Click Save Changes
- Select layout of Single Post.
- Click Save Changes
-Enter class bootstrap and extra class for your Single Post. Ex: col-xs-12 col-sm-6 col-md-3 col-lg-3 el-class.
- Click Save Changes
- Select sidebar right in blog.
- Click Save Changes
- Enter class bootstrap and extra class. Ex: col-xs-12 col-sm-6 col-md-3 col-lg-3 el-class.
Click Save Changes
- Choose whether or not you want to show Feature Image.
- Click Save Changes
- Choose whether or not you want to show Title.
Click Save Changes
- Choose whether or not you want to show Meta.
Click Save Changes
- Choose whether or not you would like to show description of post.
- Click Save Changes
- Choose whether or not you want to show Post Navigation.
Click Save Changes
- Choose whether or not you want to show Post Tags.
Click Save Changes
- Choose whether or not you want to show Post Author.
Click Save Changes
- Choose whether or not you want to show Post Comment.
Click Save Changes
- Choose whether or not you want to show Post Navigation.
Click Save Changes
- Choose whether or not you want to show Post Tags.
Click Save Changes
- Choose whether or not you want to show Post Author.
Click Save Changes
- Choose whether or not you want to show Post Comment.
Click Save Changes
Page Settings:
- Choose whether or not you would like to show page title.
- Click Save Changes
- Choose whether or not you would like to show page breadcrumb.
- Click Save Changes
- Choose whether or not you would like to show page comments.
- Click Save Changes
Custom CSS:
Import/ Export:
Slova Theme comes with following custom widgets:
Sidebar - here you can add anything to the left side of page.
Left Sidebar , Right Sidebar, Header Top Widget 1, Header Top Widget 2, Header 2 Top Widget 1,Header 2 Top Widget 2 - here you can add content to footer columns (1-4)
Flexibility customized font
By default, the template loads this font from Standard Font, you can change the font with the one that suits you best.
Pages/Posts are built using shortcodes accessed by clicking medicare menu in the top right of the Add new Element . All shortcodes are in menu listed alphabetically.Head Section.
Create a responsive (mobile friendly) or full width slider with must-see-effects and meanwhile keep or build your SEO optimization (all content always readable for search engines). See the heaps of custom transitions/animations for each object on the page!
Customize this slider with our convenient drag & drop back-end to your every needs. This plugin features tons of unique transition effects, an image pre-loader, video embedding, auto-play that stops on user interaction and lots of easy to set options to create your own effects.
For premium support with this plugin please visit: Revolution Slider on Code Canyon.
Create a new slider:
* The slider's Title can be anything, but the Alias should not have any special characters or spaces (but dashes and underscores are ok).
* Before saving, you can select several of the slider's settings from this page. But choosing these settings are not required to officially create a new slider, as they can be adjusted afterward.
Slider Setting Options+ Amount of Loops: Stop the slider after all slides have looped a set amount of times.
+ At Slide: Stop the slider at a specific slide.
+ Out of Viewport: Wait - Only start the slider when its scrolled into view (useful for sliders further down the page). Pause - Pause the slider when its scrolled out of view.
+ Area out of Viewport: A percentage of the slider that needs to be inside/outside the viewport before slider starts or pauses.
Enable Arrows / Arrow Style: Choose to enable/disable navigation arrows, and if enabled, choose between 15 different pre-built styles.
Combining these two options is particularly useful for switching between two different navigation types depending on the screen size:
Tabs -> Hide Below Width -> 850px
Bullets -> Hide Over Width -> 850px
RESULT:
Tabs will be shown above 850px screen size (desktop)
Bullets will be shown below 850px screen size (mobile)
+Horizontal Align: Align navigation to the left, right or center of the slider.
+Horizontal Offset:Apply a left/right margin to the navigation in relation to its horizontal alignment (positive and negative numbers supported).
+Vertical Align: Align navigation to the top, bottom or middle of the slider.
+Vertical Offset: Apply a top/bottom margin to the navigation in relation to its vertical alignment (positive and negative numbers supported).
Enable Bullets / Bullet Style: Choose to enable/disable navigation arrows, and if enabled, choose between 15 different pre-built styles.
+Wrapper Padding: Space between edge of slider and edge of thumbs/tabs container.
+Span Wrapper: "ON": thumbs/tabs will always be stretched across the full size of the slider. "OFF": thumbs/tabs will be stretched to the slider’s Layers Grid.
+Wrapper Color / Opacity: Adjust the color and opacity of the tab/thumbs section. Will only be visible if either “Space” or “Wrapper Padding” exists.
+Style: Choose between 7 different pre-built styles.
+Visible Amount: The amount of thumbs or tabs that will be visibly shown. For example, if you have 7 slides, but only want 3 thumbnails to be displayed, technically the thumb strip will still contain 7 items, but only 3 thumbs will be visible at any given time, and the additional thumbs will only be shown on mouse-movement.
+Space / Direction: Set the spacing between the tabs/thumbs in pixels, and choose if the they should be displayed horizontally (side by side) or vertically (placed on top of one another) .
Touch Enabled: Choose to enable/disable touch navigation for mobile. If enabled, swiping the slider left or right with your finger will change slides back and forth.
+Threshold: The swipe action sensitivity. A smaller number would mean that only a short “swipe” is needed for the slide to change. A larger number would mean that a more elaborate “swipe” would need to take place for the slide to change.
+Min. Finger: The number of fingers needed for a “swipe” action to be registered. “1” finger is usually best, as that’s what most users are used to, but depending on your site you can require that users use two fingers to “swipe”, etc.
+Horizontal: Traditional left-to-right touch-swipe navigation.
+Vertical: Useful for when your slide animations are set to “Slide Vertical (Next/Previous)”. In this case, swiping up or down would change the slides.
+Vertical: Up and down keys will act as “next / previous” controls for the slider.
+Horizontal: Left and right keys will act as “next / previous” controls for the slider.
Any slider can be displayed as a super-flexible carousel. To see an example, just choose “Carousel” for your slider’s Slider Type.Once the “Slider Type” is set to “Carousel”, the “Carousel Settings” will appear beneath the “Navigation” section.
+ OFF: Carousel will have a “beginning” and an “end”. Meaning when the end is reached, the slider will not automatically loop, and the only way to view previous slides would be to navigate backwards.
+ ON: The carousel will loop infinitely. Meaning when the last slide is reached, the next slide shown be be a copy of the very first slide, and so on, allowing you to click forward endlessly.
When a “varying” option is enabled, it means that the calculation will be based on the position of the item in relation to the currently selected item.
For example, let’s say you have a carousel with 5 visible items, and a “Varying Scale” of “50%”. When you cycle through the carousel items, the 5th item on the right will be scaled to 50%. Then when the 5th item becomes the 4th visible item, it will be scaled to 75%. And then when it finally reaches the center of the carousel, it will be scaled to 100%.
But when no varying option is used, with the same carousel (5 visible items), the 5th item will have a 50% scale. And then when it becomes the 4th visible item, it will still have a 50% scale. And then when it finally reaches the center of the carousel, only then will it scale from 50% to 100%.
Varying Fade:
+ OFF: Fading will only occur for immediate neighboring items.
+ ON: Fading will occur throughout the visible cycle of the item.
Varying Rotation:
+ OFF: Rotation will only occur for immediate neighboring items.
+ ON: Rotation will occur throughout the visible cycle of the item.
Varying Scale:
+ OFF: Scaling will only occur for immediate neighboring items.
+ ON: Scaling will occur throughout the visible cycle of the item.
Max Scaledown: The percentage to scale previous and next items down. For example, 50% would means that previous and next slides would be resized to half the size of the selected carousel item.
Choose a vertical and horizontal alignment for the carousel’s main item. For example, if the alignment is set to “right center”, when the the main selected item comes into focus, it will be aligned to the very right of the slider’s layout.
Parallax can be used to apply movement to slide content based on mouse or scrolling.
+Event:: Choose “Mouse Move”, “Scroll Position” (page scrolling) or “Move & Scroll” (first two combined).
+Parallax Origin: “Mouse Enter Point” – Parallax is based on where the mouse first entered the slider.
“Slider Center” – Parallax is always based on the very center point of the slider (usually the best option).
+Animation Speed: The transition duration for the content’s movement. Use a lower number such as “750” for fast movement, and a higher number such as “2000” for smoother motion.
In this section you can choose from multiple Lazy Loading options to help speed up the slider’s initial loading, and also evaluate your slider’s overall file-size footprint, which is helpful for making sure all of your images are reasonably sized for web.
+ All: Load all images in the slider after the page initially loads, ensuring no delays between slide content when switching between slides. Best for sliders with advanced navigation such as thumbnails, bullets and tabs.
+ Smart: Load images from the very first slide after the page initially loads, and also preload images from neighboring slides. For example, when the slider first loads, the 2nd slide will be preloaded in anticipation of the slider changing. And then once the 2nd slide is viewed, the 3rd slide would then be preloaded, and so on.A great option for sliders that only contain basic navigation, where progression is always “next” or “previous”.
+ Single: Always load slide content “on demand”. Meaning only the first slide will be initially loaded, and subsequent slides will only be loaded when it’s their turn to be shown in the slider.
+ No Lazy Loading: All content will be loaded when the page first loads. Often ok for sliders with minimal content. Not recommended for sliders with lots of slides and/or content.
+ Show Full Statistics: View a detailed listing of Image Performance, Google Fonts, etc.
+ Show All Issues: View items that could be slowing down your slider.In the example screenshot to the right, the background image being used for the first slide is 1.7mb, which is much larger than it should be for web.Reducing the file size for this image in Photoshop (using the Save for Web option) to a more reasonable size such as 300kb or lower will dramatically improve the slider’s performance.
For compatibility with older mobile devices and legacy IE, you can choose to simplify the slider’s functionality or replace it with an alternative image.
Use the troubleshooting options to solve common conflicts with other plugins and themes.
” tags injected throughout the slider’s markup).
The “Output Filters Protection” option will attempt to combat this conflict. “By Echo Output” will often place the slider above all other content on the page, which is fine for sliders that are originally placed above the other page’s content to begin with, but when the slider is meant to be shown below other page content, “By Compressing Output” is best.
Chances are your theme is already loading Google Fonts that you can use for your slider’s text, but you can also load whatever new Google Fonts you want for your sliders.
To get started, click the Add New Font button.
Overwrite current slider settings and slides with those from the imported slider zip.
Overwrite: Overwrite previous styles and animations with those from the imported slider.
Append: Preserve previous styles and custom animations (usually the best option).
Export the current slider, creates a “zip” file that can be saved to your computer for later usage (i.e. “imported” to a different website).
Image URL’s in your sliders are stored as absolute urls, so if you’re moving your site from one domain to another (such as localhost to a live site), this tool can be used to update urls for the slider’s images with the new site’s domain name.
Extend the slider’s functionality with API methods and events.
Extend the slider’s functionality with API methods and events. All of the available methods and events are listed in this section of the slider’s settings, and can be copied and pasted directly from this section into the slider’s Custom JavaScript section.
Each slider will have its own unique API variable which is based on the slider’s ID. In the screenshot to the right, the API variable is “revapi5”, but this will vary depending on your particular slider.
Create a new slide:
Add Blank Slide: Create a new slide with default settings.
Add Bulk Slides: Create multiple slides at once, based on a selection of media gallery images of your choice. And a new slide will be created for each image you’ve chosen, with the selected image set as the slide’s main background image.
ADD SLIDER TO MY PAGE
I’ve created a slider, but how do I add it to my page?
From the WordPress menu, select Pages and then Edit for the page you want to add the slider to. Then follow the steps are shown in the screenshot below:
Your theme will have to support widgets in order for this to work. Often widgets are reserved for “Sidebar” content, but your theme may also use widgets for predefined areas of a page, such as “Homepage Slider”. To use the widget method, from the WordPress main menu, hover your mouse over the “Appearance” menu item and then select “Widgets”. In your list of “Available Widgets”, you’ll see one of the options is “Revolution Slider” as shown in the screenshots below:
Visual Composer is the most popular drag and drop editor for Wordpress.
If you need dedicated support for this component, please visit: Visual Composer on Code Canyon
WooCommerce is the most popular WordPress eCommerce plugin. And it's available for free. Packed full of features, perfectly integrated into your self-hosted WordPress website.
WooCommerceTransform your WordPress website into a thorough-bred eCommerce store. Delivering enterprise-level quality and features whilst backed by a name you can trust. Say "hello" to the WooCommerce eCommerce plugin.
WooCommerce is a free eCommerce plugin that allows you to sell anything, beautifully. Built to integrate seamlessly with WordPress, WooCommerce is the world’s favorite eCommerce solution that gives both store owners and developers complete control.
With endless flexibility and access to hundreds of free and premium WordPress extensions, WooCommerce now powers 30% of all online stores -- more than any other platform.
Sell anything, anywhere
Ship wherever you like
Extensive payment options
You control it all -- forever
Define your style with Storefront
Built with developers in mind
Extensions galore
Join our growing community
If you need dedicated support for this component, please visit: Documentation
WooCommerce Pages:
Upon installation, WooCommerce creates the following new pages:
Install All The Missing WooCommerce Pages:
If I remove one or more pages of WooCommerce for some reasons, but now I want to restore them, what I need to do is:
It is so easy, isn't it?
Add New Product:
The inventory tab allows you to manage stock for the product individually and define whether to allow back orders. If stock management is disabled from the settings page, only the ‘stock status’ option will be visible.
Using up-sells and cross-sells you can cross promote your products with one another. They can be added by searching for a particular product and selecting the product from the dropdown list:
On the attributes tab, you can assign attributes to a product. You will see a select box containing global attribute sets you created (e.g., platform).
Once you have chosen an attribute from the select box, click add and you can apply the terms attached to that attribute (e.g., Nintendo DS) to the product. You can hide the attribute on the frontend by leaving the Visible checkbox unticked.
Custom attributes can also be applied by choosing ‘Custom product attribute’ from the select box. These are added at the product level and won’t be available in the layered navigation.
On the right hand side of the Add New Product panel, there are Product Categories in which you can place your product, similar to a standard WordPress post. You can also assign product tags in the same manner.
Configuring WooCommerce Settings:
On this page we’re going to walk through all the settings available to you in WooCommerce. You’ll find information about General WooCommerce settings as well as Product, Tax, Checkout, Shipping, Accounts, Email, and Webhooks settings.
To configuring your shop go to WooCommerce > Settings. Then walk through the documentation below in each section to get information on every setting.
This defines your shops base country and state (i.e. where you are based as a seller). It determines default tax rates and customer locations.
Here is where we have some simple and basic settings for every store.
This defines your shops base country and state (i.e. where you are based as a seller). It determines default tax rates and customer locations.
Selling Location(s)Select if you would like to sell to all countries or to specific countries. You can choose multiple specific countries or states.
Default Customer AddressWhen a guest initially visits your store we don’t know their location when calculating taxes and shipping; this setting lets you choose the location we assume they are in, before they enter it.
Enable site-wide store notice text by selecting the checkbox then editing your message below. This message will show up across the top of your site and can be stylized with CSS to fit your theme. For example, adding the following to your custom CSS will make the background of the Store Notice white:
p.demo_store {background: white;}
API Chose to enable the REST API. This API is aimed at developers to use. You can enable it to access your store data from outside of WordPress, for example from our iOS app or other external apps.
The following options affect how prices are displayed on the front-end.
CurrencyChoose the default currency of the store. Only one default currency may be selected.
Currency PositionChose the default currency position for your prices: Left, Right, Left/Right with space.
Thousand SeparatorChose the symbol to use for the thousand separator: ex. 1,000.
Decimal SeparatorChose the symbol to use for the decimal separator: ex. 100.00.
Number of DecimalsChose how many numbers to display to the right of the decimal when displaying prices. ex. 2 = 100.00.
Here you will find the settings for your products and how they are displayed, including product image sizes, inventory, and downloadable product settings.
In the general sub navigation section we have our Measurements and Reviews options. Select the weight and dimensions units for your products, as well as enable or disable ratings on your product reviews.
Product RatingsOptions include:
Select what page you would like to be the default shop page.
Shop Page DisplaySelect to show products, subcategories or both.
Default Category DisplaySelect to show products, subcategories or both.
Select the default product sorting, options include:
To edit your shop’s inventory options go to: WooCommerce > Settings > Product > Inventory.
Here you can chose whether you want to enable stock management or not. If selected you have the following options available:
+ Always show stock – eg. “12 in stock”.
+Only show stock when low – eg. “Only 2 left in stock” vs. “In stock”.
+Never show stock amount.
This option controls how your store will serve downloadable files to purchasers. Options include:
Most stores will want to use one of the top 2 methods as these keep your files safe from outside access. Redirect should only be used if you encounter problems or don’t mind downloads being insecure.
Access RestrictionOptions include:
Taxes are complex enough to warrant their own separate section explaining how to set them up and how they work.
The tax tab displays several options that you can configure to suit your needs – settings you choose will be based on the tax jurisdiction under which your store is located.
Enable taxesDefine whether to enable taxes and tax calculations. If taxes are disabled, ignore the rest of the options on the page as they will have no effect.
Prices Entered With TaxThis option is perhaps the most important option when managing taxes in your store, as it determines how you input product prices later on.
“Yes, I will enter prices inclusive of tax” means that all catalog prices are input using your store’s base tax rate.
For example, in the UK you would input prices inclusive of the 20% tax rate e.g. You enter a product price of £9.99 that includes £1.67 tax. A customer in the UK would pay £9.99 as defined, and a customer in the US would only pay £8.32.
“No, I will enter prices exclusive of tax” would mean that your catalog prices need to be tax exclusive.
Using the example from above, a UK shop would enter 8.32 at the product price. A tax of 20% would be applied on top of this during checkout making the amount payable £9.99.
The tax calculation for tax-inclusive prices is:
tax_amount = price - ( price / ( ( tax_rate_% / 100 ) + 1 ) )
The tax calculation for tax-exclusive prices is:
tax_amount = price * ( tax_rate_% / 100 )
Calculate Tax Based On… Choose between:
In most setups, shipping tax class is inherited from the item being shipped, i.e., shipping a reduced rate item like baby clothes would also use a reduced rate.
If this is not the case in your jurisdiction, choose a different tax class.
Round tax at subtotal level, instead of per lineIf rounding is done last in your tax jurisdiction (when the subtotal is calculated), enable this option.
Additional Tax ClassesTax Classes are assigned to your products. In most cases, you want to use the default “standard” class. If you sell goods that require a different tax class (i.e., Tax, except zero-rated products) you can add the classes here. To get started, we include Standard, Reduced Rate and Zero Rate tax classes.
Each class is listed at the top of the tax settings page – click a class to view tax rates assigned to the class.
Display prices during cart/checkoutThis option determines how prices are displayed in your cart and checkout pages – it works independently of your catalog prices. Choose from inclusive/exclusive tax display.
*Note that the address field needs to be filled in to get tax calculations if you have a tax table that distinguishes between locations.
Setting up Tax RatesTax classes are displayed at the top of the tax screen – click one to view tax rates for the class.
You will see the tax rates table. Here you can define tax rates (1 per row). Click Insert Row to get started.
Each tax rate has these attributes:
Under the Checkout Options sub navigation section there are options for the general checkout process of your store.
Select to enable the use of coupons – Coupons can be applied from the cart and checkout pages.
CheckoutOptions include:
These pages need to be set so that WooCommerce knows where to send users to checkout: Cart Page, Checkout Page, Terms and Conditions
Endpoints are appended to your page URLs to handle specific actions during the checkout process. They should be unique.
Installed gateways are listed here. You can drag and drop the gateways to control the order they display in on the front end.
Display shipping methods with “radio” buttons or in a dropdown.
Shipping DestinationShip to billing address by default or only ship to the users billing address.
Restrict shipping to Location(s)Ship to all countries you sell to to specify certain countries you will not ship to.
Here you can choose which shipping option is default or enabled and you can drag and drop to reorder these in whatever order you prefer.
These pages need to be set so that WooCommerce knows where to send users to access account related functionality.
My Account PageSelect the page from the dropdown that you want to use for the My Account page.
Endpoints are appended to your page URLs to handle specific actions on the accounts pages. They should be unique. Options include:
Options include:
Here you can find the email settings and templates to edit.
Set the ‘From’ name and email for the sender used in WooCommerce emails.
This section lets you customize the WooCommerce emails. For more advanced control copy the woocommerce/templates/emails/ folder to yourchildtheme/woocommerce/emails/.
It is best if you keep this customization in a child theme so your changes are not overwritten when you update your theme.
Header ImageEnter a URL to an image you want to show in the email’s header. You can upload your image using the media uploader.
Email Footer TextThe text to appear in the footer of WooCommerce emails.
Just beneath the Email tab you will see options for the following email templates:
New order | Processing order | Completed order | Customer invoice | Customer note |Reset password | New accountEach email template will have the following options that you can edit:
Enable/DisableEnable this email notification.
Recipient(s)Enter recipients (comma separated) for this email. Defaults to [email protected].
SubjectThis controls the email subject line. Leave blank to use the default subject:
[{site_title}] New customer order ({order_number}) - {order_date}
Email Heading This controls the main heading contained within the email notification. Leave blank to use the default heading.
Email typeChoose which format of email to send. Options include:
To override and edit this email template copy woocommerce/templates/emails/admin-new-order.php to your theme folder: yourchildtheme/woocommerce/emails/admin-new-order.php. You also have the option to copy the template file or view on this setting screen.
WooCommerce Shortcodes:
WooCommerce comes with several shortcodes that can be used to insert content inside posts and pages. The following shortcodes are inserted into pages upon installation and should not need to be used anywhere else.
[woocommerce_cart]
– shows the cart page[woocommerce_checkout]
– shows the checkout page[woocommerce_order_tracking]
– shows the order tracking form[woocommerce_my_account]
– shows the user account pageWooCommerce Widgets:
There are several great widgets bundled into WooCommerce which allow you to display all sorts of information in your theme’s widgetized areas. These could be normal sidebars, footers, header areas, homepage, etc…
Here are the included widgets:
There are a few widgets we’d like to highlight below.
In WooCommerce 2.1, we merged what was three separate widgets into one. With this new WooCommerce Products widget you can set three different initial options. You can show All Products, your Featured Products, or only On-Sale Products. In addition you can set a title for the widget, the number of products to show, and order them in different ways.
Here are a few example setups, you can set this widget to show your most recent products if you show All Products, Order by Date, and Order DESC. You could also show 10 random featured products if you put Number of products to show at 10, then show Featured Products, and then Order by Random. There are plenty of combination options with this one widget.
The price filter widget allows customers to refine products by price by dragging the sliders within the widget to create a price range based on the products displayed on the page.
To use the widget simply drag it to your widgetised region as you would any other widget. It will automatically detect the minimum and maximum prices on the current page to populate the slider.
Layered Navigation is a powerful widget which empowers your users to drill down through your catalog of products via attributes, effectively helping them find what they’re looking for quicker.
Add the widget to your widgetised region as you would any other. Then choose an attribute to filter by and choose whether you want users to be able to filter by “AND” or “OR” query types.
YITH WooCommerce Wishlist allows users to customise their wishlists as they prefer. First of all, they have the possibility to decide if making their own wishlist either public, shared only with whom they want, or to make it private and visible to themselves only. Moreover, the possibility to create more than one wishlists might help them in a situation such as having a wishlist shared with all members of their family but having at the same time the need for a private one where storing presents for them. Customisation is in your hands.
Then imagine users had the possibility to search among public wishlists: well, you do not have to imagine, you can do it! YITH Wishlist has an option that allows you to search within any public wishlist by simply knowing the name of its owner or the email associated to it.
YITH WooCommerce Wishlist is a useful tool put at users’ disposal, one could only benefit from the possibilities it offers. And you will be able to experience it yourself, just give a look to the demo version available here. You will be able to discover all free and premium features of it.
One of the features among the most important for me, especially if you are a shop owner, is the possibility to learn about preferences for the products you sell. It is easy to learn about it, because YITH Wishlist allows you to count the occurrences of your products in customers’ wishlists. So, for instance, this option could also allow you to discover that the product you held to be just one among many in your shop has become so trendy that it is on top of your customers’ wishes. And then, you are free to fulfil their wants by making special offers or simply manage your business the way you prefer to make your customers happy.
On the other side, if customers wanted to ask you for a cost estimate of the products in their wishlist, I hope you are not thinking it would be a difficult task, because it is very easy with YITH WooCommerce Wishlist. Just with a click of the mouse they can ask a cost estimate that allows them to get an idea of what is in the cart and that allows you to manage better special offers for faithful customers.
So, I personally find YITH Wishlist one of the most useful tools for anyone who has an online shop, because it allows you to offer your customers great possibilities in terms of freedom to choose products and let them have a place where to find them, even after some time has passed. Customers’ loyalty will be drastically enhanced this way and you will be able to see it on your own! So… why waiting more? Go and try YITH WooCommerce Wishlist. It just takes you some minutes and nothing more!!!
Seclect Option before oder a product:
Even if the plugin has been already installed and it is active, users can access wishlist options only if you click on "enable YITH Wishlist".
This option allows you to edit the title in the wishlist page of your theme.
This is the page you want to use as wishlist. The page you select here will be the one that users will access when, after adding the product in their wishlist, they click on "Browse wishlist". The page you choose has to contain the shortcode [yith_wcwl_wishlist] in order to be able to display the wishlist correctly.
Choose the position in which you want to add the option Wishlist within the product page of your theme:
It redirects to cart page if "Add to cart" button is clicked in the wishlist page.
It removes the product from the wishlist if it is added to the cart.
It customizes the text for "Add to wishlist" button or link.
It customizes the text for "Add to cart" button in the wishlist page.
It shows the price of the single product in the wishlist page.
It shows "Add to cart" button for each product in the wishlist page.
Within the wishlist page, users are informed about the product not being available in stock for the moment.
By means of these options you can choose which social networking websites are available to users, in the wishlist page, for sharing of their own wishlist.
You can set the title of the post you want to share on social networking websites.
You can set the text of the post you want to share on social networking websites.
You can set the URL of the image for the post you want to share on social networking websites.
The Enable slider in wishlist option can be activated only if the YITH Woocommerce Frequently Bought Together plugin is already installed and activated in your installation.
This feature lets you add a slider in the Wishlist page, where all the products assigned to at least one of the products of the Wishlist will be displayed (thanks to the YITH WooCommerce Frequently Bought Together plugin).
Use buttons instead of simple anchors.
Use this area if you want to change CSS style of the plugin without altering the cascading stylesheets of your theme.
If you enable "Use theme style", the plugin uses your theme style for its own layout.
Grid Products allows you to display products (or other data) in a grid format or list format within your WordPress website.
You can create product categories and individual products with descriptions and product images in one central location to be output on multiple pages in various formats (grid, list, details, etc). You can also manage unique excerpts/descriptions for each product.
There are five types of Product Grid in this theme, they are shown by images below:
Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on.
Contact
A contact page is one of the “must-have” pages of any personal or business website. Contact Form7 WordPress plugin makes it easy to create custom forms.Contact Form 7 is a free contact form plugin for WordPress with over 19 million downloads. This clearly tells us about it’s popularity and ease of use.
Create A New Contact Form Using Contact Form 7
HTML tags.
Posts are entries that display in reverse order on your home page. Posts usually have comments fields beneath them and are included in your site's RSS feed.
To write a Post/ News/ Blog:the_excerpt()
instead of the_content()
to display the Excerpt instead of the full content of a post. If so, WordPress will automatically use as the Excerpt the first 55 words of your post content or the content before the !--more--
quicktag. If you use the "Excerpt" field when editing the post, this will be used no matter what.Here are some general guidelines:
- Standard: is the default post format, your everyday blog post. You can also add video, images, galleries, and whatever else you would like to a regular text post.
- Video: A single video or video playlist. The first video
tag or object/embed in the post content could be considered the video. Alternatively, if the post consists only of a URL, that will be the video URL. May also contain the video as an attachment to the post, if video support is enabled on the blog (like via a plugin).
- Audio: An audio file or playlist. Could be used for Podcasting.
- Quote: A quotation. Probably will contain a blockquote holding the quote content. Alternatively, the quote may be just the content, with the source/author being the title.
- Link: A link to another site. Themes may wish to use the first a href=””
tag in the post content as the external link for that post. An alternative approach could be if the post consists only of a URL, then that will be the URL and the title (post_title) will be the name attached to the anchor for it.
- Gallery: A gallery of images. Post will likely contain a gallery shortcode and will have image attachments.
You can choose image from Upload Files or Media Library then click Insert.
To edit Posts in a Page
Visual Composer comes with bundled advanced grid builder and grid elements which allows easily display posts, portfolio, media or even custom post types in a most beautiful way.
In order to make it easy, we create five different control options:
For example, if you wanted About to appear first, you’d need to do the following:
- Go to Pages -> All Pages in your dashboard.
- Find the page About and click the title.
- Locate the Page Attributes module to the right of the editor.
- Put the number 1 in the box for Order. This tells WordPress to display this page first on your blog.
- Click the Update button.
Repeat the process for your other pages, but use higher numbers for the Order field: 2, 3, etc. This tells WordPress to display these pages second and third on your blog.
If you’re using the Pages Widget, be sure to set the Sort by option to Page Order after setting a custom order for your pages. Then click Save.
You can choose image from Upload Files or Media Library then click Insert.
For few past years, we have received all levels of questions (some beginner, some advanced). Overtime some questions have been asked over and over again. In this article, we will share most frequently asked questions by clients with answers.
If you attempted to import the CMS WordPress sample demo data, but it never completes the installation process or it fails with errors, there could be several reasons. Please read the following information. If you have duplicate menu item issue, please follow How To Remove Duplicate Demo Content After Import.
If the import stalls and fails to respond after a few minutes, or it fails with a simple error message like “Import failed,” You are suffering from PHP configuration limits that are set too low to complete the process. You should contact your web host and ask them to increase those limits to a minimum as follows:
You can verify your PHP configuration limits by installing a simple plugin found here. In addition, you can always contact your host and ask them what the current settings are and have them adjust them if needed. Please note though that many hosts will try to keep the PHP limits low without reason. However you are paying for it, and therefor should be getting your moneys worth.
If you get the ‘Warning: Illegal string’ error, try switching to a default WordPress theme (twenty twelve, thirteen, fourteen etc) and then back to CMS Theme. You can see how install sample data with cms WordPress theme .
Please ensure that your hosting account is set as the owner of the WordPress directory, You can import XMLdata with simple import of WordPress .
It's highly recommended to update the theme (you'll have more features and it's FREE ;))
This Video Tutorial will show you how to update Theme without Losing Customization:
If you don’t like the video or need more instructions, then continue reading.
You should now have both, new version of the theme and your old customized theme on your computer. If you remember the changes you made to your theme, then simply copy and paste the code snippets from old theme to the new version.
On the other hand, if you do not remember the changes you made, then you will have to find them first.
Yes, all you need to do is point the domain name to the hosting account.
There is no limit to the number of plugins you can install. However, too many plugins or even a few poorly coded plugins can slow your site down immensely, so it is important to install plugins correctly.
This most likely happens when you paste a code from a website with wrong formats. Sometimes the formatting error is done on the website where the code is available however most of the time, this error happens because you pasted the code on the wrong location. Unfortunately, you will not be able to make the edits using your wp-admin section. You will have to use FTP to login to your web host and modify your theme’s file.
Consider following our Beginner’s Guide to Pasting Code from the Web into WordPress.
This is NOT a WordPress issue. It is because Facebook’s script cannot properly detect the information from your website. However, there are WordPress plugins that allows for a seamless integration with Facebook which will get rid of this plugin. Consider installing and activating Simple Facebook Connect plugin. You do not have to configure it or anything. Alternatively, you should be using WordPress SEO plugin, and it has a built-in Social feature that will solve this issue.
There are several things you can do to speed up your website. First thing you need to do is consider adding a caching plugin to WordPress. We use and recommend W3 Total Cache. Another thing you can do is use a Content Delivery Network provider. We use and recommend MaxCDN (See our infographic about What is a CDN and Why you need it). You should also consider using a better web hosting provider. Shared hosts are usually slower. If you are receiving a lot of traffic, then you should consider moving to a VPS or a Dedicated server.Last but not least, check out our presentation about Maximizing Performance and Speeding up WordPress.
We have written an extensive article on How to Install and Setup Google Analytics in WordPress. It is important to mention that you will NOT be able to install Google Analytics in your WordPress.com blog. They provide a built-in feature called WordPress.com Stats.
Understanding the difference between a post and a page in WordPress will make a big difference. With both of these options within WordPress, you will be able to not only create a static website, but also a blog. This provides more SEO power and many benefits for your new WordPress website.
If you want to understand the full difference between pages and posts, read our post called Pages vs. Posts.
Whether for SEO reasons or just to provide a better user experience, speeding up your WordPress site is very important. One of the easiest ways to speed up your site is to use the W3 Total Cache plugin or another Cache plugin.
Embedding videos can add quite a bit of value to your blog and your content. Whether you want to use your own videos or just any video from YouTube or another video hosting site, you need to know how to embed videos within your posts.
The process is very simple and you can just post the URL for the video within the post. Make sure to put it where you would like it to show up. For more information about embedding videos in WordPress, check out our post about The Easiest Way to Embed Videos in WordPress.
Installing a copy of WordPress on your PC is possible. You can do this fairly easily, but you will need the right tools. Another thing to keep in mind, when you install WordPress on your PC, nobody will be able to see your website until you publish it with your own hosting account.
You can find out how to install WordPress on your PC without post called, A Quick Guide to Installing WordPress with WAMP on your Windows Computer.
Mostly this happens when you paste a wrong code in your website from some source. Often it happens when the formatting code is not properly done and you paste it into your website. And it can also take place when you paste the code in wrong location. Most of the times, it happens because of the installation of the incompatible plugin in your wp-admin section. This all makes the screen blank and you are not able to even open the wp-admin section. Your website will also not open – only blank white page appears. To solve this trouble, you have to login into your hosting control panel and delete the wrong code or plugin.
Boosting speed is quite a common question most bloggers and site builders have in mind. There are plenty of ways using which you can boost the speed of your website. But for that you will have to catch some plugin to WordPress. You can use W3 Total Cache. Something else you can do is getting hold of a better web provider. The shared holders tend to be slightly slower than the rest. If you have been getting a whole lot of traffic, then you must know that getting a VPS or even like a dedicated server would be good. You can consider one.
If you just installed WordPress, a WordPress plugin, or a theme for your site and out of nowhere your site returns a 500 Internal Server Error, please read the information below.
If you have been surfing the web for any length of time you have probably encountered a 500 internal server error. These errors are not confined to WordPress. They are generic errors that report very little on what the actual cause is. First, don’t panic. Lot’s of people have been confronted with these errors, and they can be fixed. In fact, I fix them all the time.
There are five major reasons why these errors occur in WordPress:
1. Incorrect web server configuration – If your web server (whether it be Apache or IIS) is configured with incorrect directives, they can cause 500 errors to occur. The problem is that web hosting support will often blame the error on software you have installed without even checking to see what is contained in their error logs. Just know that after you have checked the following remaining causes, and they fail to resolve the issue, you will need to (sometimes forcefully) get your web host to help diagnose and fix the problem.
2. Incorrect file permissions – With very few exceptions, file permission for WordPress, plugins, and themes need to be set at 755 for folders, and 644 for files. You may think that setting permissions more loosely, like 777, will relieve the problem, but you would be wrong. Setting permissions either too strict or too loose often cause this and other errors.
3. Corrupt files or files that contain errors in code – – Usually improper/errors in file transfers to the web server cause corruption to occur. It may look like the file is sitting there just fine, but something in the process caused the file to be unusable by the server. For example, if you uploaded a text file in binary language instead of ascii it will render the file unreadable by the web server. Coding errors can also create this error, whether that be in WordPress, a plugin, or a theme.
By far the most common 500 error produced by a file is related to the WordPress .htaccess file. The .htaccess file is primarily designed to be used with custom permalink structures. But it is also used by some third party plugins, and for overriding certain server configuration directives if allowed. If it contains errors, it can return the dreaded 500 internal server error. The .htaccess file is located in the root folder of your WordPress installation (not the theme).
You should now be able to nagivate to www.yoursite.com or http://www.yoursite.com/wordpress (depending on whether WordPress is running your entire site or just a blog etc.) and all should be well once more.
4. PHP memory limits set too low, There two ways to solve this problem.
5. Conflicting Third Party Plugins Should Be Deactivated
Recommended PHP configuration limits are as follows:
You can verify your PHP configuration limits by installing a simple plugin found here. If you still cannot resolve the 500 error, talk with your web hosting support.
Support center: https://jwsthemes.ticksy.com
If you have any questions or whenever you meet troubles with the theme, please submit a ticket and validate your purchase code, we will follow all your questions better and make your information private absolutely.
Please, give us a chance to support you. Have a good time:)
Again, thank you for purchasing our theme!