Cleaner Cart Module with modern Design & Look

  • Posts: 567
  • Thank you received: 11
  • Hikashop Business
6 years 11 months ago #283828

-- HikaShop version -- : 3.2.1
-- Joomla version -- : 3.8.2
-- PHP version -- : 5.6

Dear

We notice that the modern shopping cart - cart display module no longer showing something like "Your cart is empty" & "12 items"

Please refer to www.lazada.com.my/ for the cart, it is a clean design of a cart icon with quantity above

Is it possible to have something like this for hikashop cart display module?


We tried to modify the cart module view , however, the ajax updating feature gone when we changed
"<?php
if(!empty($html)){
?>
<div class="hikashop_cart_module" id="hikashop_cart_module">
<?php echo $html; ?>
</div>
<?php }"

to our own design code

Is it possible to release something cleaner ? or release a version that is ajax ready , i can help on the design view part

Please Log in or Create an account to join the conversation.

  • Posts: 82868
  • Thank you received: 13378
  • MODERATOR
6 years 11 months ago #283830

Hi,

By default the cart module display the full cart.
If you activate its mini cart option, you can get just some text instead (and potentially have a full cart display when you click on it).
The text is either "the cart is empty" or "X items for Y €" or something like that.
In order to get an image with the quantity displayed on it, it should be quite easy to do without changing any code of the module or that view file.
What you need to do is this:
- use translation overrides to change the text to have only the quantity displayed.
- use CSS to add the image below the text.
Or you could even add the image together with the text in the translation override so that the image would be clickable too. That would be event better, and then some CSS to position it properly.

Please Log in or Create an account to join the conversation.

  • Posts: 567
  • Thank you received: 11
  • Hikashop Business
6 years 11 months ago #283881

We did try to use language override and use css to adjust the positioning, however, this is not a good and clean way as it affected the app->enqueemessage as well, when cart is empty and user get redirected, the system message will display the shopping cart icon instead the message

Please Log in or Create an account to join the conversation.

  • Posts: 82868
  • Thank you received: 13378
  • MODERATOR
6 years 11 months ago #283891

Hi,

For the cart is empty message, please note that you can use another translation key thanks to the corresponding setting in your cart module.
That way, you can modify it independently from the enqueuemessage used on the redirection when the cart is empty.
monosnap.com/file/LYrdzwGhkB0eYdlgL8t66dIS6McP2T

Please Log in or Create an account to join the conversation.

Time to create page: 0.059 seconds
Powered by Kunena Forum