- Posts: 17
- Thank you received: 0
Tutorial show cart quanity in custom module
9 years 5 months ago - 9 years 5 months ago #267143
by mindgem
Tutorial show cart quanity in custom module was created by mindgem
-- HikaShop version -- : 3.0.1
-- Joomla version -- : 3.6.5
-- PHP version -- : 7.0.10
So I've been playing around with Hikashop the past few days and really like some of the ideas here:
www.virgowebdesign.com/blog/5-awesome-en...hop-e-commerce-store
Is there any sort of tutorial for adding the cart product count into a custom module and have it refresh by AJAX on events? Have been toying now with:
Update runs also on delete from cart so still need to correct that, but was wondering if there isn't a build in and more robust solution which I haven't found yet.
After this, next would be to make the cart module in a UIkit modal
-- Joomla version -- : 3.6.5
-- PHP version -- : 7.0.10
So I've been playing around with Hikashop the past few days and really like some of the ideas here:
www.virgowebdesign.com/blog/5-awesome-en...hop-e-commerce-store
Is there any sort of tutorial for adding the cart product count into a custom module and have it refresh by AJAX on events? Have been toying now with:
Code:
if(window.Oby) {
window.Oby.registerAjax(["cart.updated","wishlist.updated"],function(params){
var cart = (params.type == "cart"),
p = window.cartNotifyParams,
text = p.text,
class_name = "success",
class_icon = "check";
var userCart = document.getElementById('user-console-cart-count');
var productCount = userCart.innerHTML;
productCount++;
userCart.innerHTML = productCount;
if(params.notify === false)
return;
if(params.resp.ret == 0) {
class_name = "warning",
class_icon = "close",
text = p.err_text;
}
if(params.resp.message)
text = params.resp.message;
UIkit.notify("<i class='uk-icon-" +class_icon+ "'></i> " + text, {status:class_name});
return true;
});
}
Update runs also on delete from cart so still need to correct that, but was wondering if there isn't a build in and more robust solution which I haven't found yet.
After this, next would be to make the cart module in a UIkit modal
Last edit: 9 years 5 months ago by mindgem.
Please Log in or Create an account to join the conversation.
9 years 5 months ago #267146
by nicolas
Replied by nicolas on topic Tutorial show cart quanity in custom module
Hi,
Yes, these were indeed very good ideas, which is why all the points there have been implemented or fixed:
1. There is now a setting in the HikaShop cart module in order to get a dropdown display of the cart module.
2. Just create an instance of the HikaShop cart module via the Joomla modules manager with the "mini cart" mode activated and change the translation key used (with a translation override) to only have the quantity counter displayed by the cart module. That way, since it will be a standard cart module, it will be refreshed automatically when a product is added to the cart.
3. There is a "height consistency" setting in the listings in order to handle that.
4. There was already a tutorial for that as mentioned there.
5. The checkout has been completely rewritten to be fully AJAX to have a true one page checkout.
So do point 2 and you'll be able to have that without coding anything.
Yes, these were indeed very good ideas, which is why all the points there have been implemented or fixed:
1. There is now a setting in the HikaShop cart module in order to get a dropdown display of the cart module.
2. Just create an instance of the HikaShop cart module via the Joomla modules manager with the "mini cart" mode activated and change the translation key used (with a translation override) to only have the quantity counter displayed by the cart module. That way, since it will be a standard cart module, it will be refreshed automatically when a product is added to the cart.
3. There is a "height consistency" setting in the listings in order to handle that.
4. There was already a tutorial for that as mentioned there.
5. The checkout has been completely rewritten to be fully AJAX to have a true one page checkout.
So do point 2 and you'll be able to have that without coding anything.
The following user(s) said Thank You: mindgem
Please Log in or Create an account to join the conversation.
9 years 5 months ago #267206
by mindgem
Replied by mindgem on topic Tutorial show cart quanity in custom module
About 2. Is it expected behavior when using the minicart with dropdown as the only instance to be redirected to checkout? As I set it up in my user console bar to have the mini cart and get a link only with 2 items ... but it also redirects me to checkout when adding to cart.
What defines the redirect?
What defines the redirect?
Please Log in or Create an account to join the conversation.
9 years 5 months ago #267215
by Jerome
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.
Replied by Jerome on topic Tutorial show cart quanity in custom module
Hello,
The cart modules are not stopping the customer redirection because we can't be sure that the user can see a notification than his product has been added to the cart.
In the "cart notify" you can see a "return true" at the end, it indicates to HikaShop JS core that the event has been handled and the fallback system is not required.
If the event is not handle, the fallback is called ; as explained in the other thread :
www.hikashop.com/forum/development/88976...n-plugin.html#267108
Regards,
The cart modules are not stopping the customer redirection because we can't be sure that the user can see a notification than his product has been added to the cart.
In the "cart notify" you can see a "return true" at the end, it indicates to HikaShop JS core that the event has been handled and the fallback system is not required.
If the event is not handle, the fallback is called ; as explained in the other thread :
www.hikashop.com/forum/development/88976...n-plugin.html#267108
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.
Time to create page: 0.182 seconds