OverlayCart

OverlayCartMore flexible, powerful, and modern than any shopping cart module out there. It’s time to take your shopping cart module to the next level, with the modern overlay style.

The cart contents is displayed in a well-organized modal view with a various number of CSS3 animations then the customers can see how many products are in their cart including their images and prices, the total price of the cart, delete products from cart, and provides links to view the shopping cart and check out.

Introduction

OverlayCart is a powerful shopping cart module for VirtueMart, once you complete the purchase process you will be able to download the compressed file “overlaycart_v1.0.0_UNZIPME.zip” (the version may change) the archive contains two extensions :

  • plg_overlaycart.zip : the module needs this plugin to get the shopping cart data
  • mod_overlaycart_v1.0.0.zip : Joomla module to show the shopping cart

Joomla Plugin: plg_overlaycart.zip

Installation:

    • The first step is to login to your website administration
    • And then from the top menu go to “Extensions” and choose “Manage”
    • Select "Upload Package File" tab
    • Click on “choose file” and browse the overlaycart plugin file
    • Once the file is selected click on “Upload & Install”

s1

Configuration:

    • From the administration area of your Joomla website go to “Extensions” and then “Plugins”

s2

    • Search and click on the plugin named “System - OverlayCart”

s2

    • Then you should enable the plugin

s2

 

Joomla Module: mod_overlaycart_v1.0.0.zip

Installation:

    • The first step is to login to your website administration
    • And then from the top menu go to “Extensions” and choose “Manage”
    • Select "Upload Package File" tab
    • Click on “choose file” and browse the “mod_overlaycart_v1.0.0.zip” module file
    • Once the file is selected click on “Upload & Install”

1

Configuration:

    • From the administration area of your Joomla website go to “Extensions” and then “Modules”

2

    • search and click on the module named “Overlay shopping cart for VirtueMart”
    • s2

    • From the “Module” Tab you should publish the module and choose a position
    • Don’t forget to assign the module to the desired menu link from the “Menu Assignment” Tap

Again From the “Module” section you can configure the module to adapt it to your needs, you find:

  1. Animation: change the animation style of the shopping cart modal view
  2. Theme: chnage the color of the modal view
  3. 1

Result:

1

  • Wednesday, 05 March 2014