To install and working this theme you must have Server space at a Hosting Provider, Domain Name for your site, FTP Client to access your files, File Editor.
- Web server: Apache Web server 2.0 or later.
- PHP 5.4 or later.
- MySQL 5.0 or later.
- At least 128 Mb of RAM on your server.
Before proceeding further you must have a working version of Prestashop already installed. For more details information Prestashop platform, you must visit prestashop installation documentation atleast once http://doc.prestashop.com/display/PS17/Getting+started
After Prestashop is installed, You Follow below steps to install our theme from admin panel
Go to store Back office > Design > Theme & Logo > Add new theme
After clicking on Add new theme you will ask for theme zip to upload, please see above screenshot.
Click on Add file browse you theme zip and select, as shown in above screenshot.
Once you select the zip file, your screen will look like above screen, After that click on save button
After successfully uploading the theme zip you will see the theme that you upload at select theme for my store, Simply click on Use this theme button
You will your theme has been successfully uploaded and installated.
After upload and activate the theme successfully you need to upload your store logo, For that follow the below screenshot.
Go to store Back office > Design > Theme & Logo
Click on Add file browse you logo image and select, as shown in above screenshot. We recommend you to upload .png format logo image
Click on save button, after successfully uploading logo, you will see above screenshot
Click on save button, after successfully uploading logo, you will see above screenshot
Go to store Back office > Design > Theme & Logo
Click on Choose layouts button, after successfully uploading logo, for settings of page layouts for pages, as shown in below screenshot.
you will have three layouts options as 1. Full width, without side column, 2. Two columns, with left column, 3. Two columns, with right column.
Here in this section will see how to change the images size and regenerate images after changing the image size.
Go to store Back office > Design > Image settings
Here in our theme we are changing only few image to be fit with theme designs.
Home_default : 300 * 300
Large_default : 1000 * 1000
After sccessfully changing image size, we must need to regenerate new images , as shown in above screenshot.
Simply enable the Erase previous images by clicking on it, and after that click on Regenerate Thumbnails.
Install and edit the module to configure the Main slider for Aura Themes.
Here in our theme we are changing only few image sizes to be fit with theme designs.
Speed : 5000 Miliseconds
Pause on hover : Yes/No
Loop forever : Yes/No
We can edit the Silde image, Slide contents, as well as redirection link, simply click on edit button
You can update image, simply click on Choose a file.
Title : THE BIG OFFER DAY
Target URL : #
Caption : Sample 1
Enabled : Yes/No
Description:
Simply click on < > button it will allow you to edit html content, simply copy the below html code and click on save button.
-
Slider:1
<h2>All The Fresh Vegetables In Our Store</h2>
<p class="banner-detail">There are many variations of passages of Lorem Ipsum available.</p>
<p><button class="btn btn-primary">Shop Now</button></p>
-
Slider:2
<h2>A Healty and Nutural Fruits Our Store</h2>
<p class="banner-detail">There are many variations of passages of Lorem Ipsum available.</p>
<p><button class="btn btn-primary">Shop Now</button></p>
-
Slider:3
<h2>We supply highly quality organic products</h2>
<p class="banner-detail">There are many variations of passages of Lorem Ipsum available.</p>
<p><button class="btn btn-primary">Shop Now</button></p>
Install and edit the module to configure the Top brand List for Aura Themes.
You can upload more brands here in back office : Go to store Back office > catelog > Brands & Suppliers > Brands.
We have 2 option to conmfigure in brand list module.
Type Display : Use a plain text (It must be Use a plain text while you are displaying brands on home page home hook).
Number of elements to display : 10 (It must be more than 7 for slider).
Install and edit the module to configure the Top sellers products for Aura Themes.
It will only display products if and only if you have place any order place successfully.
We have 1 option to configure in top seller products module.
Products to display : 8 (It must be more than 5 for slider).
Install and edit the module to configure the Popular products for Aura Themes.
It will display Popular products on Home page with slider or grid
We have 3 option to configure in Popular products module.
Numbers of Products to displayed : 8 (It must be more than 5 for slider).
Category from which to pick products to be displayed : 8 (Its category ID, you will find it in Back office > Catelog > categories ).
Randomly display featured products : Yes/No.
Install and edit the module to configure the New products for Aura Themes.
It will display Latest added products on Home page with slider or grid.
We have 2 option to configure in New products module.
Products to display : 8 (It must be more than 5 for slider).
Number of days for which the product is considered 'new' : 20 (Its days to how long latest products will be consider as latest.
Install and edit the module to configure the Search products by category for Aura Themes.
Would you like show categories enable the yes button.
We have 1 option to configure in Search products by category module.
- We may arrange Search category according our site requirements.
Install and edit the module to configure the Custom services blocks for Aura Themes.
It will display Custom Services developed using Static HTML contents, It will be displayed on Home page.
Simply click on < > button it will allow you to edit html content, simply copy the below html code and click on save button.
<div class="custom-service-block">
<div class="customservices">
<div class="service-1 service">
<div class="services-inner"><span class="service1-icon icon"><span class="service1-icon serviceicon"></span></span>
<div class="service-description">
<div class="service-title"><a href="#">24/7 Customer Support</a></div>
<div class="service-text">Passage of Lorem Ipsum, you need sure embarrassing hidden.</div>
</div>
</div>
</div>
<div class="service-2 service">
<div class="services-inner"><span class="service2-icon icon"><span class="service2-icon serviceicon"></span></span>
<div class="service-description">
<div class="service-title"><a href="#">Money Back Guareentee</a></div>
<div class="service-text">Passage of Lorem Ipsum, you need sure embarrassing hidden.</div>
</div>
</div>
</div>
<div class="service-3 service">
<div class="services-inner"><span class="service3-icon icon"><span class="service3-icon serviceicon"></span></span>
<div class="service-description">
<div class="service-title"><a href="#">Easy to Return</a></div>
<div class="service-text">Passage of Lorem Ipsum, you need sure embarrassing hidden.</div>
</div>
</div>
</div>
<div class="service-4 service">
<div class="services-inner"><span class="service4-icon icon"><span class="service4-icon serviceicon"></span></span>
<div class="service-description">
<div class="service-title"><a href="#">Easy Payment</a></div>
<div class="service-text">Passage of Lorem Ipsum, you need sure embarrassing hidden.</div>
</div>
</div>
</div>
</div>
</div>
Install and edit the module to configure the Custom testimonials blocks for Aura Themes.
It will display Custom Testimonials developed using Static HTML contents, It will be displayed on Home page.
Simply click on < > button it will allow you to edit html content, simply copy the below html code and click on save button.
<div id="testimonial-block">
<div id="testimonial-slider">
<div class="item testimonial-contain">
<div class="testimonial-image"><img src="https://themedemos.aurawebsol.com/prestashop/addons2/65greenkart/img/cms/testimonial-1.png" alt="testimonial-img" /></div>
<div class="testimonial-description">
<div class="testimonial-author">
<div class="user-name"><a href="#">JECOB GOECKNO</a></div>
<div class="user-des">-Financer</div>
</div>
<div class="des">
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum.</p>
</div>
</div>
</div>
<div class="item testimonial-contain">
<div class="testimonial-image"><img src="https://themedemos.aurawebsol.com/prestashop/addons2/65greenkart/img/cms/testimonial-2.png" alt="testimonial-img" /></div>
<div class="testimonial-description">
<div class="testimonial-author">
<div class="user-name"><a href="#">JECOB GOECKNO </a></div>
<div class="user-des">-Financer</div>
</div>
<div class="des">
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum.</p>
</div>
</div>
</div>
<div class="item testimonial-contain">
<div class="testimonial-image"><img src="https://themedemos.aurawebsol.com/prestashop/addons2/65greenkart/img/cms/testimonial-3.png" alt="testimonial-img" /></div>
<div class="testimonial-description">
<div class="testimonial-author">
<div class="user-name"><a href="#">JECOB GOECKNO </a></div>
<div class="user-des">-Financer</div>
</div>
<div class="des">
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum.</p>
</div>
</div>
</div>
<div class="item testimonial-contain">
<div class="testimonial-image"><img src="https://themedemos.aurawebsol.com/prestashop/addons2/65greenkart/img/cms/testimonial-4.png" alt="testimonial-img" /></div>
<div class="testimonial-description">
<div class="testimonial-author">
<div class="user-name"><a href="#">JECOB GOECKNO </a></div>
<div class="user-des">-Financer</div>
</div>
<div class="des">
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum.</p>
</div>
</div>
</div>
<div class="item testimonial-contain">
<div class="testimonial-image"><img src="https://themedemos.aurawebsol.com/prestashop/addons2/65greenkart/img/cms/testimonial-5.png" alt="testimonial-img" /></div>
<div class="testimonial-description">
<div class="testimonial-author">
<div class="user-name"><a href="#">JECOB GOECKNO </a></div>
<div class="user-des">-Financer</div>
</div>
<div class="des">
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum.</p>
</div>
</div>
</div>
</div>
</div>
Install and edit the module to configure the Offer banner blocks for Aura Themes.
It will display Offer banner for your store, and It will be displayed on Home page.
We have 3 option to configure in Offer banners module.
You can update offer banner, simply click on Choose a file.
Offerbanner Link : # 5 for slider).
Offerbanner description : New Mega Deal ( Its not text displayed on banners its used for Search Engine Optimization).
Install and edit the module to configure the Custom Payments blocks for Aura Themes.
It will display Custom Html developed using Static HTML contents, It will be displayed on Home page.
Simply click on < > button it will allow you to edit html content, simply copy the below html code and click on save button.
<div class="payment-block">
<div class="payment-block-inner">
<ul>
<li class="visa"><a href="#">visa</a></li>
<li class="discover"><a href="#"> discover</a></li>
<li class="express"><a href="#">express</a></li>
<li class="mastercard"><a href="#">mastercard </a></li>
<li class="paypal"><a href="#">paypal</a></li>
</ul>
</div>
</div>
Install and edit the module to configure the Custom Call us blocks for Aura Themes.
It will display Custom Html developed using Static HTML contents, It will be displayed on Home page.
Simply click on < > button it will allow you to edit html content, simply copy the below html code and click on save button.
<div class="callus-blocks">
<div class="callus-inner"><span class="callus-icon"></span>
<div class="callus-detail">
<div class="callus-title"><a href="#">Call us Free</a></div>
<div class="callus-text">(555) 172-244-7888</div>
</div>
</div>
</div>
Install and edit the module to configure the Custom About us blocks for Aura Themes.
It will display Custom Html developed using Static HTML contents, It will be displayed on Home page.
Simply click on < > button it will allow you to edit html content, simply copy the below html code and click on save button.
<div class="aboutblock-inner">
<div class="about-service">
<div class="service-1 service">
<div class="services-inner"><span class="service1-icon icon"><span class="service1-icon serviceicon"></span></span>
<div class="service-description">
<div class="service-title"><a href="#">big sale* <span>& cashback offer</span></a></div>
<div class="service-text">Best Discount Get Up to 35% of on sale Cuppen Code:<span>#1213</span></div>
</div>
</div>
</div>
<div class="service-2 service">
<div class="services-inner"><span class="service2-icon icon"><span class="service2-icon serviceicon"></span></span>
<div class="service-description">
<div class="service-title"><a href="#">free shipping <span> on orders over $99</span></a></div>
<div class="service-text">All New Marketplace Vegetable Selling For Orgenics Items</div>
</div>
</div>
</div>
</div>
<div class="aboutcms">
<div class="banner1 banner">
<div class="banner-inner"><a class="cms-image" href="#"> <span><img src="https://themedemos.aurawebsol.com/prestashop/addons2/65greenkart/img/cms/about-banner1.jpg" alt="banner" /></span> </a>
<div class="detailes">
<div class="title">Orgenics Salad</div>
<div class="description">Special Offer</div>
<a class="btn btn-primary" href="#">Shop Now</a></div>
</div>
</div>
<div class="banner2 banner">
<div class="banner-inner"><a class="cms-image" href="#"> <span><img src="https://themedemos.aurawebsol.com/prestashop/addons2/65greenkart/img/cms/about-banner2.jpg" alt="banner" /></span> </a>
<div class="detailes">
<div class="title">natural products</div>
<div class="description">Save up to 35% off</div>
<a class="btn btn-primary" href="#">Shop Now</a></div>
</div>
</div>
</div>
</div>
Install and edit the module to configure the Custom Featured blocks for Aura Themes.
It will display Custom Html developed using Static HTML contents, It will be displayed on Home page.
Simply click on < > button it will allow you to edit html content, simply copy the below html code and click on save button.
<div class="custom-feature-block products">
<div class="feature-collections">
<div class="title-block">
<h1 class="h1 products-section-title"><span>Shop By Category</span> <span id="feature-arrows" class="slik-arrows"></span></h1>
</div>
<div id="feature-image-slider">
<div class="feature-collection1 feature-collection item">
<div class="feature-collection-inner">
<div class="collection-image"><a class="cms-image" href="#"><img src="https://themedemos.aurawebsol.com/prestashop/addons2/65greenkart/img/cms/feature-img1.png" alt="banner" /></a></div>
<div class="collection-description">
<div class="collection-title"><a href="#">Veg Salad</a></div>
<a class="btn" href="#">Get it Now</a></div>
</div>
</div>
<div class="feature-collection2 feature-collection item">
<div class="feature-collection-inner">
<div class="collection-image"><a class="cms-image" href="#"><img src="https://themedemos.aurawebsol.com/prestashop/addons2/65greenkart/img/cms/feature-img2.png" alt="banner" /></a></div>
<div class="collection-description">
<div class="collection-title"><a href="#">Garlic</a></div>
<a class="btn" href="#">Get it Now</a></div>
</div>
</div>
<div class="feature-collection3 feature-collection item">
<div class="feature-collection-inner">
<div class="collection-image"><a class="cms-image" href="#"><img src="https://themedemos.aurawebsol.com/prestashop/addons2/65greenkart/img/cms/feature-img3.png" alt="banner" /></a></div>
<div class="collection-description">
<div class="collection-title"><a href="#">Potatoes</a></div>
<a class="btn" href="#">Get it Now</a></div>
</div>
</div>
<div class="feature-collection4 feature-collection item">
<div class="feature-collection-inner">
<div class="collection-image"><a class="cms-image" href="#"><img src="https://themedemos.aurawebsol.com/prestashop/addons2/65greenkart/img/cms/feature-img4.png" alt="banner" /></a></div>
<div class="collection-description">
<div class="collection-title"><a href="#">Turnips</a></div>
<a class="btn" href="#">Get it Now</a></div>
</div>
</div>
<div class="feature-collection5 feature-collection item">
<div class="feature-collection-inner">
<div class="collection-image"><a class="cms-image" href="#"><img src="https://themedemos.aurawebsol.com/prestashop/addons2/65greenkart/img/cms/feature-img5.png" alt="banner" /></a></div>
<div class="collection-description">
<div class="collection-title"><a href="#">Chilli Peppers</a></div>
<a class="btn" href="#">Get it Now</a></div>
</div>
</div>
<div class="feature-collection6 feature-collection item">
<div class="feature-collection-inner">
<div class="collection-image"><a class="cms-image" href="#"><img src="https://themedemos.aurawebsol.com/prestashop/addons2/65greenkart/img/cms/feature-img6.png" alt="banner" /></a></div>
<div class="collection-description">
<div class="collection-title"><a href="#">Capsicums</a></div>
<a class="btn" href="#">Get it Now</a></div>
</div>
</div>
<div class="feature-collection7 feature-collection item">
<div class="feature-collection-inner">
<div class="collection-image"><a class="cms-image" href="#"><img src="https://themedemos.aurawebsol.com/prestashop/addons2/65greenkart/img/cms/feature-img7.png" alt="banner" /></a></div>
<div class="collection-description">
<div class="collection-title"><a href="#">Broccoli</a></div>
<a class="btn" href="#">Get it Now</a></div>
</div>
</div>
<div class="feature-collection8 feature-collection item">
<div class="feature-collection-inner">
<div class="collection-image"><a class="cms-image" href="#"><img src="https://themedemos.aurawebsol.com/prestashop/addons2/65greenkart/img/cms/feature-img8.png" alt="banner" /></a></div>
<div class="collection-description">
<div class="collection-title"><a href="#">Peas</a></div>
<a class="btn" href="#">Get it Now</a></div>
</div>
</div>
<div class="feature-collection9 feature-collection item">
<div class="feature-collection-inner">
<div class="collection-image"><a class="cms-image" href="#"><img src="https://themedemos.aurawebsol.com/prestashop/addons2/65greenkart/img/cms/feature-img9.png" alt="banner" /></a></div>
<div class="collection-description">
<div class="collection-title"><a href="#">Carret</a></div>
<a class="btn" href="#">Get it Now</a></div>
</div>
</div>
</div>
</div>
</div>
Install and edit the module to configure the Custom html blocks for Aura Themes.
It will display Custom Html developed using Static HTML contents, It will be displayed on Home page.
Simply click on < > button it will allow you to edit html content, simply copy the below html code and click on save button.
<div class="subbannercms">
<div class="banner1 banner">
<div class="banner-inner"><a class="cms-image" href="#"> <span><img src="https://themedemos.aurawebsol.com/prestashop/addons2/65greenkart/img/cms/banner1.jpg" alt="banner" /></span> </a>
<div class="detailes">
<div class="title">Sale up to 50% off</div>
<div class="description">New Arrivals Organic</div>
<a class="btn btn-primary" href="#">Discver More</a></div>
</div>
</div>
<div class="banner2 banner">
<div class="banner-inner"><a class="cms-image" href="#"> <span><img src="https://themedemos.aurawebsol.com/prestashop/addons2/65greenkart/img/cms/banner2.jpg" alt="banner" /></span> </a>
<div class="detailes">
<div class="title">Order At Daily</div>v <div class="description">farm sweets pineapple</div>
<a class="btn btn-primary" href="#">Discver More</a></div>
</div>
</div>
<div class="banner3 banner">
<div class="banner-inner"><a class="cms-image" href="#"> <span><img src="https://themedemos.aurawebsol.com/prestashop/addons2/65greenkart/img/cms/banner3.jpg" alt="banner" /></span> </a>
<div class="detailes">
<div class="title">Get 100% Organic</div>
<div class="description">explore fresh fruits!</div>
<a class="btn btn-primary" href="#">Discver More</a></div>
</div>
</div>
</div>
Install and edit the module to configure the Specials products for Aura Themes.
It will only display products with special prices, which are considered as discounted..
We have 1 option to configure in top seller products module.
Products to display : 8 (It must be more than 5 for slider).
Install and edit the module to configure the Side Specials products for Aura Themes.
It will only display products with special prices, which are considered as discounted..
We have 1 option to configure in Side Offer products module.
Products to display :3 (It must be more than 5 for slider).
It will be use in you CMS modules come with your theme cms modules are 1. Custom services blocks, 2. Custom testimonials blocks and 3. Custom html blocks .
Now you can start customization on our theme.
If you feel difficulty while installation and configuration of theme, you can contact us any time, we are available 24*7.
Simply Goto Theme description page.
