mtense productions

some stuff you might find useful

Adding Full Cart Display (Popup & Slider) to Hikashop Mini Carts

Posted by on in Techie Stuff
  • Font size: Larger Smaller
  • Hits: 81706
  • 7 Comments
  • Subscribe to this entry
  • Print

I helped a buddy develop an ecommerce site in joomla using hikashop.  Hikashop's cart module functionality is a bit limited.  You either get a very verbose full cart or a very minimal mini cart. We customized the mini cart to include the ability to expand to the full cart in either a slider or popup. This makes the functionality similar to what you find at amazon, especially when you move the cart to the very top of the page.

The cart hidden initially because it is empty. Add an item (from those below) to the cart to have it appear.  Then click the expansion image beside each to see how they expand.

Here are some demos of the expanding mini cart in action.

If you would like to add similar functionality to your hikashop, I have packaged up the files.

 

 

BEWARE that I have made changes to the hikashop core files and that I have not tested the wishlist cart. It is likely that I broke it when making changes, but it is not an issue for me.

Note that to make hikashop carts completely disappear, you need to use advanced module manager as described in this post.

Back up your files before installing! And DO NOT EVER update a live server with these files without testing them out offline first. If you don't know how to do that, then you shouldn't be messing with these files. Simply upzip the download into the joomla root directory, adjust the cart module settings, then update the CSS as appropriate.

Downloads:

Files:
Expanding Mini Cart for Hikashop 2.0 1.0 HOT
(0 votes)

Show the contents of your hikashop cart with slider or popup window. See this article for details.

Date 2013-04-04 16:44:20 File Size 23.94 KB Download 875 Download

Expanding Mini Cart for Hikashop 2.1 1.0 HOT
(0 votes)

Show the contents of your hikashop cart with slider or popup window. See this article for details.

Date 2013-04-04 16:47:27 File Size 24.09 KB Download 957 Download

Expanding Mini Cart for Hikashop 2.3.4 1.0 HOT
(0 votes)

Show the contents of your hikashop cart with slider or popup window. See this article for details.

Date 2014-12-06 15:46:13 File Size 26.01 KB Download 808 Download

0
Tagged in: Hikashop Joomla PHP

Comments

  • John Friday, 19 September 2014

    Looks like a great module. Have you made any updates to it. Hika has made a number of updates to their system and wondering if this solution will affect these changes.

  • Aaron Monday, 22 September 2014

    Unfortunately, I am very behind on the latest versions. I had hoped they would add this functionality into the product. Anyway, I will be upgrading this fall. I will add comments here when I have a version that works with the latest version. Cheers.

  • Dezso Thursday, 04 December 2014

    Hi,

    Any update on this? I would be willing to pay for this extension if it would work with the latest Hikashop.
    Cheers.

  • Aaron Thursday, 04 December 2014

    Yes, I have something working, but would need to package it up. Also it is a modification of some core hikashop files. Are you ok with that? Also I haven't tested wish list and suspect it is broken. Is that ok for you?

  • Aaron Saturday, 06 December 2014

    I posted a version compatible with 2.3.4. Let me know if it works for you.

  • Ian Shere Wednesday, 10 June 2015

    Just downloaded the latest version and it won't install. Has this happened to anyone else?

  • Ian Shere Wednesday, 10 June 2015

    Pfft. Ignore that last comment - didn't read install instructions. ;)

    Installed OK and configured the new cart. None works (doh obviously!!) and so does slide, but popup doesn't. I suspect (in my limited coding abilities) it's a mootools clash but I have no idea how to check or fix.

    Also the background of the popup is transparent not the white as specified in the module settings. I figured this was being overridden by your CSS so went and changed moopopup.css to white under .moopopup-container and .moopopup-body, but nothing. So I added !important to them both. Still nothing. And there ends my skills!

    What can I do to sort these issues out? URL is www.ckdev.info/2015. The cart is currently in the bottom right of the header. The position needs some adjustment, but I think I can figure that much out! :p

Leave your comment

Guest Saturday, 21 April 2018
You are here: Home Aaron Adding Full Cart Display (Popup & Slider) to Hikashop Mini Carts