Showing only cart icon

  • Posts: 299
  • Thank you received: 2
11 years 6 months ago #102102

Hi I would like to have the cart only visible as an icon when adding a product to it, if no product is added then there shouldn't be any icon showing. Is that possible?
My cusstomer wants it that way and I have to admit that this is also a very common way to display the cart then by cicking thi icon you come to the cart itself. Is this possible?

I have the advance module manager installed so I can easily set it to disappear when the module is empty but is it possible to have the cart visible only as a clickable Cart icon that
when clicked takes you to the real cart where all items are listed and the checkbutton is displayed as well?

Last edit: 11 years 6 months ago by LAMF.

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

  • Posts: 12953
  • Thank you received: 1778
11 years 6 months ago #102151

Hi,

I think that you'll maybe find a solution there :

You need to turn on the "mini cart" option of the cart module. The image can be added in CSS and the checkout button via a hikashop checkout menu link.


Hope this will help you a little.

Last edit: 11 years 6 months ago by Mohamed Thelji.

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

  • Posts: 299
  • Thank you received: 2
11 years 6 months ago #102249

Hi Mohamed,
The problem is when I set up this mini-cart and the Checkout button it is not empty even if there's no productsa added to it.
That means it is visible even when no productsa are added.
I only want it visible when there's products in it.

Also I have enabled the pop-up message when adding a product as well but I get scrolling bars when it pop ups, how can I style it so these won't appear? I want it clean.

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

  • Posts: 13201
  • Thank you received: 2322
11 years 6 months ago #102411

Hi,

You can edit the view "product / cart" to display only an image and not any text. It require some PHP knowledges.
To hide when empty, here is an answer: www.hikashop.com/fr/forum/4-how-to/6189-....html?start=20#88556

You can edit the popup view in "checkout / notice". Change the style of the elements displayed, you can too add some css to correct this in your template css file.
Here is some documentation:
www.hikashop.com/fr/support/documentatio...ize-the-display.html

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

  • Posts: 299
  • Thank you received: 2
11 years 6 months ago #103117

Hi Xavier,
Thanks for the tips!
I solved it pretty good even though the perfect solution with the cart would have been the following:
1. When adding a product to the cart a pop-up shall tell you that a new item is added to the cart (as it is now)
2. The cart should then appear in the menu bar (horizontal top menu) to the right of the menu items only as an icon with a text "Show cart" at the right of the cart icon
3. If you want to view the cart items you should just click the cart icon where all items should be listed tha standard way and with Proceed to checkout button.
Is this possible? Pretty many web shops uses this very neat way.

I have solved it just showing the Cart on the top left side above the Product categoires menu, a little dirty in my opinio but pretty ok.
I solved the hiding of the empty cart by using AMM component.

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

  • Posts: 82906
  • Thank you received: 13378
  • MODERATOR
11 years 6 months ago #103245

You can do point 2 with procedure that mohamed gave you with the mini cart module and CSS.
Then, for the cart page when on click on the link, you can simply rearrange your checkout workflow option of the configuration so that you only have the cart view on the first step of the checkout.

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

  • Posts: 299
  • Thank you received: 2
11 years 6 months ago #103311

nicolas wrote: You can do point 2 with procedure that mohamed gave you with the mini cart module and CSS.
Then, for the cart page when on click on the link, you can simply rearrange your checkout workflow option of the configuration so that you only have the cart view on the first step of the checkout.


Can you please give me som guiding to do this, I feel this is a little bit above my head (the mini-cart and css thing I mean).

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

  • Posts: 26159
  • Thank you received: 4028
  • MODERATOR
11 years 6 months ago #103329

Hi,

Without any link on your website it is quite difficult for us to give you precise information for some CSS customization.
After that, the CSS customization is not really our "job", we are more developers and not designers.

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 299
  • Thank you received: 2
11 years 6 months ago #103355

Hi,
Sorry, I didn't post any URL in this thread, here it is directly to the web shop start page:
www.gobbe.se/index.php/hastsportbutiken

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

  • Posts: 82906
  • Thank you received: 13378
  • MODERATOR
11 years 6 months ago #103516

Change the X artiklar för Pris: Y translation with a translation override and just add the HTML of your image icon and that should already be enough:

X_ITEMS_FOR_X="<img src='http://mywebsite.com/myimage.jpg'/>%s artiklar för Pris: %s"

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

  • Posts: 299
  • Thank you received: 2
11 years 6 months ago #103588

Hi,
Thanks for this solution. Also the checkout order as point 2 added the Cart til top poistion and when clicking the Cart icon I'm directed to the Cart and checkout page, very nice.
I almost got it as I wanted then I went in to the Joomla Module Manager and changed the Cart position to the same as the menu bar (user3).
And now the Cart wont show up again no matter what I do, I don't believe this... :(

Now I really need help... so close but all of a sudden I'm back on track one without even a cart.

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

  • Posts: 82906
  • Thank you received: 13378
  • MODERATOR
11 years 6 months ago #103604

Hi,

Well, that's a joomla module display issue. It's not really a HikaShop problem.
Delete the cart module via the joomla module manager and create a new one and configure again its options properly if you're stuck.

The following user(s) said Thank You: LAMF

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

  • Posts: 299
  • Thank you received: 2
11 years 6 months ago #103656

nicolas wrote: Hi,

Well, that's a joomla module display issue. It's not really a HikaShop problem.
Delete the cart module via the joomla module manager and create a new one and configure again its options properly if you're stuck.


Thanks that did the trick, strange. Then your language override did the rest so now it works perfect and displays in the menu bar :)

Regards
Micke

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

  • Posts: 299
  • Thank you received: 2
10 years 3 months ago #169074

HI,
Opening this one up again as it seem to have changed something with the latest update that makes the styling of the Cart button not showing and only showing it as a text.
My live URL is: www.metebutiken.se
For an example go here: www.metebutiken.se/index.php/spon/langspon then click the "Lägg i varukorgen" button.
Now you can see it's no longer a button.

How can I get back to the button look again?
I use 4 different sites with HikaShop and it has affected all of them the same way.

Thanks
Micke

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

  • Posts: 13201
  • Thank you received: 2322
10 years 3 months ago #169075

Hi,

I think that when you edited the view you didn't do that thanks to our override menu, or in the template folder, but you have directly edited the view.

So when updating the changes are lost, you will have to do the modifications again.

If you had edited as an override, but you lost your changes, thanks to tell us in order to do some check on this.

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

  • Posts: 299
  • Thank you received: 2
10 years 3 months ago #169170

HI,
Well I did it in the language file in the backend as an override in all 4 sites.
This line:
X_ITEMS_FOR_X="<img class='korg' src=' mysite.se/images/webshop/cart2.png'/ > <span class='cart'>Cart</span>"
Then I have edited some CSS in the template file to make it fit properly in the meny bar with fonts styling etc.
Same for all sites but I haven't updated one of the sites yet, my client took over and as I check it out in the backend now they haven't yet updated to the latest HikaShop version so therefore it is unaffected still.
Thre 3 URL's that are updated and styling is destroyed are
www.metebutiken.se
www.fly-tiers.se
www.vestlisfiske.se (still not published fpr public)
The not updated is here:
www.stigsbergsgard.se

I would love if you could check out what is missing after the update.

Regards
Micke

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

  • Posts: 299
  • Thank you received: 2
10 years 3 months ago #169268

Solved it and I think it's something with the upgrade to latest version that causes this.
In the product/cart.php
in the HikaShop adminisration Displa y=> Views
These lines occur when the upgrade is done:

{
 if($qty==1){
        if(JText::_('X_ITEM_FOR_X')=='X_ITEM_FOR_X'){
          $text = JText::sprintf('X_ITEMS_FOR_X',$qty,$this->loadTemplate());
        }else{
          $text = JText::sprintf('X_ITEM_FOR_X',$qty,$this->loadTemplate());
        }
      }else{
        $text = JText::sprintf('X_ITEMS_FOR_X',$qty,$this->loadTemplate());
      }
    }else{
      $text = JText::sprintf('TOTAL_IN_CART_X',$this->loadTemplate());
    }
    }
I replaced it with this:
}
       $text = JText::sprintf('X_ITEMS_FOR_X',$qty,$this->loadTemplate());
    }else{
      $text = JText::sprintf('TOTAL_IN_CART_X',$this->loadTemplate());
    }

Now it works. Is there a bug with the upgrade or why does it interfere with styling like this?

Regards
Micke

Last edit: 10 years 3 months ago by LAMF.

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

  • Posts: 82906
  • Thank you received: 13378
  • MODERATOR
10 years 2 months ago #169289

It's not a bug.
It's just that we now handle the singular/plural so instead of X_ITEMS_FOR_X, you now have to override both X_ITEMS_FOR_X and X_ITEM_FOR_X.
The change you did in the view file just rolls back the improvement we made so that it only uses X_ITEMS_FOR_X, but it might be better to actually override both and keep the new code (and thus avoid an unnecessary view override).

The following user(s) said Thank You: LAMF

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

  • Posts: 299
  • Thank you received: 2
10 years 2 months ago #169352

nicolas wrote: It's not a bug.
It's just that we now handle the singular/plural so instead of X_ITEMS_FOR_X, you now have to override both X_ITEMS_FOR_X and X_ITEM_FOR_X.
The change you did in the view file just rolls back the improvement we made so that it only uses X_ITEMS_FOR_X, but it might be better to actually override both and keep the new code (and thus avoid an unnecessary view override).


Thanks, that was a better solution!

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

Time to create page: 0.138 seconds
Powered by Kunena Forum