Shopmint Wordpress Help File

Help file for Shopmint Wordpress theme by Hero WP.

Theme Overview
Hi and thank you for purchasing Shopmint Wordpress Theme. In order to install and use the theme, you need to have some basic knowledge about Wordpress. Anyway, this help file will guide you through this process, and make it easier for you.
Server & Wordpress Requirements
In order to make the theme run like a charm you'll need the following:

  • Wordpress 3.0+
  • Php 5.0+
  • GD library+
Installation
Theme can be installed in 2 ways:

1) By FTP

  • Login to your site via FTP
  • Browse to your website folder: wp-content/themes
  • Download, extract and upload the theme from the folder you just extracted.
  • Login to your Worpdress Administration, navigate to Appearance -> Themes
  • Find the theme and Activate it.




2) Using Wordpress

  • Login to your Worpdress Administration, navigate to Appearance -> Themes
  • Click on Install themes
  • Select the Upload tab.
  • Browse for the theme ZIP file(inside the MAIN DOWNLOAD files)
  • Click on Install now.
  • Activate the theme.


Required Plugins - VERY IMPORTANT
1.After activating the theme you will receive this notice, with the plugins that are required:



2.Click on "Begin Installing Plugins" and the following screen will appear:



3.Check all the plugins, and click on Install (don't worry about Activating them, they will Activate on their own after this step)
One Click Install (Replicate Live Demo Theme)
If you want to make the theme look just like the one in the demo with a single click, go to Appearance->Theme Options->Importer and press the "Import All Dummy Data" Button. You are all set. This will replicate the live demo and add all WooCommerce Pages.
Please note that this process can take up to 1-5 mins (Depending on your server performance). If you choose this option you don't need to make the steps bellow anymore.(like creating menus, setting reading options etc.).

Theme Settings Panel
In order to open the Theme Settings Panel, so you can customize many aspects of your theme, such as logo, colours, tracking codes etc., you'll need to do the following:

  • Login to your Worpdress Administration, navigate to Appearance -> Theme Options


  • Menu Setup
    To setup your menu/menus:

    • Login to your Worpdress Administration, navigate to Appearance -> Menus
    • Click on "Create a new menu", enter menu name and click Create.
    • From the left side, check items that you need, and click Add to Menu.
    • You can edit each menu label/description by expanding it's tab.
    • At the bottom of the page, check where do you want to display the menu: Navigation Menu, Shopping Menu

    • Tip: To add the small icons to the top bar menu, make sure you check "CSS Classes" at the top screen of your Wordpress Admin, by clicking on the Screen Options Tab. The CSS classes that you need to add to the menu, in order to display the icons are: account_icon (for My account), account_icon (for My Wishlist), cart_icon (for Cart) and checkout_icon (for Checkout).

    Homepage & Blog Page Setup
  • 1.Create a Page from Pages-> Add New - give it a name - i.e Homepage

  • 2. Select the Homepage Template and click Save
  • 2.1 In the editor area of the created page ,add the following code to display the product tabs:

    [tabs collapsible=true selected='0' event='click' position='top' ]
    [tab title="Latest products"]
    [recent_products per_page="12"]
    [/tab]
    [tab title="Hot products"]
    [top_rated_products per_page="12"]
    [/tab]
    [tab title="Best Seller"]
    [best_selling_products per_page="12"]
    [/tab]
    [/tabs]
    <div class="useful_info">
    <h2>Useful information</h2>
    </div>
    [template id="your template number"]


    Tip1: You can always switch the order of the tabs

    Tip2: For the "template id" section, you need to create a layout on Appeareance->Page Builder (drag the Information boxes there and fill out the info), and paste the shortcode as seen on [template id="your template number"]. This will display the boxes bellow the products area on the homepage.

  • 3. Go to Settings->Reading and on the Front Page Displays Option check a Static Page
  • 4. For Front Page select Homepage (the page you just created)
  • 5. Repeat this process for the blog page(create Page named Blog - use Default Template) - and on the Posts page: select the Blog Page you just created.




  • WooCommerce Pages & General Setup

    1.To create the woocommerce pages, go to Pages -> Add New (use Default Template for all the pages you are about to create).
    Here is the list of WooCommerce shortcodes, that you'll need to use for creating the pages.

    • [woocommerce_cart] – shows the cart page (example:Create a page named Cart, paste this shortcode, and hit Publish)
    • [woocommerce_checkout] – shows the checkout page
    • [woocommerce_pay] – shows the checkout pay page
    • [woocommerce_thankyou] – shows the order received page
    • [woocommerce_order_tracking] – shows the order tracking form
    • [woocommerce_my_account] – shows the user account page
    • [woocommerce_edit_address] – shows the user account edit address page
    • [woocommerce_view_order] – shows the user account view order page
    • [woocommerce_change_password] – shows the change password page
    • [woocommerce_lost_password] – shows the lost password page
    • [woocommerce_logout] – shows the logout page
    • [register password="yes" thanks="76" fields=""] - shows the register page
    • [yith_wcwl_wishlist] - shows the wishlist page


    2.After you created all the pages, go to WooCommerce -> Settings -> Pages and fill out the informations, like in the image bellow:

    Revolution Slider
    After installing this plugin, and importing it's dummy data, if you need additional help please visit the official page!
    Adding products
    To add products, go to Products -> Add Product. If you need further help you can always visit http://docs.woothemes.com/document/managing-products/ Anyway here are some screenshots, if you want to see how are being set up the products in the demo website:

    Contact us Page Setup
    In order to set up your Contact page navigate to Pages -> Add New, give it a name, and select the Contact Form Page. Click Publish and you're set!.



    Tip! To add details to the contact widget on the right, go to Appereance -> Theme Options -> Contact
    Custom Widgets
    This theme came up with some cool custom widgets. In order to use them, navigate to Appearance -> Widgets. Widgets with Shopmint in front, are custom widgets. Drag and drop them on the desired sidebars.

    Multiple Sidebars
    This theme has multiple sidebars. This mean you can display each widgets you want, on the desired sidebar. The sidebars are located on the right side, of the widgets.

    Footer Setup
    To customize your footer navigate to Appearance -> Widgets, and locate on the right side the two footer widgets. Drag and drop your desired widgets, on each section.

    Shortcodes
  • This theme comes bundled up with a bunch of shortcodes, so you can add pretty much everything to your pages such as: buttons, tabs, accordions. Here is a list of shortcodes you can use:
  •  

    Columns

    [one_half] Your content goes here.....[/one_half] [one_half_last] Your content goes here.....[/one_half_last]

    [one_third] Your content goes here.....[/one_third][one_third] Your content goes here.....[/one_third][one_third_last] Your content goes here.....[/one_third_last]

    [one_fourth] Your content goes here.....[/one_fourth][one_fourth] Your content goes here.....[/one_fourth][one_fourth] Your content goes here.....[/one_fourth][one_fourth_last] Your content goes here.....[/one_fourth_last]

    [one_fifth] Your content goes here.....[/one_fifth][one_fifth] Your content goes here.....[/one_fifth][one_fifth] Your content goes here.....[/one_fifth][one_fifth] Your content goes here.....[/one_fifth][one_fifth_last] Your content goes here.....[/one_fifth_last]

    [one_sixth] Your content goes here.....[/one_sixth][one_sixth] Your content goes here.....[/one_sixth][one_sixth] Your content goes here.....[/one_sixth][one_sixth] Your content goes here.....[/one_sixth][one_sixth] Your content goes here.....[/one_sixth][one_sixth_last] Your content goes here.....[/one_sixth_last]

    Tabs

    [tabs collapsible=true selected='0' event='click' position='top' ]
    [tab title="First tab"]
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin mattis placerat viverra. Morbi venenatis neque ipsum, eu posuere turpis semper sit amet. Aenean quis orci quis diam tincidunt convallis.
    [/tab]
    [tab title="Second tab"]
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin mattis placerat viverra. Morbi venenatis neque ipsum, eu posuere turpis semper sit amet.
    [/tab]
    [tab title="Third tab"]
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin mattis placerat viverra. Morbi venenatis neque ipsum, eu posuere turpis semper sit amet. Aenean quis orci quis diam tincidunt convallis.
    [/tab]
    [/tabs]

    Toggles

    [toggles] [sstoggle title="First accordion slide"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin mattis placerat viverra. Morbi venenatis neque ipsum, eu posuere turpis semper sit amet. Aenean quis orci quis diam tincidunt convallis.[/sstoggle] [sstoggle title="Second accordion slide"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin mattis placerat viverra. Morbi venenatis neque ipsum, eu posuere turpis semper sit amet. Aenean quis orci quis diam tincidunt convallis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin mattis placerat viverra.[/sstoggle] [sstoggle title="Third accordion slide"] Proin mattis placerat viverra. Morbi venenatis neque ipsum, eu posuere turpis semper sit amet. Aenean quis orci quis diam tincidunt convallis. [/sstoggle] [/toggles]

    Large Button


    [largebutton link="http://wordpress.org" target="blank" variation="pink"] Button Baby! [/largebutton] [largebutton link="http://wordpress.org" target="blank" variation="black"] Button Baby! [/largebutton] [largebutton link="http://wordpress.org" target="blank" variation="yellow"] Button Baby! [/largebutton] [largebutton link="http://wordpress.org" target="blank" variation="green"] Button Baby! [/largebutton]

    Medium Button

    [mediumbutton link="http://wordpress.org" target="blank" variation="pink"] Medium Baby! [/mediumbutton] [mediumbutton link="http://wordpress.org" target="blank" variation="black"] Medium Baby! [/mediumbutton] [mediumbutton link="http://wordpress.org" target="blank" variation="yellow"] Medium Baby! [/mediumbutton] [mediumbutton link="http://wordpress.org" target="blank" variation="green"] Medium Baby! [/mediumbutton][mediumbutton link="http://wordpress.org" target="blank" variation="blue"]Medium Baby[/mediumbutton]

    Small Button

    [smallbutton link="http://wordpress.org" target="blank" variation="pink"] Small Baby! [/smallbutton] [smallbutton link="http://wordpress.org" target="blank" variation="black"] Small Baby! [/smallbutton] [smallbutton link="http://wordpress.org" target="blank" variation="yellow"] Small Baby! [/smallbutton] [smallbutton link="http://wordpress.org" target="blank" variation="green"] Small Baby! [/smallbutton][smallbutton link="http://wordpress.org" target="blank" variation="blue"]Small Baby[/smallbutton][smallbutton link="http://wordpress.org" target="blank" variation="pink"] Small Baby! [/smallbutton] [smallbutton link="http://wordpress.org" target="blank" variation="black"] Small Baby! [/smallbutton] [smallbutton link="http://wordpress.org" target="blank" variation="yellow"] Small Baby! [/smallbutton]

    Support
    If you encounter any problems with the theme, find a bug, or anything else, we are happy to help you. Submit a ticket on HeroWP Forums, and we'll take it from there.