Ves Gift - Responsive

Magento Responsive Theme - Userguide


THANK YOU FOR PURCHASING OUR THEME!
Here are some basics on installing, configuring and customizing the VesTheme,
BEFORE WE GO
The theme and the sample data is provided "as is". Customizing code and other design related issues can be done as freelance work on a $50-100 hourly rate only with Paypal and/or Skrill, if VenusTheme 's available.
If you are new to Magento, please understand I cannot fix your site for free. VenusTheme would love to help everyone but there is no time. I suggest reading documentation available online regarding using Magento, server requirements, etc.

Thank you!
VenusTheme Team

THEME MODULE

THEME POSITION

Technical Requirements

Quickstart Installation

The Quickstart Package consists on a complete Magento ! + Template + Various Extensions + Sample Content, excellent for beginner users to explore back-end settings and sample content. Installing the Quickstart is just like installing Magento!, but you will have the full demo of the theme on your server. Once your environment is ready, follow this quick guide:

1. Please unzip package (ves_gift_theme.zip) and upload the folder app ,skin ,js from the theme package to the root directory of your magento software using an FTP client.

2. After uploader ,Go to Magento Admin >> System >> Configuration >> Design, write “ves_gift” in Themes/Default input box and click “Save Config” button.

3. Clear the store cache under Magento Admin >> System >> Cache Management and all cookies for your store domain. It might be necessary in case something goeswrong.

Change Theme Skin

Preview :

1. Go to Admin >> System >> Theme Panel (right column) . You change default skin color by other.

Click "Save Config" button .

I .Home Page

Preview :

Go to admin  >>  Cms  >>  Pages . Select your homepage and Configuration :

Content :

<div class="clearfix free-shipping">
<div class="left responsive"><img src="{{media url="wysiwyg/free-left.png"}}" alt="" /></div>
<div class="center">
<h1>Free</h1>
<h3>Shipping</h3>
<h4>Donec accumsan hendrerit orci id congue it amet nibh</h4>
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit nulla blandit nulla felis semper sit amet. facilisis tristique ante lectus eu sem. Integer ipsum leo.</span></div>
<div class="right responsive"><img src="{{media url="wysiwyg/free-right.png"}}" alt="" /></div>
</div>

Design :

Layout : 1 column

Create Static Block

Go to admin  >>  Cms  >>  Static Blocks. Click "Add new Block" button and Configuration :

1. Social Top

Preview :

Go to admin  >>  Cms  >>  Static Blocks. Click "Add new Block" button and Configuration :

Content :

<div class="top-social right">
<ul>
<li><a title="" href="#"><img src="{{media url="wysiwyg/in.png"}}" alt="" /></a></li>
<li><a title="" href="#"><img src="{{media url="wysiwyg/face.png"}}" alt="" /></a></li>
<li><a title="" href="#"><img src="{{media url="wysiwyg/tw.png"}}" alt="" /></a></li>
<li><a title="" href="#"><img src="{{media url="wysiwyg/goog.png"}}" alt="" /></a></li>
</ul>
</div>

2. Static Image Right

Preview :

Backend :

Content :

<ul class="slider-right">
<li>
<div class="gift-image"><a title="block 1" href="#"><img src="{{media url="wysiwyg/slider-right-top.jpg"}}" alt="" /></a></div>
</li>
<li class="bottom" style="margin-top: 15px;">
<div class="gift-image"><a title="block 1" href="#"><img src="{{media url="wysiwyg/slider-right-bottom.jpg"}}" alt="" /></a></div>
</li>
</ul>

3. Static Image Center

Preview :

Backend :

Content :

<div class="sptop-gift-image row-fluid">
<div class="span4">
<div class="gift-image"><a title="Block 1" href="#"><img src="{{media url="wysiwyg/sptop-1.png"}}" alt="Block 1" /></a></div>
</div>
<div class="span4">
<div class="gift-image "><a title="Block 2" href="#"><img src="{{media url="wysiwyg/sptop-2.png"}}" alt="Block 2" /></a></div>
</div>
<div class="span4">
<div class="gift-image "><a title="Block 3" href="#"><img src="{{media url="wysiwyg/sptop-3.png"}}" alt="Block 3" /></a></div>
</div>
</div>

4. Footer links

Preview :

Backend :

Static block 1 :

Content :

<div class="links-bottom clearfix">
<div class="columns columns-1 first">{{block type="venustheme_gallery/source_file" template="venustheme/gallery/file.phtml" }}</div>
<div class="columns columns-2">
<h4>Company</h4>
<ul>
<li><a title="" href="{{config path="web/secure/base_url"}}about-magento-demo-store">About Us</a></li>
<li><a title="" href="#">Catalog Request</a></li>
<li><a title="" href="{{config path="web/secure/base_url"}}catalog/seo_sitemap/category/">Site Map</a></li>
<li><a title="" href="#">Services</a></li>
<li><a title="" href="{{config path="web/secure/base_url"}}sales/guest/form/">Order and Returns</a></li>
<li><a title="" href="{{config path="web/secure/base_url"}}contacts">Contact Us</a></li>
</ul>
</div>
<div class="columns columns-3">
<h4>Customer Services</h4>
<ul>
<li><a title="" href="{{config path="web/secure/base_url"}}#">Terms Of Service</a></li>
<li><a title="" href="{{config path="web/secure/base_url"}}#">Privacy</a></li>
<li><a title="" href="{{config path="web/secure/base_url"}}#">Security</a></li>
<li><a title="" href="{{config path="web/secure/base_url"}}#">Terms of Use</a></li>
<li><a title="" href="{{config path="web/secure/base_url"}}#">Fusce mas neque</a></li>
</ul>
</div>
<div class="columns columns-4">
<h4>Customer Service</h4>
<ul>
<li><a title="" href="{{config path="web/secure/base_url"}}customer-service">Customer Services</a></li>
<li><a title="" href="{{config path="web/secure/base_url"}}customer-service">Customer Assistance</a></li>
<li><a title="" href="{{config path="web/secure/base_url"}}privacy-policy-cookie-restriction-mode">Privacy Policy</a></li>
<li><a title="" href="{{config path="web/secure/base_url"}}catalogsearch/term/popular/">Search Terms</a></li>
<li><a title="" href="{{config path="web/secure/base_url"}}catalogsearch/advanced/">Advanced Search</a></li>
<li><a title="" href="{{config path="web/secure/base_url"}}sales/guest/form/">Orders and Returns</a></li>
</ul>
</div>
<div class="columns columns-5">
<h4>Newsletter</h4>
{{block type="newsletter/subscribe" template="newsletter/subscribe.phtml"}}
<h4>Contact us</h4>
<span class="address">1234 - Duis Ipsum Street Bandit Tringilla</span> <span class="phone">123 456 789</span></div>
</div>

Static block 2 :

Content :


<div class="links-top">
<div class="container clearfix">
<ul>
<li><img src="{{media url='wysiwyg/links-top-1.png'}}" alt="" />
<div class="left"><a title="" href="#">Shipping</a> <strong>Donec it amet</strong></div>
</li>
<li><img src="{{media url='wysiwyg/links-top-2.png'}}" alt="" />
<div class="left"><a title="" href="#">Feadture Product</a> <strong>Donec it amet</strong></div>
</li>
<li><img src="{{media url='wysiwyg/links-top-3.png'}}" alt="" />
<div class="left"><a title="" href="#">My Wishlist</a> <strong>Donec it amet</strong></div>
</li>
<li><img src="{{media url='wysiwyg/links-top-4.png'}}" alt="" />
<div class="left"><a title="" href="#">My Order</a> <strong>Donec it amet</strong></div>
</li>
</ul>
</div>
</div>

5. Bank logo footer

Preview :

Backend :

Content :

<div class="right"><img src="{{media url="wysiwyg/bank.png"}}" alt="" /></div>

 

6. Images adv right

Preview :

Backend :

Content :

<div class="ves-position adv-right">
<div class="position-content"><img src="{{media url="wysiwyg/free-shipping-right.jpg"}}" alt="" /></div>
</div>

Layout config :

File : app/design/frontend/default/ves_gift/layout/local.xml

<reference name="left">
               <block type="cms/block" name="free-shipping-sidebar" after="-">
                <action method="setBlockId"><block_id>free-shipping-sidebar</block_id></action>
            </block>               
</reference>

 

Step 1: Go to admin page, then Go to System > Magento Connect > Magento Connect Manager

Step 2: Use your admin username/password to login magento connect manager, then upload  module package by package  from your local or use extension key to install:

(1) Get link magento connect

(2) Browse module from "ves_gift_unzip_first/module" package and Upload .

 

Package name : lof_coinslider-1.x.x.tgz

Preview :

Create Slider Image :

in top bar , find "Coin slider" > "Add coin slider"

+ Title : Title of images

+ Enable : display or no

+ Image : browse images in media folder

+ Group : name of group

+ Link : link

+ Position : 1 , 2 ...

Click "Save Banner" button .

Go to admin  >>  System  >>  Configuration.Select module " Lof  Coinslider " in left side bar.  Configuration like images:

Package name : Venustheme_ProductScroll-1.x.x.tgz

Preview :

Go to admin  >>  System  >>  Configuration.Select module " Ves Product Scroll " in left side bar.  Configuration like images:

Package name : Ves_TabsHome-1.x.x.tgz

Preview :

Go to admin  >>  System  >>  Configuration.Select module " Venus Tabs Home " in left side bar.  Configuration like images:

Install Slider Module

Package name : Lof_Slider-1.x.x.tgz

Preview :

Create Slider Image :

In top bar , find "Coin slider" > "Add coin slider"

Click "Add Slider" :

Do the same with other images .

Go to admin  >>  System  >>  Configuration.Select module "Lof Slider" in left side bar.  Configuration like images:

Package name : Ves_Megamenu-1.x.x.tgz
Preview :

1.Create Static block for custom block

Preview :

Column 1 :

Backend :

Content :

<ul>
<li><a title="" href="#">Dresses</a></li>
<li><a title="" href="#">Day</a></li>
<li><a title="" href="#">Evening</a></li>
<li><a title="" href="#">Sundresses</a></li>
<li><a title="" href="#">Sweater</a></li>
<li><a title="" href="#">Belts</a></li>
<li><a title="" href="#">Blouses and Shirts</a></li>
</ul>

-------------------------------------------

Column 2 :

Backend :

Content :

<ul>
<li><a title="" href="#">Cocktail</a></li>
<li><a title="" href="#">Hair Accessories</a></li>
<li><a title="" href="#">Hats and Gloves</a></li>
<li><a title="" href="#">Lifestyle</a></li>
<li><a title="" href="#">Bras</a></li>
<li><a title="" href="#">Scarves</a></li>
<li><a title="" href="#">Small Leathers</a></li>
</ul>

-------------------------------------------

Column 3 :

Backend :

Content :

<ul>
<li><a title="" href="#">Evening</a></li>
<li><a title="" href="#">Long Sleeved</a></li>
<li><a title="" href="#">Short Sleeved</a></li>
<li><a title="" href="#">Sleeveless</a></li>
<li><a title="" href="#">Tanks and Camis</a></li>
<li><a title="" href="#">Clutches</a></li>
<li><a title="" href="#">Cross Body</a></li>
</ul>

-------------------------------------------

Column 4 :

Backend :

Content :

<ul>
<li><a title="" href="#">Satchels</a></li>
<li><a title="" href="#">Shoulder</a></li>
<li><a title="" href="#">Briefs</a></li>
<li><a title="" href="#">Handbags</a></li>
<li><a title="" href="#">Camis</a></li>
<li><a title="" href="#">Nightwear</a></li>
<li><a title="" href="#">Shapewear</a></li>
</ul>

-------------------------------------------

Column 5 :

Backend :

Content :

<h3>perspiciatis</h3>
<p><img src="{{media url="wysiwyg/mgmu-perspic.jpg"}}" alt="" /></p>
<p>Lorem sagittis velit mollis eros adipiscing massa nulla ut augue.</p>

2. Config Module

Go to admin  >>  System  >>  Configuration.Select module " Ves megamenu " in left side bar.  Configuration like images:

Step 2 : Add Content Module

Go to admin , In top navigation find : VesExtension  >>  Ves Megamenu >>  Manage Menu Items

1. Add Root Megamenu

Remember (2) Root Catalog ID

Back in Step 1 and config :

(1) Choice "Root Catalog ID" like (2)

 

I . Add "Home" link

II . Add "Quick Shop" with list catagories

Drag all catagories to "Quick Shop" :

III . Custom block

Custom block column  :

Do the same with column2 , column3 , column4 , column5 .

Package name : Venustheme_Blog-1.x.x.tgz

Preview :

1.Create Blog Categories

Click "Add Record" Button

Do the same with others.

2.Create Post

3.Config Module

Package name : Venustheme_Sideproduct-1.x.x.tgz

Preview :

Go to admin  >>  System  >>  Configuration.Select module " Ves Sideproduct " in left side bar.  Configuration like images:

Install Jquery LightBoxes Extension

Package name : Mpycho_Jquery_Lightboxes-1.2.0.tgz
Install : You can Install via Magento Connect or unzip package (Mpycho_Jquery_Lightboxes-1.2.0.tgz) and upload the folder extensions from the theme package to the root directory of your magento software using an FTP client.

Preview :

After uploader ,Go to admin  >>  System  >>  Configuration.Select module " jQuery LightBoxes " in left side bar.  Configuration like images:

Click "Save Config" button .

Install East Tabs Extension

Package name : magento_easy_tabs-1.1.tgz
Install : You can Install via Magento Connect or unzip package (magento_easy_tabs-1.1.tgz)

and upload the folder extensions from the theme package to the root directory of your magento software using an FTP client.

Preview :

After uploader ,Go to admin  >>  System  >>  Configuration.Select module " Easy Tabs " in left side bar.  Configuration like images:

Click "Save Config" button .

SUPPORT WAYS

 
 
 
Thanks for reading
 
Regard
 
VenusTheme
 
Website:  http://venustheme.com
Email:      venustheme@gmail.com
Skype:     hatuhn