You must be excited about starting your new project, so let's just get on with it. It won't be long until you get it to the point when you can actually start working on your site. The following steps will get you there.
Save the theme's files on your computer first. Navigate to the Downloads section in your Envato account, that's where all your purchases are kept, then click the green Download button to grab the theme, make sure you’re getting the “Installable WordPress file only”.
Now that the theme's files are saved on your computer, you can log into WordPress administration dashboard to upload and install it.
The theme comes with a setup wizard making it really easy to install the plugins coming with it and import the demo content in two simple steps. As soon as the theme is activated, the setup wizard will start automatically.
This is what you should be seeing on your screen:
The following plugins are required by the theme’s demo imported, so it can import dummy content in the next step.
The importer will help you start with the pre-built layouts from the demo and dummy content such as product pages, blog posts and widgets. In case you're using the theme on an existing site you may not want to import the demo content. In that case, simply skip this step.
Good luck with your project!
Importing the demo content is part of the setup wizard but it can also be done using the One Click Demo Import plugin, by navigation to Appearance > One Click Demo Import.
The importer will help you start with the pre-built layouts from the demo and dummy content such as product pages, blog posts and widgets.
You will find demo files in full theme package in /Demo Content/ folder.
Connect your Envato Account to your WordPress site using the Envato Market WordPress Plugin to receive updates for all your ThemeForest and CodeCanyon purchases.
If the plugin is already installed and activated you should see the Envato Market section in your WordPress administration dashboard. Follow the steps on screen to enable updates.
Once the Envato API connection is made from the Settings page, a list of available Themes will be shown. This will list all WordPress Themes that have been purchased through the Envato Market / ThemeForest. Any available theme updates can be applied here or from the standard WordPress update page at Dashboard > Updates.
Sounds like the Envato Market WordPress Plugin is not installed/activated.
Go to Appearance > Install Plugins to Install and Activate it; or download the zip file and manually install it via Plugins > Add New.
You can always grab it from the Downloads section on ThemeForest.
It's probably one of the first things you may want to do when you start customizing the theme to align its looks to your brand. To upload your logo, navigate to Appearance > Customize >Header > Logo.
Logo Light will be displayed on transparent (light) header.
Sticky Logo will be displayed on sticky header.
For tablet & mobile theme uses original Logo. You can set logo max height for mobile and sticky header
When enabled, the sticky header feature will display a minimized version of the header while the user scrolls down through the page.
The option you're looking for can be found by navigating to Appearance > Customize > Header > Sticky Header:
Following these steps to create a menu.
Step 1 – Go to Appearance > Menus
Step 2 – Click the create a new menu link to create new menu.
Step 3 – Select items from the left meta boxes and click Add to Menu
Step 4 – On the right, feel free to drag and drop menu items to organize them
Step 5 – When you’re done moving menu items, check a menu location at the bottom of the page
Step 6 – Click Save Menu
By default WordPress only shows the basic menu items, but you can scroll on top page, click to ‘Screen Options’ and check section menu you want to show. Such as Product Categories, Products.
The theme adds some options to the menu item. They allow you to config mega menu. Click the Settings link in every menu item to show options.
Mega Menu Content
Barberry supports rich typography customization options. You are free to select any of 900+ Google Fonts available from WordPress Customizer panel.
Being in WordPress Customizer navigate to
Customizer → Typography
The theme supports integration with Custom Adobe Fonts plugin. This enables you to use your Adobe Typekit fonts in the theme. To make this plugin work you need to get
Project ID from Adobe Fonts
Fonts for the project pre-selected on Adobe Fonts. Make sure to grab
Project ID from project page
Set Project ID in
Appearance → Adobe Fonts
If you've done everything correctly, a new font name should appear in fonts selectors in WordPress
Customizer → Typography
Custom font is fetched from Adobe Fonts and ready to use
In Barberry theme you may also upload and use your own fonts. This feature is available in
Custom Fonts options page in admin panel. Let's figure out the fonts uploading process step-by-step.
Before uploading the fonts into your website, you need to make sure that they are ready for use in web. The theme supports popular
.woff2 web-font formats. If your font package is missing files with those extensions (for example, you may have only
.otf files), you will need to convert the fonts files to
.woff format. Otherwise, feel free to skip this step.
There is a handy free online tool called Transfonter It allows to convert fonts to web-compatible format.
Upload your font files to the tool. Make sure that
Family support is on and
woff format is selected.
woff is the universal format supported across many modern browsers so it's recommended to selection. You can read more information related to the different fonts formats here in Font formats page
Convert button. You should get a download link with the
.zip archive of your fonts package.
Unzip the archive and make sure that
.woff font files are there.
Custom Fonts options page in admin panel. Click on
Add Custom Font button and enter your font name first. In the example font is named "Gilroy"
Now you need to upload your
.woff font files to WordPress and select the appropriate font weight of the uploaded file.
The process of uploading other font weights is the same.
Add Font File → Upload .woff File to Media Library → Select Font Weight → Repeat
After you are done with this, click
Save Changes button in the top right corner. You should get a message that invites you to go to WordPress Customizer.
Open WordPress Customizer and go to
Typography In the dropdown list you should see your new font name under
Custom Fonts The custom font is now available to select and preview in live. Don't forget to click
Publish to save changes.
To add page header image globally, navigate to Appearance > Customize > Header > Page Heading.
The options you're setting up here are treated as global settings, which means all the pages of your site will be affected.
To add page header image for current page open/create page and navigate to Page Settings:
The same for Shop archive page:
Go to the Products > Categories and add/edit category and select image in Image for category heading section.
To show product categories in header, navigate to Appearance > Customize > WooCommerce > Shop Catalog
Go to the Products -> Categories and upload icon image or svg icon in "Image (icon) for categories navigation on the shop page" section. Also you can upload icon for light color scheme of header in "Image (icon) for categories navigation on the shop page (Light Page Title Color Scheme)" section.
First please install and activate WooCommerce Variation Swatches plugin in Appearance -> Install Plugins section.
Then go to the Products -> Attributes section and select attribute for edit and select swatch type for it (Color, for example)
Then configure terms for current attribute.
This feature only applies to variable products. Go to Appearance > Customize > WooCommerce > Shop Catalog > Product Attribute to select the attribute you want to show on.
You can change the attribute for a product you want. Edit a Variable product > Product Attribute tab and select the attribute you want to show.
Go to the Appearance -> Widgets section and add Barberry Attributes Filter widget
To set up the shop to display a different number of items per row and product columns per page, navigate to Appearance > Customize > WooCommerce > Shop Catalog. This is what you should be looking for on your screen:
If you installed the theme on an existing site, you need to make sure the product image sizes in WooCommerce will fit your newly installed theme.
In your WordPress admin dashboard, navigate to Appearance > Customize > WooCommerce > Product Images.
There is no fixed size to be set for the product images, but you may want to increase or decrease the size. For example, if the images are looking blurry or pixelated, you'll need to increase the size to avoid having small images being stretched.
The Shop Sidebar is an actual WordPress widgets area and it should show up as soon as it's populated with at least one widget. Navigate to Appearance > Customize > WooCommerce > Shop Catalog > Layout to enable the Shop Sidebar.
Navigate to Appearance > Customize > Widgets > Shop Sidebar and press Add Widget button, you can add widgets by clicking the available widgets.
Navigate to Appearance > Customize > WooCommerce > Shop Settings to enable the Shop filters.
Navigate to Appearance > Customize > Widgets > Shop Filters and press Add Widget button, you can add widgets by clicking the available widgets.
First please install and activate YITH WooCommerce Wishlist plugin in Appearance -> Install Plugins section.
Then go to the Pages section and create new page Wishlist with page contents: [yith_wcwl_wishlist]
Then go to the YITH -> Wishlist and select your Wishlist page:
If you use the YITH WooCommerce Wishlist plugin, you may notice some random issue with caching where the most common is the wish list being cached and not showing the correct products.
YITH WooCommerce Wishlist works with a cookie. The solution to avoid problems with caching is to enter the following cookie ID into the option Never cache cookies on the Advanced Rules settings tab:
First please install and activate YITH WooCommerce Compare plugin.
Then go to the Pages section and create new page Compare and select "Barberry View Compare" page template for it.
Then navigate to Customiser -> WooCommerce -> Compare Settings and activate "Extends Yith Compare Plugin" and select Compare page in Page View Compare Products:
Once you've decided to go with a different look for your Shop page, you can navigate to Customizing > WooCommerce > Product Catalog > Shop page display and choose one of the following options:
Also by navigating to Customizing > WooCommerce > Product Catalog > Category display, you can find the option to change what to show on your category pages:
The options above will be applied to all categories. To change the display style for a specific category, edit the category you're after and find the Category Display Dropdown:
The firstly, you need install plugin WooCommerce Advanced Free Shipping and active it.
Note: you need to create only one Free shipping rates with the format as image
This function can be activated in Appearance -> Customize -> WooCommerce -> Product Page -> Size guides. Then, you can create new tables in Dashboard -> Size Guides. Each size guide table you can attach to particular product categories while editing them or to some specific products when you edit these products. You can also put any content like text or pictures that will be displayed before the size table.
How do I input meta title and meta description into each page of my website?
You should use an SEO plugin for that, there must be lots of options out there. Yoast SEO is free and it's a powerful tool that should help you in this matter.
That's a common issue caused by not uploading the correct zip file. Go back to http://themeforest.net/downloads and when clicking the Download button, choose the "Installable WordPress file only". This is what you should be looking for on your screen:
"Your theme (Barberry) contains outdated copies of some WooCommerce template files. These files may need updating to ensure they are compatible with the current version of WooCommerce. You can see which files are affected from the system status page. If in doubt, check with the author of the theme."
In case you're seeing a notification in your administration dashboard saying the theme includes some outdated WooCommerce templates, it means you've recently updated WooCommerce but haven't updated the theme yet. Please wait theme update that compatible with current WooCommerce version. You can check what version of WooCommerce support latest theme version in change log.
If you're seeing this confusing WordPress error when trying to upload the theme, it means the process breaks at some point and that's most probably due to a few server settings limiting resources for your site. For example the maximum upload size could be set to 5MB and the theme's package is larger than that (e.g. 8MB). This isn't a bug but a matter of server settings and you should increase that limit to at least 12MB otherwise, even uploading a larger image could cause the same issue.
You can either reach out to your hosting company and ask them to increase it for your, or read more about how to do it yourself: How to Increase the Maximum File Upload Size in WordPress on wpbeginner.com.
There's a certain amount of memory that the server will attribute to each site which it hosts. You may need to set a higher memory limit for your WordPress site to avoid some of the most common errors. The default memory limit for WordPress is 32MB.
The most popular errors we're talking about are looking something like:
Fatal error: Allowed memory size of xxxxxxxx bytes exhausted (tried to allocate xxxxxxxx bytes) in /site/public_html/wp-includes/plugin.php on line xx
Fatal Error: Allowed Memory size of xxxxxxxx bytes exhausted ...
Connect to your server via FTP and edit the wp-config.php file. Add the following line:
If the solution above won't work in your case, then contacting the hosting company should solve it.
Read more about increasing the PHP memory in the WordPress Codex.
1. Install MC4WP: Mailchimp for WordPress plugin.
2. Navigate to MC4WP -> Forms and add code below:
<p class="mailchimp_intro">Get instant updates about our new products and special promos!</p> <p> <input type="email" name="EMAIL" placeholder="Your email address" required=""> </p> <p> <input type="submit" value="Sign up"> </p>
3. Navigate to Appearance -> Widgets and add "MailChimp Sign-Up Form" widget to Footer widget area
1. Please install plugin Nextend Social Login and Register (Facebook, Google, Twitter) on your site:
2. From Dashboard > Settings > Nextend Social Login :
3. Getting started:
The world's favorite eCommerce solution that gives both store owners and developers complete control. Sell anything. Beautifully. Get started for free.
Barberry is coming with WPBakery's Page Builder as its page building pluing. It's a premium plugin that comes for free with the theme so it doesn't require a license validation.
For a full guide on how to use the page builder check out the plugin's Knowledge Base at https://kb.wpbakery.com/
WPBakery Page Builder free video tutorials will quickly guide you through everything you need to know about WPBakery Page Builder to create WordPress site. Video tutorials are created in a way that even pro WPBakery Page Builder user or WordPress developer will discover helpful tips and hidden features of the most popular page builder plugin for WordPress.
WPBakery's Page Builder plugin comes free with the theme. The license activation option in the plugin is hidden when Barberry is activated and that prevents free users to be asked for license activation at all times, but if you do have your own license and would like to activate it to unlock their premium library and automatic update, you'll have to temporarily deactivate the theme. You can do that by enabling the default WordPress theme, TwentyNineteen for example. As soon as Barberry is deactivated you will be prompted to activate the plugin's license and the License Activation section will no longer be hidden.
You can go back to Appearance > Themes to activate Barberry back as soon as you're done with the plugin's License Activation.
This collection of videos covers anything and everything you'd need to know about installing, setting up WooCommerce, creating products, getting paid, and more!
General Store Settings
Tax Rate Example
Simple Product Overview
Variable Products (Color/Size)
External/Affiliate Product Overview
Downloadable Product Overview
Grouped Product Overview
Categories, Tags, Shipping Classes, & Attributes
Bank Transfer (BACS)
Cash on Delivery
PayPal Powered by Braintree
Installing WordPress - Installing WordPress
WordPress for Beginners 2015 - WordPress for Beginners 2015 is a course specifically designed by the great folks from WordPress Informer for those who want to learn WordPress step-by-step, from the very beginning.
WooThemes Documentation - Documentation, Reference Materials, and Tutorials for your WooThemes products
WooCommerce Guided Tour - This series of videos covers anything and everything you'd need to know about installing & setting up WooCommerce.
— April 26, 2021
— March 25, 2021
— March 22, 2021
— January 13, 2021
— January 6, 2021
— October 23, 2020
— September 5, 2020
— August 22, 2020
— August 18, 2020
— June 22, 2020
— April 17, 2020
— March 11, 2020
— March 10, 2020
— February 11, 2020
— January 21, 2020
— December 30, 2019
— November 18, 2019
— August 12, 2019
— July 21, 2019
— May 7, 2019
— April 22, 2019
— April 8, 2019
— February 1, 2019
— January 20, 2019
— December 28, 2018
— December 4, 2018
— November 17, 2018
— November 8, 2018
Many issues you may run into such as; white screen, demo content fails when importing, empty page content, changing skin problems and other similar issues are all related to low PHP configuration limits. The solution is to increase the PHP limits. You can do this on your own, or contact your web host and ask them to increase those limits to a minimum as follows:
Also consider upgrading your PHP version to the latest version, the newer the better.
You can check your PHP configuration limits them by installing the FastDev plugin and then going to WordPress dashboard > Fastdev > and choose PHP tab to compare your server info (see example). The first column (Local) refers to your installation value, and the second column (Master) refers to the limits of your host. The latter values are often lower if you have selected a cheaper hosting package.
In most cases, you cannot update the PHP version yourself and need to contact your host about this. The upgrade process is an easy process and should be something your host can do for you without impacting your website or charging you a fee. Here’s a letter you can send to your hosting company:
Dear host, I’m running a WordPress theme on one of your servers and WordPress and this theme has recommended using at least PHP 7 or higher. WordPress, the content management system that my theme uses, has listed PHP 7.2 as the recommended version on their requirements page: https://wordpress.org/about/requirements/ Can you please let me know if my hosting supports PHP 7.0 or higher and how I can upgrade?
Also please increase those limits to a minimum as follows:
max_execution_time 300 memory_limit 128M post_max_size 64M upload_max_filesize 64M max_input_time 60
Looking forward to your reply.