DeerSmart - Shop WordPress Theme
DeerSmart

Responsive WooCommerce WordPress Theme

  • Installation

  • Theme Installation via WordPress

    When you download the theme from Themeforest, you will get an archive file in .zip extension.
    You need to unzip that archive. When done, you should see DeerSmart.zip (zip file name can be changed from version to version).

    Please, follow the steps below to install DeerSmart Theme.

    Step 1 - Login to your WordPress Dashboard.

    Step 2 - Go to Appearance > Themes. Click Add new button, located at the top of the screen or Add new theme ( see screenshots below ).

    Step 3 - Click on Upload button at the top of the screen.

    Step 4 - Choose DeerSmart.zip.

    Step 5 - Wait while the theme is uploaded and installed then activate the theme.

    Step 6 - After activating the theme a notice should appear on the top of the screen, click on begin installing plugins ( see screenshots below ).

    Step 7 - Select all the plugin,change Bulk Actions drop to Install then click apply ( see screenshots below ).

    Step 8 - Congratulation you are ready to use DeerSmart, check the Initiate Steps part of our documentation to see what you may want to do before starting to edit your WordPress Site.

    Common Theme Installation Problems

    “Are you sure you want to do this?”
    If you get the “Are you sure you want to do this” message when installing DeerSmart.zip file via WordPress, it means you have an upload file size limit. Install the theme via FTP if this happens, or ask your hosting company to increase the limit.

    Missing stylesheet file
    If you get an error saying that the stylesheet is missing, then you have uploaded the wrong folder. Please check that you are uploading the DeerSmart.zip within the Theme Files folder. You have to unzip the file that you download from Themeforest to find this.

    Theme Installation via FTP

    If you are going to install the theme using FTP, you will need an FTP Client, such as FileZilla.

    When you download the theme from Themeforest, you will get an archive file in .zip extension.
    You need to unzip that archive. When done, you should see DeerSmart Folder(folder name can be changed from version to version).

    Please, follow the steps below to install the theme via FTP:

    Step 1 - Log into your hosting space (server) via FTP client.

    Step 2 - In extracted archive folder, find DeerSmart folder

    Step 3 - Upload the DeerSmart folder to your server in path .../wp-content/themes/.

    Step 4 - The uploaded path should be like this: .../wp-content/themes/DeerSmart/

    Step 5 - Login to your WordPress Dashboard and go to Appearance > Themes and activate the DeerSmart Theme.

    Step 6 - After activating the theme a notice should appear on the top of the screen, click on begin installing plugins ( see screenshots below ).

    Step 7 - Select all the plugin,change Bulk Actions drop to Install then click apply ( see screenshots below ).

    Step 8 - Congratulation you are ready to use DeerSmart, check the First Steps part of our documentation to see what you may want to do before starting to edit your WordPress Site.

    Additional Links

    Installing new theme
    FileZilla Free FTP Client

    Setting Up The Demo Content

    Before importing the dummy data Make sure you have all the plugin installed (if you want to use portfolio, team, testimonial, packages and woocommerce. You make sure to install all first ).

    Error or Problem with Import of the Demo

    If you have problems importing the demo ( example : infinite loading, error 505 with when using wordpress importer ) then you may have a problem with the server settings. Please create ticket in Our Support Center.

    1. Install Plugins

    Step 1 - Log into your WordPress Dashboard.

    Step 2 - Install and Activate All Plugin.



    2. One Click Importer Demo Data

    Step 1 - Log into your WordPress Dashboard.

    Step 2 - Go to Theme Options > Import/ Export.

    Step 3 - Then Click on Import Demo

    Step 4 - The Dummy content is really big and may takes more then 30 minutes to import depending where you are living, Do not interrupt/cancel the import process!

    Step 5 - Done!

    This video tutorial shows you how to Import Data DeerSmart Theme with just one click.

    If you would like to learn the best practice of using DeerSmart 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.

    3. Manual Importer Demo Data

    If the script auto importing demo data doesn't works with your host, we had included demo data within the theme files, take a look at the folder /dummy-data.

    3.1. WordPress Importer

    Step 1 - Log into your WordPress Dashboard.

    Step 2 - Go to Tools > Import. Then click on WordPress ( bottom of the list ).

    Step 3 - A window should appear click the Install now button which is on bottom right.

    Step 4 - Click Activate plugin & Run Importer. Then choose the content.xml file and click upload file and import Do not interrupt/cancel the import process!

    Step 5 - Done! But you still need to set the Menu, Homepage.

    The importer should be run only once. If something went wrong and you need to import the content again, you may need to reset your WordPress.
    Use this plugin to reset the WordPress database: http://wordpress.org/plugins/wordpress-database-reset/

    3.2. Revolution Importer

    Step 1 - Log into your WordPress Dashboard.

    Step 2 - Go to Slider Revolution and import slider.



    3.3. Theme Options Importer

    Step 1 - Log into your WordPress Dashboard.

    Step 2 - Go to Theme Options > Import/Export and import theme options.







    3.4. Widget Importer

    Step 1 - Log into your WordPress Dashboard.

    Step 2 - Install plugin Widget Importer & Exporter.

    Step 3 - Go to Tools > Widget Importer/Exporter and import widget.





    4. Error or Problem with Import of the Demo

    If you have problems importing the demo ( example : infinite loading, error 505 with when using wordpress importer ) then you may have a problem with the server settings. Please create ticket in Support Center.

  • Premium Plugins

  • Visual Composer
    1. How to use Visual Composer plugin

    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

    2. Documentation

    Here is Documentation of Visual Composer guide.

    WooCommerce Variation Swatches and Photos
    1. How to use WooCommerce Variation Swatches and Photos

    1. How to

    1.1- How to enable swatches on all products at once

    Note :- to use this feature you must have version 1.9.0 or higher of "woocommerce color or image variation swatches" plugin.

    To enable this feature visit swatches tab under woocommerce/settings menu and enable checkbox "Enable default attribute options". Upon checking it you will see another table where you can configure your global attribute options.

    Please remember that this feature will work only for products which does not have display type set. if you have existing products with "custom color or image swatches " as display type then global changes will not affect it but you can always change display type to "global values" in variation select tab to make global values work on those products. "global values" option in display type dropdown will be available only to attributes that are created under product/attribtues not for "Custom product attribute"(which you separate via "|").

    1.2- How to use custom size for product swatches

    First visit swatches tab under woocommerce/settings menu and define custom product swatches height and width there.

    Then select custom as display type while configuring into variation select tab.

    2. Global Attribute color or Image

    First you need to setup global image or color for each attribute values.To do that visit attributes tab under products menu and add your attribute like this.

    Once Attribute is added , click on settings icon to define its options.

    Now add the options as shown in the image.

    Once color or image value for all usable attribute and its options are set , you can use it on product.To use it on products visit attributes tab and select "color" inplace of custom product attributes and then click on add

    Set your variations now by visiting variations tab and then visit variation select tab and select image or color in place of dropdown select and update the product.thats it now frontend will replace image or color with default select .

    3. Shop/Category Page swatches

    3.1- How to use

    To display one attribute swatches on shop/category pages you need to check the "Enable one attribute swatches on shop/archive pages " checkbox in variation select tab and then select the attribute in next option as shown in the below image.

    Note :- To make this feature work you must select "Custom Color or Image Swatches" as display type.

    You can also upload the hover image for each option of that selected attribute. Once hover image is set , plugin will replace the hover image with product image on swatch hover on shop/category pages.

    3.2- Change swatch size on shop/category pages

    To change swatches size on shop/category page , visit swatches tab under woocommerce -> settings and define your preferable width and height.

    4. Troubleshoot

    4.1- Plugin options not get saved

    This usually happens when number of inputs(form fields) on your page is higher then allowed number of input by your server.

    Problem get solved in most of such cases by increasing max_input_vars .

    Newer versions of PHP implement a php.ini directive called max_input_vars usually set to 1000. This means that posting > 1000 form fields for instance would be truncated preventing data from being saved.

    This can be changed in php.ini file

    max_input_vars = 2000

    If you are on shared host you can increase it via .htaccess file

    php_value max_input_vars 2000

    If you are not familiar with php.ini or .htaccess files ,open a ticket with your host and tell them to increase max_input_vars in php.ini file.

    Read more on this here

    http://docs.woothemes.com/document/problems-with-large-amounts-of-data-not-saving-variations-rates-etc/

    4.2- Wrong dimension for swatch hover images

    Catalog image dimensions is a woocommerce feature. If you are experiencing wrong dimensions for hover images , you will need to set the correct dimension for catalog images at products/display under woocommerce/settings menu.

    After changing it you may need to regenerate product thumbnails using this plugin.

    https://wordpress.org/plugins/regenerate-thumbnails/

    If you still getting same dimensions on shop page check media settings page configuration. For example - if you are getting 150*150 dimension on hover images and media settings page has 150 * 150 thumbnail size. try changing it and regenerating thumbnails using aforementioned plugin.

    2. Documentation

    Here is Documentation of WooCommerce Variation Swatches and Photos.

    Revolution Slider
    Documentation

    DeerSmart theme includes the premium plugin - Revolution Slider.
    Once you've installed and activated the Revolution Slider plugin, you will then see the menu item appear at the bottom of the WordPress menu, as below:





    You can import the revolution slider we used in our demo, all slider are in the slider folder. To learn more about the Revolution Slider plugin please read the Plugin documentation

  • WooCommerce Plugin

  • Documentation YITH Plugins
    1. Compare

    YITH WooCommerce Compare plugin is an extension of WooCommerce plugin that allow your users to compare some products of your shop. All products are saved in one complete table where the user can see the difference between the products. Each product features can be set with the woocommerce attributes in the product configuration. You can also add a simple widget with the list of products the users have added, where you can manage them. Also you can simply customize the compare table with your style, by editing the specific template.

    Full documentation is available here

    This plugin is 100% compatible with WPML

    2. Quick View

    Sometimes the halfway is better: what if you are looking to a product in a list and its image is still too small?

    You have to open its product page, waiting for its loading and finally observe what you are interested into. So why don't use a simple way to look immediately at the product's distinctiveness? Here it is what Quick View can offer you.

    People are more attracted to what they can see clearly. And often the classic product lists are not enough to understand the real value of a product. That's when Quick View strikes successfully! Your clients will be free to look in a better way your products, reading also a small description with all the most important features and qualities you want to underline. In this way, they will be more focused on what they really want and they will proceed easily to the purchase step.

    Main features:

    - Add a button in product loop to open a modal window with the product summary using ajax.

    - Choose to enable the prettyPhoto lightbox for images in quick view.

    - Customize style of modal.

    Full documentation is available here.

    3. Wishlist

    What can really make the difference in conversions and amount of sales is without a doubt the freedom to share your own wishlist, even on social networks, increasing indirect sales: can you imagine the sales volume you can generate during holidays or birthdays, when relatives and friends will be looking for the wishlist of your clients to buy a gift?

    Offer to your visitors a chance to add the products of your woocommerce store to a wishlist page. With YITH WooCommerce Wishlist you can add a link in each product detail page, in order to add the products to the wishlist page. The plugin will create you the specific page and the products will be added in this page and afterwards add them to the cart or remove them.

    Full documentation is available here.

    This plugin is 100% compatible with WPML.

  • Initiate Steps

  • General Options
    Note!

    1. Please enable Less Design before making any changes in Theme Options.

    2. If you want to custom css, you should add styles intoTheme Options > Custom CSS , not in style.css file. 'Custom CSS' will keep your changes in css forever even when updating the theme.



    Step 1 - Login to your WordPress Dashboard.

    Step 2 - Go to Theme Options > General .

    Step 3 - Choose which part of the theme you want to modify.

    Less Design To use the less design features.

    Choose Body Layout - To modify Body layout with wide or boxed.

    Body Background - To modify Body background with image, color, etc.

    Show Box Style - To Enable/Disable Smoothscroll.

    Smoothscroll - To Enable/Disable Smoothscroll.

    Show Newsletter Popup Onload - To Enable/Disable Show Newsletter popup on load.

    Step 4 - When you finish to customize the general options don't forget to save.

    Set Homepage

    Step 1 - Go to Settings > Reading in your WordPress Dashboard panel.

    Step 2 - Set "Front page displays" to a "Static Page".

    Step 3 - In the drop down menu for "Front Page" choose a page which will be your home page.

    Step 4 - Leave the drop down menu for "Posts page" empty, as this is not used by the theme.

    Step 5 - Save changes.



    Menu Setup
    1. Creating Your Menu

    Step 1 - Login to the WordPress Dashboard.

    Step 2 - From the 'Appearance' menu on the left-hand side of the Dashboard, select the 'Menus' option to bring up the Menu Editor.



    Step 3 - Select Create a new menu at the top of the page.

    Step 4 - Enter a name for your new menu in the Menu Name box.

    Step 5 - Click the Create Menu button.

    Your menu is now defined, and you can now add pages to it (steps below).

    2. Adding Pages To Your Menu

    The Screen Options allow you to choose which items you can use to add to a menu. Certain items, like Posts are hidden by default. The Screen Options are located in the top right corner of your WordPress Dashboard.

    Step 1 - Locate the pane entitled Pages.

    Step 2 - Within this pane, select the View All link to bring up a list of all the currently published Pages on your site.



    Step 3 - Select the Pages that you want to add by clicking the checkbox next to each Page's title.

    Step 4 - Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.

    Step 5 - Click the Save Menu button once you've added all the menu items you want.

    Your custom menu has now been saved.

    3. Assigning Menu

    Once you've created a menu and filled it with items, it's time to assign it to one of the theme pre-defined locations.

    Step 1 - Go to Appearance > Menus and click Manage Locations.

    Step 2 - Assign each Theme Location with a menu. You can assign menus to multiple Theme Locations.

    Step 3 - Click the Save Changes button.



    Upload Your Logo
    1. Upload Your Logo & Favicon

    You can upload your logo image in the Theme Options. Please, follow the steps below to upload your logo & favicon:

    Step 1 - Login to your WordPress Dashboard.

    Step 2 - Go to Theme Options > Logo.

    Step 3 - Upload a Logo & Favicon (Used For normal header) and a Logo (Used for Stick Header).

    2. Another Way To Upload Favicon

    You can upload your favicon image in the Appearance. Please, follow the steps below to upload your favicon:

    Step 1 - Go to Appearance > Customize > Site Identity.

    Step 2 - Upload your favicon. Should be a Png/Gif image.

    Page Options
    1. Page Options

    Follow the steps below to find out how to change the page options:

    Step 1 - Login to your WordPress Dashboard.

    Step 2 - Go to Theme Options > Page .

    Step 3 - Choose whether or not you would like to show page comments.

    Step 4 - When you have finish to customize the color don't forget to save.

    2. Page Option Metabox

    For each page you can change the title style, title background color, select to use a slider and much more! Check the screenshot and read the documentation to see how it works.

    2.1. Header Setting

    Header - Select header layout for page.

    Upload Custom Logo for Header - Select and custom an image logo for page.

    Custom Primary Color - Choose the primary color for the page.

    Header Fixed - Choose whether or not you want the header to be fixed.

    Header Fullwidth - Choose whether or not you want the header to be fullwidth.

    Display Widget Header Top - Select position menu for page.

    Select Menu - Select menu for this page.

    2.2. Title Bar Setting

    Title Bar - Choose whether or not you would like to show Title Bar.

    Show Search Bar - Choose whether or not you would like to show Search Bar.

    2.3. Footer Setting

    Display Footer - Display Footer or not.

    Footer - Select Footer layout for this page.

    Footer Full Width - Choose whether or not you would like to show footer full width.

    3. Setting Up Front-Page

    Take a look at Set Homepage section.

    Post Options

    Follow the steps below to find out how to change the Archive Post:

    Step 1 - Login to your WordPress Dashboard.

    Step 2 - Go to Theme Options > Post Setting..

    Step 3 - Choose which part of the Blog you want to modify.

    Archive Post Options

    Select Layout - Select layout for Archive Post.

    Image Default - Select an image for Feature post.

    Crop Image - Choose whether or not you would like to crop the image of post on your Archive Post.

    Image Width - Enter the value of the width of image on your Archive Post.

    Image Height - Enter the value of the height of image on your Archive Post.

    Show Post Title - Choose whether or not you would like to show title of post on your Archive Post.

    Show Post Info - Choose whether or not you would like to show info of post on your Archive Post.

    Show Post Description - Choose whether or not you would like to show description of post on your Archive Post.

    Excerpt Length - Insert the number of words you want to show in the post excerpts.

    Excerpt More - Insert the character of words you want to show in the post excerpts.

    Select Layout - Select an image for Feature post.

    Select Layout - Select an image for Feature post.



    Single Post Options

    Select Layout - Select layout of Single Post.

    Crop Image - Choose whether or not you would like to crop the image of post on your Single Post.

    Image Width - Enter the value of the width of image on your Single Post.

    Image Height - Enter the value of the height of image on your Single Post.

    Show Post Title - Choose whether or not you want to show Post Title.

    Show Social Share - Choose whether or not you want to show Social Share.

    Show Post Info - Choose whether or not you want to show Post Info.

    Show Post Navigation - Choose whether or not you want to show Post Navigation.

    Show Post Tags - Choose whether or not you want to show Post Tags.

    Show Post Author - Choose whether or not you want to show Post Author.

    Show Post Comment - Choose whether or not you want to show Post Comment.

    Show Post Related - Choose whether or not you want to show Post Related.

    Show Post Tags - Choose whether or not you want to show Post Tags.



    Step 4 - When you have finish to customize the color don't forget to save.

    Shop Options
    Archive Products

    Sidebar Position - Select sidebar position in page Archive products.

    Columns - Enter number columns you want to display.

    Columns for Fullwidth - Enter number columns you want to display for fullwidth.

    Products Per Page - Enter number products per page.

    Show.. - Choose whether or not you want to show Result Count, Catalog Ordering, Pagination,...











    Single Products

    Sidebar Position - Select sidebar position in page single product.

    Show.. - Choose whether or not you would like to show Product Title, Product Price, Product Rating,...



    Footer Options

    Follow the steps below to find out how to change the footer:

    Step 1 - Login to your WordPress Dashboard.

    Step 2 - Go to Theme Options > Footer .

    Step 3 - Select the footer layout.

    Step 4 - Go to Theme Options > Footer > Footer Header / Footer Top/ Footer Bottom . Choose which part of the footer you want to modify.
    Footer Top Margin: To modify margin for footer top.

    Footer Top Padding: To modify padding for footer top.

    Footer Top Background: To modify background with image, color, etc.

    Footer Bottom Padding: To modify padding for footer bottom.

    Footer Bottom Background: To modify background with image, color, etc.

    Step 5 - When you have finish to customize the color don't forget to save..

    Title Bar Options

    Follow the steps below to find out how to change the title bar:

    Step 1 - Login to your WordPress Dashboard.

    Step 2 - Go to Theme Options > Title Bar .

    Step 3 - Choose which part of the title bar you want to modify.

    Margin: To modify margin for title bar.

    Padding: To modify padding for title bar.

    Background: To modify background with image, color, etc.

    Show page title: Choose whether or not you want to show page title.

    Typography: To modify value of Font Family, Font Subsets, etc for title text.

    Delimiter: To modify Delimiter of page breadcrumb in title bar.

    Step 4 - When you have finish to customize the color don't forget to save..

    Typography Options

    Follow the steps below to find out how to change the Typography:

    Step 1 - Login to your WordPress Dashboard.

    Step 2 - Go to Theme Options > Typography .

    Step 3 - Choose which part of the typography you want to modify.

    Body Font Options: To modify value of Font Family, Font Subsets, etc.

    H1 - H6 Font Options: To modify value of Font Family, Font Subsets, etc.

    Step 4 - When you have finish to customize the color don't forget to save..

    Sidebar

    The theme comes with many sidebars:

    Theme Options

    The theme comes with an extensive Theme Options Panel. From the Theme options panel you will be able to set or change the color of the theme, layout, header style, social icons and a lot more. You should take the time to go through all of these options to ensure that you are getting the most out of the theme. Click Theme Options to access the Theme Options Panel.

    This is a video tutorial of how to use Theme Options panel:

    Custom CSS
    Custom CSS - Quickly add some CSS to your theme by adding it to this block. Add new CSS class or JS to your website, add it in this text box. This will add/overwrite the theme CSS,JS, so please be careful!

  • How To

  • Create Post
    Adding Posts

    Step 1 - Log in to your WordPress Administration Panel (Dashboard).

    Step 2 - Click the 'Posts' tab.

    Step 3 - Click the 'Add New' sub-tab.

    Step 4 - Start filling in the blanks: enter your post title in the upper field, and enter your post body content in the main post editing box below it.

    Step 5 - As needed, select a category, add tags, post format, fill in the meta settings below the editor.

    Step 6 - Upload a featured image for your Post.

    Create Gallery Post

    Step 1 - Change Post Format to Gallery.



    Step 2 - Scroll down until you see the Gallery Settings.



    Step 3 - After finishing, Update your Post, it should looks like this


    Video Post

    Step 1 - Change Post Format to Video.



    Step 2 - Scroll down until you see the Video Settings.



    Step 3 - After finishing, Update your Post, it should looks like this.


    Audio Post

    Step 1 - Change Post Format to Audio.



    Step 2 - Scroll down until you see the Audio Settings.



    Quote Post

    Step 1 - Change Post Format to Quote.



    Step 2 - Scroll down until you see the Quote Settings.

    Link Post

    Step 1 - Change Post Format to Link.



    Step 2 - Scroll down until you see the Link Settings.



    To you show your posts you need to create a Blog page. Click here to check how create a blog page.

    Create Blog Page

    Follow the steps bellow to understand how to create a blog page.

    Step 1 - Log in to your WordPress Administration Panel (Dashboard)..

    Step 2 - Click on Pages > Add New.

    Step 3 - Give your page a name then Change the Editor to Backend Editor ( you need to have the Visual Composer plugin activated ).

    Step 4 - Click on the Add Element button.



    Step 5 - Select the Blog module.



    Step 6 - The Blog Settings should appear. You can customize the Blog by modifying the settings

    Step 7 - After finishing, Publish the page.

    Create Page
    Create New Page With Visual Composer

    DeerSmart theme includes support for the Visual Composer plugin. Visual Composer comes with a lot of drag and drop modules to help you quickly and easily building your pages.

    You can read more information with the documentation live at link https://wpbakery.atlassian.net/wiki/display/VC/Visual+Composer+Pagebuilder+for+WordPress to understand how it works.

    Step 1: Go to Pages > click "Add new" and then enter your page information.

    You can create your page content with CLASSIC MODE or if you would like to create a complex page with page builder, click to "Backend Editor" to use Visual Composer plugin building your page.

    Step 2: Add elements on page, drag and drop to manage its position and edit its content.

    Click on "Publish" to save and publish your new page or "Save draft" to save it as a draft.

    Here is how it works on our page

    Visual Composer Elements

    List of builder items ( included buider items build special for this theme )

    Create Portfolio
    Create Portfolio Post
    Add Portfolio Items

    Step 1 - Log in to your WordPress Administration Panel (Dashboard).

    Step 2 - Click the 'Portfolio' tab.

    Step 3 - Click the 'Add New Portfolio Item' sub-tab.

    Step 4 - Start filling in the blanks: enter your portfolio title in the upper field, and enter your portfolio body content in the main post editing box below it.

    Step 5 - Add tag(s) to your item, the tags will be used as a filter on Portfolio Template pages.

    Step 6 - Upload a featured image for your portfolio item then publish it.

    Video Portfolio Post

    Step 1 - Scroll down until you see the Portfolio Settings.



    Step 2 - After finishing, Update your Post

    Showing Portfolio Items

    To you show your portfolio items you need to create a Portfolio page.

    Create Portfolio Page

    Follow the steps bellow to understand how to create a portfolio page.

    Step 1 - Log in to your WordPress Administration Panel (Dashboard)..

    Step 2 - Click on Pages > Add New.

    Step 3 - Give your page a name then Change the Editor to Backend Editor ( you need to have the Visual Composer plugin activated ).

    Step 4 - Click on the Add Element button.



    Step 5 - Select the Portfolio module.



    Step 6 - The Portfolio Settings should appear. You can customize the Portfolio by modifying the settings

    Step 7 - After finishing, Publish the page.

    Create Testimonial

    Follow the steps bellow to understand how to create testimonial.

    Step 1 - Log in to your WordPress Administration Panel (Dashboard)..



    Step 2 - Click on Testimonial >Add New.

    Step 3 - Enter the name of the customer or client in the post title field.

    Step 4 - Add their feedback in the post body.

    Step 5 - You can also add a photo or other image using the featured image field. This image will be displayed alongside the feedback. If you want to link back to the website or social media profile of the person who provided the testimonial, you can enter the address in the Website Link field.

    Step 6 - Adding a link is a good idea as it allows your visitors to verify and find out more about your clients and customers, helping to increase your social proof and credibility and the value of the testimonials.

    Step 7 - Provide company name.

    Step 8 - Select or add new Testimonial Category and Testimonial Tag.

    Step 9 - Provide the featured image. The image should have minimum width of 670px and minimum height of 500px.

    Step 10 - You can Save draft, have a Preview before Publishing officially.

    Create Team

    Follow the steps below to understand how to create Team.

    Step 1 - Click on Team > Add New.

    Step 2 - Enter the name of the Footer in the title field.

    Step 3 - Add the elements you want to see into the body. You can use shortcode in Visual Composer.

    Step 4 - Choose slide template.

    Step 5 - Enter experience of member.

    Step 6 - Enter Facebook/ Twitter/ Instagram of member.

    Step 7 - Choose the category.

    Step 8 - Provide the featured image. The image should have the minimum width of 670px and the minimum height of 500px.

    Step 9 - You can Save draft, have a Preview before Publishing officially.

    Create Contact
    Create Contact Form

    Step 1 - Log in to your WordPress Dashboard, go to Contact > Add New



    Step 2 - Give a Name to your form and change Mail Info.



    Step 3 - Edit the Form field to change the Form Layout ( if you want to use one of the layout you saw on the demo check the next step )



    Step 4 - Save your Form.



    Create Contact Page

    Step 1 - Log in to your WordPress Administration Panel (Dashboard)..

    Step 2 - Click on Pages > Add New.

    Step 3 - Give your page a name then Change the Editor to Backend Editor ( you need to have the Visual Composer plugin activated ).

    Step 4 - Click on the Add Element button.



    Step 5 - Select the Contact Form 7.



    Step 6 - The Contact Form 7 Settings should appear. Select the Form you want to use you can also customize the Color and change the fields layout and button design.

    Step 7 - Update / Publish your page.

    Contact Form 7 Documentation
    How to change language of the theme

    Step 1 - Install POEdit https://poedit.net/

    Step 2 - Open file ***.pot by POEdit and traslate it : http://prntscr.com/bmhtpt

    Step 3 - Click Save to save changes.

    How to edit footer sections



    Step 1 - Go to Appearance > Widgets and open these sidebars to edit or delete. Each block located on each sidebar, so take a look at below:







    To edit Sub Account please go to Appearance > Menus and choose the Sub Account to edit.







    Step 2 - If you want to move this section to a new place, just need drag & drop them.

    Step 3 - Click Save to save changes.

    How to hide search & cart on desktop and mobile



    This is instruction of how to hide cart on both desktop and mobile:

    Step 1 - Go to Appearance > Widgets and open this sidebar:

    Step 2 - Put stick into the check box or you can delete it by click 'Delete'.



    Step 3 - Click Save to save changes.

    If you want to hide cart on only mobile, please follow this:

    Go to Theme Options > Custom CSS > copy this style:

    @media (max-width: 767px){ .wrap-mini-cart {display:none;}}


    How to edit information at menu.

    To change information at menu :



    Step 1 - Go to Appearance > Widgets > change the content at the left sidebar.



    Step 2 - Click Save to save changes.

    How to add a variable product



    Here is the detailed Documentation

    How to configure currency switcher


    This is a tutorial video of instruction of configure currency tab in WooCommerce Settings.



    How to configure YITH WooCommerce Zoom Magnifier
    Active zoom magnifier

    First of all, make sure of the plugin functionalities have been enabled from settings dashboard.


    Within the same section, you can enable/disable the zoom functionality on products when the access take place from mobile devices.

    Magnifier settings

    Now, you can configure zoom settings on the product image.



    Settings that can be configure are:

    "Zoom box width/height" - width and height of the zoom box

    "Image size" - size of the image shown within the zoom box. When you change this option, you must regenerate thumbnails in order to make the plugin work correctly. To regenerate thumbnails, we suggest you use a free plugin like Regenerate Thumbnails.

    "Zoom box position" - zoom box position in respect to product image (inner or aside)

    "Loading label" - the label showed during the loading of the product images.

    "Opacity" - the opacity of the magnifier.

    "Blur" - enable this option to apply a blur effect to the product image on the mouse hover. This effect will be available only if the zoom box is on the right of the product image.

    Slider settings

    The plugin allows to show miniatures of the product within a slider. In order to do it, it is essential to activate "Activate slider".



    Here is the list of settings you find within "Slider settings" section:

    "Items" - the number of images to show under the product image.

    "Circular carousel" - choose whether to roll product images in a circular way in the slider

    "Infinite carousel" - choose whether the slider should be sequential showing the product images. If activated, once you reach the last image of the gallery, you will be redirected to the first one of the slider.

    Note!: It is possible to create a non-circular infinite carousel, but not the opposite.

    How to configure WooCommerce Settings


    Here is the detailed Documentation


    How to add new Instagram

    Step 1 - Go to Dashboard > Pages > Edit the page which you want to add instagram into and click here to start using Visual Composer.



    Step 2 - Select Instagram shortcode and a box of settings will pop up.





    "Access Token" - Enter Access Token in this element

    Note! We have an instruction of HOW TO GET ACCESS TOKEN AND USER ID in a particular section. Please, have a look at that section if you are confused about getting Access Token and User ID.

    "Extra Class" - Add a class name you wish to style particular content element differently.

    "Show Photos From" - Select template in this element. Below is to show photos from Popular.

    "TagName/ LocationId/ UserId" - Enter tagname/ locationId/ userId dependent of type 'Show Photos From'

    "Limit" - Maximum number of Images to add.

    "Choose image size" - Select image size in this element.

    "Columns" - Select columns display in this element.

    Step 3 - Save your changes.

    How to get access token and ID User from new account



    Step 1 - To get ID User, please visit this link.



    Step 2 - Open this link to get 'Access Token'

    Step 3 - Then click Generate Access Token:



    Step 4 - Login with your instagram info:



    Step 5 - Here is Access Token. Now copy this series number



    How to edit contact page

    How to edit contact form

    To change information in Contact form box:



    Step 1 - Go to Pages > Contact page > Edit and click on Edit button of Raw HTML shortcode.



    Step 2 - A Box of settings will pop up and now you can config it by changing content, icon.



    Step 3 - Click Save to save changes.

    Use Shortcodes
    Add Shortcodes

    Step 1 - Log in to your WordPress Administration Panel (Dashboard) > Pages > All Pages.

    Step 2 - Select the Page you want to add Shortcode then press Edit button.

    Step 3 - Click Add element button.

    Step 4 - Select Shortcode you want to add.





    Config Shortcodes

    Step 1 - Hover on shortcode and click on 'Edit' button.

    Step 2 - Config shortcode in setting box.

    Step 3 - Click Save to save changes.





    How to configure some shortcodes
    Blog Carousel

    Step 1 - Click 'Edit Page' includes Blog Carousel or Add new this shortcode.

    Step 2 - Click 'Edit' to open a settings box if this shortcode is available on your page. If you add new shortcode, a settings box will display after you select. Scroll down the settings box and I will explain all fields in order.

    Step 3 - configure shortcode.



    Extra class - Add a class name you wish to style particular content element differently. And remember refer to it in your CSS file.



    Categories - Select Categories. By default, all your projects will be displayed. If you want to narrow output, select Category(s) above and only selected category(s) will be displayed.

    Count - The number of posts to display on each page. Set to "-1" to display all posts on the page.

    Order (by) - Show your Posts in Chronological Order and Select to show your posts will be displayed in ascending order when they are arranged from the oldest posts to the newest posts or in descending order when they are arranged from the newest posts to the oldest posts.


    Show image, title,.. - Choose whether or not show image, title, info, excerpt of post in this element.

    Image Size - Select image size of post in this element.

    Excerpt, Read More - Enter excerpt length, excerpt more, read more text and choose whether or not you would like to show read more text as new line. in this element.

    Step 4 - Save your changes.

    Banner Widget

    Step 1 - Click 'Edit Page' includes Banner Widget or Add new this shortcode.

    Step 2 - Click 'Edit' to open a settings box if this shortcode is available on your page. If you add new shortcode, a settings box will display after you select. Scroll down the settings box and I will explain all fields in order.

    Step 3 - configure shortcode.


    Heading - Enter Heading.

    Sub Heading - Enter Sub Heading.

    Image src - Upload image.

    Link - Enter link.

    Extra Class - Add a class name you wish to style particular content element differently. And remember refer to it in your CSS file.

    Step 4 - Save your changes.

    Widgetised Sidebar



    Step 1 - Click 'Edit Page' includes Widgetised Sidebar or Add new this shortcode.

    Step 2 - Click 'Edit' to open a settings box if this shortcode is available on your page. If you add new shortcode, a settings box will display after you select. Scroll down the settings box and I will explain all fields in order.

    Step 3 - configure shortcode.


    Widget Title - Enter Title.

    Sidebar - Select widget area to display. You have to config sidebar in Appearance > Widgets before selecting.


    Title - Enter the title.

    Label text - Enter the label text to show at menu left.

    Type Category - Choose the category to show at menu left.

    Extra class name - Add a class name you wish to style particular content element differently. And remember refer to it in your CSS file.

    Step 4 - Save your changes.

    Info Box

    Step 1 - Click 'Edit Page' includes Info Box or Add new this shortcode.

    Step 2 - Click 'Edit' to open a settings box if this shortcode is available on your page. If you add new shortcode, a settings box will display after you select. Scroll down the settings box and I will explain all fields in order.

    Step 3 - configure shortcode.


    Template - Select template in this element.

    Link Text - Enter Read more text in this element. EX: Shop Now.

    Extra Link - The number of posts to display on each page. Set to "-1" to display all posts on the page.

    Promotion Link Text - Enter Read more text in this element. EX: Promotion.

    Extra Promotion Link - Choose whether or not show image, title, info, excerpt of post in this element.

    Extra Class - Add a class name you wish to style particular content element differently. And remember refer to it in your CSS file.


    Heading 1 - Enter Heading 1

    Sub Title - Enter Sub title.

    Description - Enter description in this element.

    Image - Upload Image

    Align image - Align Image


    Heading 2 - Enter Heading 2

    Image - Upload Image

    Align image - Align Image

    Step 4 - Save your changes.

    Portfolio Grid

    Step 1 - Click 'Edit Page' includes Portfolio Grid or Add new this shortcode.

    Step 2 - Click 'Edit' to open a settings box if this shortcode is available on your page. If you add new shortcode, a settings box will display after you select. Scroll down the settings box and I will explain all fields in order.

    Step 3 - configure shortcode.


    Portfolio Categories - Select Categories. By default, all your projects will be displayed. If you want to narrow output, select Category(s) above and only selected category(s) will be displayed.

    Count - The number of posts to display on each page. Set to "-1" to display all posts on the page.

    Show Filter, Pagination - Choose whether or not you want to show Filter, Pagination.

    No Padding - Choose whether or not show image, title, info, excerpt of post in this element.

    Columns - Select Columns of post in this element.

    Order (by) - Show your Posts in Chronological Order and Select to show your posts will be displayed in ascending order when they are arranged from the oldest posts to the newest posts or in descending order when they are arranged from the newest posts to the oldest posts.

    Extra Class - Add a class name you wish to style particular content element differently.


    Template - Select template in this element.

    Show Title, Categories, View Now, Icon - Choose whether or not you want to show Title, Categories, View Now, Icon.

    Step 4 - Save your changes.

    Testimonial Slider

    Step 1 - Click 'Edit Page' includes Testimonial Slider or Add new this shortcode.

    Step 2 - Click 'Edit' to open a settings box if this shortcode is available on your page. If you add new shortcode, a settings box will display after you select. Scroll down the settings box and I will explain all fields in order.

    Step 3 - configure shortcode.


    Template - Select template in this element.

    Count - The number of posts to display on each page. Set to "-1" to display all posts on the page.

    Order (by) - Show your Posts in Chronological Order and Select to show your posts will be displayed in ascending order when they are arranged from the oldest posts to the newest posts or in descending order when they are arranged from the newest posts to the oldest posts.

    Extra Class - Add a class name you wish to style particular content element differently.


    Show image, title, excerpt - Choose whether or not show image, title, excerpt of post in this element.

    Step 4 - Save your changes.

    Instagram Feed

    Step 1 - Click 'Edit Page' includes Instagram Feed or Add new this shortcode.

    Step 2 - Click 'Edit' to open a settings box if this shortcode is available on your page. If you add new shortcode, a settings box will display after you select. Scroll down the settings box and I will explain all fields in order.

    Step 3 - Configure shortcode.


    Access Token - Enter Access Token in this element

    Note! We have an instruction of HOW TO GET ACCESS TOKEN AND USER ID in a particular section. Please, have a look at that section if you are confused about getting Access Token and User ID.

    Extra Class - Add a class name you wish to style particular content element differently.

    Show Photos From - Select template in this element. Below is to show photos from Popular.

    TagName/ LocationId/ UserId - Enter tagname/ locationId/ userId dependent of type 'Show Photos From'

    Limit - Maximum number of Images to add.

    Choose image size - Select image size in this element.

    Columns - Select columns display in this element.

    Step 4 - Save your changes.

    Product Carousel

    Step 1 - Click 'Edit Page' includes Product Carousel or Add new this shortcode.

    Step 2 - Click 'Edit' to open a settings box if this shortcode is available on your page. If you add new shortcode, a settings box will display after you select. Scroll down the settings box and I will explain all fields in order.

    Step 3 - configure shortcode.


    Extra class - Add a class name you wish to style particular content element differently.

    Columns - Select columns.


    Categories - Select Categories. By default, all your projects will be displayed. If you want to narrow output, select Category(s) above and only selected category(s) will be displayed.

    Show - Select show product type in this elment.

    Product Count - The number of posts to display on each page. Set to "-1" to display all posts on the page. Hide Free - Hide free product in this element.

    Show Hidden - Show Hidden product in this element.

    Order(by) - Show your Posts in Chronological Order and Select to show your posts will be displayed in ascending order when they are arranged from the oldest posts to the newest posts or in descending order when they are arranged from the newest posts to the oldest posts.


    Show Sale Flash, Title.. - Choose whether or not show Sale Flash, Title, Show Product categories,... of post in this element.

    Step 4 - Save your changes.

    Product Grid

    Step 1 - Click 'Edit Page' includes Product Carousel or Add new this shortcode.

    Step 2 - Click 'Edit' to open a settings box if this shortcode is available on your page. If you add new shortcode, a settings box will display after you select. Scroll down the settings box and I will explain all fields in order.

    Step 3 - configure shortcode.


    Template - Select Template.

    Columns - Select Columns.

    Extra Class - Add a class name you wish to style particular content element differently.

    Title Load - Please enter the text from the keyboard.


    Categories - Select Categories. By default, all your projects will be displayed. If you want to narrow output, select Category(s) above and only selected category(s) will be displayed.

    Show - Select show product type in this elment.

    Product Count - The number of posts to display on each page. Set to "-1" to display all posts on the page.

    Hide Free - Hide free product in this element.

    Show Hidden - Show Hidden product in this element.

    Order(by) - Show your Posts in Chronological Order and Select to show your posts will be displayed in ascending order when they are arranged from the oldest posts to the newest posts or in descending order when they are arranged from the newest posts to the oldest posts.


    Show Sale Flash, Title... - Choose whether or not show Sale Flash, Title,... of post in this element.

    Align Pagination - Align Pagination.

    Step 4 - Save your changes.

  • Theme Update

  • Theme Update via WordPress

    Updating the theme via WordPress is very similar to the install process via WordPress.
    Follow the steps below to update your theme via WordPress:

    Step 1 - Log into your WordPress Dashboard.

    Step 2 - Go to Appearance > Themes.

    Step 3 - Deactivate the DeerSmart Theme by simply activating a different theme. Once you activate a different theme, you can delete the DeerSmart theme.

    Step 4 - Delete the DeerSmart Theme. Do not worry, your content will not be lost!

    Step 5 - Then simply upload the new “DeerSmart.zip” file in the Appearance > Themes section. Click on the Install Themes tab at the top and choose to upload the zip file. You have this step explained in section: Theme Installation via WordPress.

    Theme Update via FTP

    Updating the theme via FTP is very similar to the install process via FTP.
    Follow the steps below to update your theme via FTP:

    Step 1 - Go to .../wp-content > themes location on your server using a FTP client and backup your "DeerSmart" theme folder by saving it to your computer, or you can choose to simply delete it. Your content will not be lost.

    Step 2 - Download the new version of DeerSmart theme from your Themeforest and retrieve DeerSmart folder by unpacking the zip that you download from Themeforest and DeerSmart_(version.number).zip.

    Step 3 - Then simply drag and drop the new "DeerSmart" theme folder into .../wp-content > themes location. Choose to “Replace” the current one if you did not delete it.

    Step 4 - Log into your WordPress Dashboard, go to Appearance > Themes and activate the new DeerSmart theme.

  • FAQs

  • Speed Optimization

    If you think your website takes too much time to load maybe you should.

    1. Install a Cache Plugin for WordPress. We recommend W3 Total Cache.
    2. Install an Image Compress Plugin. We recommend WP Smush It.
    3. Install a Database Optimizer Plugin We recommend WP Optimize
    4. Reduce the number of posts on the page
    5. Reduce the number of unnecessary plugins.
    6. Use more icons and less images.
    Can I register my domain name at one company and host the site with another?

    Yes, all you need to do is point the domain name to the hosting account.

    What is the maximum number or plugins I can install on my WordPress website?

    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.

    I am locked out of wp-admin, and my website shows a blank white screen

    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.

    How can I install Google Analytics in 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.

    How do I Embed Videos Within My WordPress Posts?

    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.

    Is it Possible to Install WordPress on my PC?

    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.

    500 Internal Server Error

    Please take a look at this Article

    PHP memory limits set too low, There two ways to solve this problem.
    • You can either get your web host to increase your PHP limits.
    • You can upload your theme via an FTP client. We offer a video tutorial located in the Video section of the forum that explains how to use FTP to install your theme.
    Conflicting Third Party Plugins Should Be Deactivated
    • If you can access the admin area of your site, login to your admin section and deactivate all plugins. After doing so, check your front end page again. If it loads without error, you have a plugin conflict. Now, start activating each plugin one by one. When you see the 500 error again on the front end pages, you will know that the last plugin you activated is the likely culprit. Deactivate it and continue checking all remaining plugins one by one to make sure there are no others.
    • If you are getting the 500 error on the front end and the back end admin area, then you will need to access your site via an FTP client. A little known trick is to change the name of your/wp-content/pluginsfolder to something else temporarily like “plugins.bak.” This will make WordPress ignore your plugins. Then check to see if this resolves the problem. If it does, log into your admin section and then change your plugin.bak folder back to plugins . Then deactivate all of your plugins via your admin page.

    Recommended PHP configureuration limits are as follows:

    memory_limit 128M

    post_max_size 32M

    upload_max_filesize 32M

    max_execution_time 600

    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.

    Are you sure you want to do this? Please try again.

    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. The Alibaba theme ZIP is currently about 34 MB in size which is due to the included plugins and all the demo content. So if you get this error, your web server is rejecting the upload due to the overall size of the Alibaba.zip file. WordPress is unfortunately giving you a rather ambiguous message in response. This is not a theme issue or bug.

    There two ways to solve this problem.

    • You can get your web host to increase your PHP limits so a larger zip file is allowed to be uploaded. They will know which limits to set if you explain the issue.
    • You can upload your theme via FTP. View our video tutorial in the Video section of the forum to learn how to install your theme via FTP. It is very easy and efficient.


    Recommended PHP configuration limits are as follows:

    • max_execution_time 60
    • memory_limit 128M
    • post_max_size 48M
    • upload_max_filesize 48M
Close