Add to cart notification click to checkout

  • Posts: 64
  • Thank you received: 1
  • Hikashop Business
3 years 11 months ago #326919

-- url of the page with the problem -- : liomas.eu/havellas-eshop/krani
-- HikaShop version -- : 4.4.0
-- Joomla version -- : 3.9.23

Hello,

I would like the add to cart notification to be clickable in order to get you quickly to the checkout (cart).

I can see the cursor changes when I hover the mouse but clicking on it does nothing.



Thank you in advance!
Yannis

Attachments:

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
3 years 11 months ago #326925

Hi,

The library we use to generate that notification box doesn't allow us to make it clickable.
What you could try is to do a translation override of the text displayed there to add a "a" HTML tag around the text.
www.hikashop.com/download/languages.html#modify
That way, you could click on the link.
Another solution would be to change the notification box with the settings of the HikaShop cart notification plugin via the Joomla plugins manager. There, you can change it to use a popup and in that case, the popup will contain a button to go to the checkout.

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

  • Posts: 64
  • Thank you received: 1
  • Hikashop Business
3 years 11 months ago #326951

Hello,

the text method is not optimal as I cannot click the whole "notification".
I wouldn't use the popup as it is too obtrusive.

Can I make it clickable with some extra Javascript?


Yannis

Last edit: 3 years 11 months ago by yanliom.

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
3 years 11 months ago #326967

You could try something like that:

		$(document).on("click", ".notifyjs-hidable", function(e) {
			window.location='xxx';
		});
where xxx is the URL of the checkout page.

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

  • Posts: 64
  • Thank you received: 1
  • Hikashop Business
3 years 11 months ago #327016

Thank you,

this is quite a simple fix. Why don't you include this simple patch in the notification plugin?

...just for others who may use this code, in my template (T4 Framework) I had to replace $ with jQuery:

jQuery(document).on("click", ".notifyjs-hidable", function(e) {
			window.location='xxx';
		});

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
3 years 11 months ago #327041

Hi,

Adding an option for it is a a good idea yes.
This code will make the box clickable to access the checkout even when the box is used to display an error message because the add to cart didn't work.
Knowing if the error message is a success or not is not available actually in the notifyjs library. So it will require a more complex solution if we want to make it truly usable in all cases and be able to add that as a standard solution.

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

  • Posts: 64
  • Thank you received: 1
  • Hikashop Business
3 years 11 months ago #327122

Hello,

the class off the notification box changes when it displays an error message.

Maybe the decision regarding link availability can be made using that CSS class (to keep it simple). That's a stable solution, the notifyjs library does not update any more.


Best,
Yannis

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
3 years 11 months ago #327123

Hi,

Yes. We'll see what we can do.

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

Time to create page: 0.070 seconds
Powered by Kunena Forum