Shoe store - Responsive Magento Theme

Shoe store – is a responsive eCommerce Template, perfect to create a eCommerce store like Shoes, Clothes, Opticals, Fashion products shop or any other shop you’d want. It is fully responsive and easily usable with any device(Desktop, tablet, mobile phone…), without removing any content!
It stores all website content into very neat and clear structure, and also, Customers can surf from time to time without confusing and wasting time. Quick Shop and Add to cart at home page save much more time for anyone come to your site. Very fast, very convenient and very, very effective.

Follow us on,

Theme Setup
  • Go to admin panel -> system -> configuration

  • On Left side choose Design tab

  • Under Package, set Current Package Name as "abserve"

  • Under Themes,
    For Shoestore: set Templates, Skin and Layout as "shoestore"

  • Click "Save Config"

  • screenshot
Intialize Setup
  • Navigate to System->Configuration->Developer Tab and disable Merge css/js .

  • Then navigate to System->Cache Storage Management and disable Cache.

  • Be sure that the Compilation Code is disabled (System->Tools -->Compilation)

Admin Upload

If you are using Fresh Magento Installation, We'd recommend the Magento Connect Manager method as it's the easiest.

  • Go to Admin Panel -> System Tab -> Magento Connect Manager.

  • Login your Magento Connect Manager using admin login credential.

  • Find “Direct package file upload” and Upload our Extension.

Manually Upload

Follow below instructions for manual installation,

  • Uncompress the zip file containing theme templates

  • Copy and Move appropriate Files and folders to your Magento Folder.

  • Login to your Magento store admin to tell Magento which theme to use as layout.

  • Refresh Magento Cache, System » Cache Management, Refresh everything.

  • Once you are done with the entire steps enable the cache again.

  • Now go to System -> Configuration and select the Design Tab

  • Enter the theme name in the all field and click on the Save Config button

Set Template
  • After Successfull Installation Please Logout and login again admin Panel.

  • Our Extension Changes will be displayed in System -> configuration -> tabs and Top Menu's in Admin Panel.

If you have receive 404 Error Please Logout adminpanel and login again to sove 404 Error.

Static Blocks
  • STEP 1 : Go to admin panel -> find cms navigation -> open home page -> on left side choose content tab and click show / Hide Editor

  • copy and paste the following content in below content box

  • {{block type="cms/block" block_id="HomeBanner" }} {{block type="cms/block" block_id="MemberBlock" }} {{block type="catalog/product_list"  name="settings_newproducthome" template="settings/newproduct_home.phtml" }} {{block type="catalog/product_list" name="categorytabs" template="settings/tabs.phtml" }} {{block type="cms/block" block_id="Ads" }} {{block type="cms/block" block_id="Blog" }} {{block type="settings/settings" name="settings_brand" template="settings/brand.phtml" }}

  • after that choose design tab and select layout as "1 column"

  • after that click save page button to save home page content

    screenshot screenshot screenshot


  • STEP 2 : Create Cms STATIC Block :

  • Go to Adminpanel -> cms -> static block

  • On Top Left, click "Add New Block" button

    screenshot


  • STEP 3 : Create Cms STATIC Block for Home Banner:

  • Go to Adminpanel -> cms -> static block

  • On Top Left, click "Add New Block" button

  • set Block Title and Store View for home banner

  • set Identifier as "HomeBanner"

  • set Status to "Enabled"

  • copy and paste the following content in below content box

    <div class="banner_slider"> <div id="owl-demo" class="owl-carousel owl-theme"> <div class="item"><img alt="banner" src="{{media url="settings/banner-2.jpg"}}" /></div> <div class="item"><img alt="banner" src="{{media url="settings/banner.jpg"}}" /></div> <div class="item"><img alt="banner" src="{{media url="settings/banner-2.jpg"}}" /></div> </div> screenshot
  • On Top Left, click "Save Block" button



  • STEP 4 : Create Cms STATIC Block for Ads:

  • Go to Adminpanel -> cms -> static block

  • On Top Left, click "Add New Block" button

  • set Block Title and Store View for Ads

  • set Block Title and Identifier as "Ads"

  • set Status to "Enabled"

  • copy and paste the following content in below content box

    <div class="advertise_container clearfix"> <div class="advertisement advertisement_block1"> <a href="httpd://www.abservetech.com/trends/demo/index.php/atheletic-shoes/men.html"> <img alt="" src="{{media url="settings/ad_1.png"}}" /> </a> </div> <div class="advertisement advertisement_block2"> <a href="httpd://www.trends.abservetech.com/trends/demo/index.php/atheletic-shoes/kids.html"> <img alt="" src="{{media url="settings/ad_2.png"}}" /> <img alt="" src="{{media url="settings/ad_3.png"}}" /> </a> </div> <div class="advertisement advertisement_block3"> <a href="httpd://www.abservetech.com/trends/demo/index.php/atheletic-shoes/women.html"> <img alt="" src="{{media url="settings/ad_4.png"}}" /> </a> </div> </div> screenshot
  • On Top Left, click "Save Block" button



  • STEP 5 : Create Cms STATIC Block for Member Block:

  • Go to Adminpanel -> cms -> static block

  • On Top Left, click "Add New Block" button

  • set Block Title and Store View for Member Block

  • set Identifier as "MemberBlock"

  • set Status to "Enabled"

  • copy and paste the following content in below content box

    <div class="service_container clearfix"> <div class="services animated slideInLeft" style="animation-duration: 3s;"> <i class="fa fa-tags animated tada"> </i> <h4>Professional </h4> <h6>Lorem Ipsum is simply dummy text of the printing and typesetting industry Lorem Ipsum has been the industry's tandard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to </h6> <div class="services_link"> <a>Read More </a> </div> </div> <div class="services animated zoomIn" style="animation-duration: 3s;"> <i class="fa fa-truck animated tada"> </i> <h4>Free Delivery </h4> <h6>Lorem Ipsum is simply dummy text of the printing and typesetting industry Lorem Ipsum has been the industry's tandard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to </h6> <div class="services_link"> <a>Read More </a> </div> </div> <div class="services animated slideInRight" style="animation-duration: 3s;"> <i class="fa fa-thumbs-up animated tada"> </i> <h4>Free Support </h4> <h6>Lorem Ipsum is simply dummy text of the printing and typesetting industry Lorem Ipsum has been the industry's tandard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to </h6> <div class="services_link"> <a>Read More </a> </div> </div> </div> screenshot
  • On Top Left, click "Save Block" button



  • STEP 6 : Create Cms STATIC Block for Blog:

  • Go to Adminpanel -> cms -> static block

  • On Top Left, click "Add New Block" button

  • set Block Title and Store View for Blog

  • set Identifier as "Blog"

  • set Status to "Enabled"

  • copy and paste the following content in below content box

    <div class="blog_container clearfix"> <div class="title"> <h2>From Our Blog</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry Lorem Ipsum has been the industry's tandard dummy text ever since the 1500s.</p> </div> <div class="blog"> <div class="blog_left"> <i class="fa fa-pencil"></i> <h5>Posted 15May 2015</h5> <h6>Lorem Ipsum is simply dummy<br />text of the printing and type<br />setting industry Lorem Ipsum</h6> </div> <div class="blog_right"> <i class="fa fa-pencil"></i> <h5>Posted 15May 2015</h5> <h6>Lorem Ipsum is simply dummy<br />text of the printing and type<br />setting industry Lorem Ipsum</h6> </div> </div> <div class="blog_row2"> <div class="blog_left"> <i class="fa fa-pencil"></i> <h5>Posted 15May 2015</h5> <h6>Lorem Ipsum is simply dummy<br />text of the printing and type<br />setting industry Lorem Ipsum</h6> </div> <div class="blog_right"> <i class="fa fa-pencil"></i> <h5>Posted 15May 2015</h5> <h6>Lorem Ipsum is simply dummy<br />text of the printing and type<br />setting industry Lorem Ipsum</h6> </div> </div> </div> screenshot
  • On Top Left, click "Save Block" button

Clear Cache
  • Go to Admin Panel -> System Tab -> Cache Management

  • On Left, click select all link, choose Action as Refresh or Disable Cache and Click "Submit".

screenshot
Responsive Megamenu

Configuration:

  • Go to Admin Panel -> System -> Configuration.

  • Find "Shoestore" tab on left side and click "Custom Megamenu".

  • You can Adjust Megamenu via AdminPanel

  • screenshot

    To Add Megamenu Image:

  • Open your site phpmyadmin

  • Click on sql

  • Copy and paste the following code

    INSERT INTO `eav_attribute` (`attribute_id`, `entity_type_id`, `attribute_code`, `attribute_model`, `backend_model`, `backend_type`, `backend_table`, `frontend_model`, `frontend_input`, `frontend_label`, `frontend_class`, `source_model`, `is_required`, `is_user_defined`, `default_value`, `is_unique`, `note`) VALUES(140, 3, 'thumbnail', NULL, 'catalog/category_attribute_backend_image', 'varchar', NULL, NULL, 'image', 'Thumbnail Image', NULL, NULL, 0, 0, NULL, 0, NULL); INSERT INTO `catalog_eav_attribute` (`attribute_id`, `frontend_input_renderer`, `is_global`, `is_visible`, `is_searchable`, `is_filterable`, `is_comparable`, `is_visible_on_front`, `is_html_allowed_on_front`, `is_used_for_price_rules`, `is_filterable_in_search`, `used_in_product_listing`, `used_for_sort_by`, `is_configurable`, `apply_to`, `is_visible_in_advanced_search`, `position`, `is_wysiwyg_enabled`, `is_used_for_promo_rules`) VALUES (140, NULL, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, NULL, 0, 0, 0, 0); INSERT INTO `eav_entity_attribute` (`entity_attribute_id`, `entity_type_id`, `attribute_set_id`, `attribute_group_id`, `attribute_id`, `sort_order`) VALUES (337, 3, 3, 4, 140, 3);
  • Click Go button

  • Open your admin panel

  • Navigate to catalog > Manage Categories

  • Click on the sub-categories

  • On General Information > Thumbnail Image, Click Browse button to browse and upload category image

    screenshot
  • Click Save Category button

Features:

  • Fully responsive layout

  • Separate Code Optimization for Mobile and Desktop Devices.

  • Different layout styles for Mobile and Desktop Devices.

  • Touchscreen Support

  • Adjust to show Number of Products based on Category.

  • Show and hide Home page link.

  • Merge Subcategory Features

  • Customize number of columns.

  • Create a static block for each Second Level Category.

  • Right-to-Left format support and SEO optimized.

  • Ajax Content load Feature.

  • Megamenu Popup Optimization.

  • Compatible with mobile devices, including iPhone, iPod, Android, MS Windows Phone.

screenshot
Ajax Cart

Ajax cart allow customers to view and manage contents in cart easily. Customers can continue shopping without reloading page. Items can be added and managed easily from the cart. It also sync with the cart page using Ajax.

Configuration:

  • Go to Admin Panel -> System -> Configuration.

  • Find "SHOE STORE" tab on left side and click under "Ajax Cart Configuration".

  • To update Cart on your page, click "Add Layout Update Block" button

  • Add ID/ Class selector of the block to be updated

  • Add Layout Update Block Name

  • Click "Save Config" button

  • screenshot
  • Go to Admin Panel -> System -> Configuration.

Features:

  • Allows user to add product to cart without reloading the page / redirecting to Cart page

  • Ajax increment or decrement quantity of products from the cart.

  • Allow to remove and update product(s) from the cart.

  • Show header cart popup on mouse over.

  • Supported Version : 1.9

screenshot
Ajax wish list and compare products

Ajax Wishlist:

Ajax wish list allows customers to view and manage wish list cart easily. Customers to add products in Wish list without page reload.

Ajax Compare:

Ajax Compare which can be used to user compare products without page reload and it dynamically update compare product count in side bar.

Smart One Page Checkout

One Page Checkout reduces the number of checkout steps and allows customers to buy products in one simple click. We have simplifies the checkout process and makes it much easier and faster for customers to buy products at your store.

screenshot

Features:

  • Unregistered visitor can create an account and save his/her data while placing an order.

  • Ability to save address in address book. Customers are allowed to save their addresses during the checkout process. Later they can select the saved address from the dropdown list and use it for shipping or billing.

  • Auto-fill billing and shipping addresses for logged in customers

  • Checkout Process on a single page.

  • Delivery can be made to different address from billing or customers can choose shipping address the same as billing.

  • The module gives customers a possibility to enter coupon code on the checkout page and get a discount.

  • The extension allows customers to edit cart content by removing products directly at one page checkout.

  • Responsive Design layout.

  • Gives you a possibility to specify the numbering of every block on the checkout page. If the quantity of blocks changes, the numbering will change automatically.

  • Require customers to check terms & conditions box before placing the order. The form appears in a pop-up window.

  • Information updates automatically after any changes in former ones without page reloading.

  • Order Comments box on checkout page.

  • Auto-update of prices and totals.

  • An option to set default Shipping and Payment method.

  • Default values for Country, Zip, State, City and Region.

screenshot screenshot screenshot
Auto Currency Switcher

Currency switching based on Visitor country location and currency code. These features allow Changing currency and country code as per visitor Ip location.

screenshot

Configuration:

  • Navigate to system > Configuration > Currency setup

  • Select two or more currencies from the 'Allowed Currencies' list

    screenshot
  • Click 'Save Config' button


  • Navigate to system > Manage Currency > Rates

  • Click import button to import selected currencies

  • Click 'Save Currency Rates' button

    screenshot

  • Navigate to system > Manage Currency > Symbols

  • Click 'Save Currency Symbols' button

    screenshot
General Feature

We have configured some of Magento Default features

Features:

  • Color Swatches.

  • Zooming Feature in Product Details.

  • Suitable for Mobile, Tablet, Desktop

  • Html5 & CSS3

Browser Support

Specifically, we support the latest versions of the following browsers and platforms. More specific support information is provided below.

  • Chrome

  • Safari

  • Opera

  • FireFox

  • IE 9+

Our Support
Download links

You are allowed to make any changes and modifications in the themes or products to adapt them to your needs. It is not permitted to change or remove the copyright information in the source code.