Thank you for purchasing our theme. If you have any questions that are beyond the scope of this documentation, please feel free to us via email. Thanks so much!
FIRST, MADRIN is a Wordpress theme and must installed into a Wordpress framework, so make sure you have already installed Wordpress 3.9 or higher. If you haven't already done this, go to Wordpress.org for a free download and installation.
Get the MADRIN Theme installation package from your account(after login on Themeforest.net) at downloads page and save it to your computer.
You can upload the MADRIN file:
When you get to your Dashboard, scroll down the left sidebar to the Appearance Panel and hover or click on "Appearance". You will be able to see the sub-menu in the picture below:
Click "Themes" as above image and will see an "Add New" button.
Click "Add New" button, then click on "Upload Theme"
Click "Browse" and find the MADRIN zip file location on your computer.
Now you just have to click Install Now and wait for your theme folder to be uploaded and unzipped. The process might take some minutes, so please be patient.
(SKIP THIS STEP if you have already successfully uploaded MADRIN theme via Wordpress) - Now you will learn how to upload your files using the Filezilla client.
First, BACKUP YOUR FILES! Should do it before set up anything, this is always the safest.
Next, download and install the Filezilla Client from http://filezilla-project.org/
Now OPEN FILEZILLA to see this window:
Fill in your FTP information, like in the image below:
Click "QUICK CONNECT", here is screen after login:
Use the right side panel to navigate to the Worpdress theme folder on your server. In the example above, the Worpdress theme folder is public_html/wp-content/themes/. However, not all web hosting have public_html, it may have a different name in your server.
After you get to the Wordpress theme folder, use the left side panel to locate where you extracted the theme folder from the downloaded zip file into. In this example, the theme folder is on the desktop.
Drag it into your web hosting:
Note: you may be asked if you want to overwrite files and/or folder. Tick the option to "Always use this action" and click on "Ok", then wait until all files have been uploaded.
If you chose to upload MADRIN with Wordpress uploader(via step 1 above), then wait for the notice below to appear and then click the link "Activate".
In cases where you uploaded the files with other FTP tools, open the Wordpress dashboard and navigate to Appearance>>Themes. You can activate MADRIN from the theme choices there.
Hover on the MADRIN theme screenshot to view the "Activate" button and click on it as above image. A notice will appear as image below and asking you to install some required plugins. Click "Begin installing plugins" to next
All plugins required have been zipped/already into your download package, so you only need to do is click on the "Begin installing plugins".
You should be navigated to the Install Required Plugin page, which shows a plugin list similar to this:
Next, Click on the checkbox beside "Plugin" label to select all plugins in the list.
Then choose "Install" from the drop-down list at the top and then click "Apply".
The installing process status will be shown in your browser. It may takes a few minutes, so please be patient. After sucessfull, your screen like that
When the notice "All installations have been completed" appears, click on the "Return to Required Plugins Installer" link to turn back to the plugin list.
Next, click on the box beside the Plugin label again to select all plugins and choose Activate this time.
Next, go to Appearance > Theme Options > Click button "Options Reset" > Click "Generate Less to CSS" > Click button "Save All Changes".
Next, go to Settings > Media
With MADRIN, you can build a functioning website just by clicking a button and install our demo data or click 3.3 Build Page Custom to step by step. Your MADRIN installation will
be set up with what we have on our demo website, and you can use it as a template to develop your own website.
The "Demo Data Import" button can be found in Theme Options
As you can see in the picture above:
The progressing would be displayed on import status bars so you will know when it is finished and your data is ready.
Next, go to Settings > Permalinks > Click "Save Changes" button.
DONE. Now, you can visit your website to view demo.
You can create any number of pages with content. Our theme includes several page templates to choose from, and you will need to choose the page template that suits your needs. All of this is done in the pages section of your WordPress admin.
If you DID NOT One Click Install Demo Data, you will need to MANUALLY CREATE your Home and other pages. Here’s how to build it:
Step 1 – Navigate to Pages in your admin sidebar and click Add New option.
Step 2 – Input a new name for your page, and click "BACKEND EDITOR"(must installed Visual Composer plugins).
Step 2.1 – Don't click "BACKEND EDITOR": only input content to area 3 then go to Step 3
Step 2.2 – Click "BACKEND EDITOR": screen see below
Step 3 – Set your Parent page. It’s usually set to No Parent.
Step 4 – Set your page template from the Template dropdown list. See list of page templates below.
Step 5 – Content for your page goes in the editing field, use the Visual or Text editor. Page content is mainly built using Shortcodes. See the Shortcodes section for how to use them. You can also use our demo content, see the corresponding section of this document for the demo code of each page.
MADRIN uses Visual Composer as its visual page builder, you can take full control over your WordPress site and build any layout you can imagine with drag and drop page builder plugin – no programming knowledge required.
If you DID NOT One Click Install Demo Data, you will need to MANUALLY CREATE your Home and other pages. Here’s how to build MADRIN pages:
Now you can start fiddling with Visual Composer to build your home page with any design that you like.
In case you don't have time for experience with it, you can switch to "Classic Mode" and use one of the shortcode sets provided below to build your frontshop based on one of the pre-made home page we offer.
To create a page similar to Homepage in our the demo, choose the Classic Mode and switch to the Text tab, then paste this code into the content of your page:
Paste one of these content into your Homepage, choose Template "Home Pages", then publish this page and set it as your frontpage(3. Settings a static page as Home) in the Wordpress Settings panel.
For a further understanding on these shortcodes and what they do, please visit MADRIN Demo page.
Recently OnePage sites has become a trend, and MADRIN can help you do it easily. You just have to create a Menu with Links as items.
After that, any where want menu link to section, please edit row by Visual Composer and type id on field: Row ID
After setting up the homepage, you need to setup the slider for homepage to make it display the same as in live preview.
The download package contains the exported slider (Revolution Slider) that can be used as your slider template. Please follow the steps below to import it to your shop:
Please note that these steps are to set up slider for homepage the same as in live demo. If you want to make your own slider, please follow the official Slider Revolution document.
To add Parallax scrolling effect for a Row while editing with Visual Composer, simply check Set parallax effect of your Row.
Next, select Design Options tab then select Background Image.
You can do step by step as image below to build contact form
You can visit Contact Form 7 Plugin to further details.
Or copy and paste content below to Form field(see image above)