VM My Cart

Dear Gavick,

Could you explain how to make the "My Cart" link to the cart directly and remove the modal pop up. I do want to leave the modal popup when user clicks on the cart image on the right, though.

Thank you.

Hi,
here you have topic with explanation how remove register popup and direct link to register form. With my cart do same things https://www.gavick.com/forums/140/regis ... up#p114215

Thanks. I will take a look.

Hi,
here you have topic with explanation how remove register popup and direct link to register form. With my cart do same things https://www.gavick.com/forums/140/regis ... up#p114215

Konrad, question.

So will this remove the whole pop up functionality? Again, I need to remove the popup from "My Cart" link and keep it for the icon on the right.

So in your case you just need to go to layouts/default/.php and find:

Code: Select all

<a href="#" id="btnCart">


and then remove id attribute and put url to your cart in href attribute.

Hi Konrad. I was able to figure it out on my own and I did exactly what you have said with few other modifications.

Thanks.

So in your case you just need to go to layouts/default/.php and find:

Code: Select all

<a href="#" id="btnCart">


and then remove id attribute and put url to your cart in href attribute.

Hi Konrad, I have also tried to make the icon on the right a direct link following the example with "Register" link, but I could not get it to work.

Could you please help me out once again?

Thanks so much.

So in your case you just need to go to layouts/default/.php and find:

Code: Select all

<a href="#" id="btnCart">


and then remove id attribute and put url to your cart in href attribute.

Hi Konrad, did you get a chance to look into this?

Thanks.

You just need to modify the same file and set URL to register page like below :

Code: Select all

<a href="your/register/url" id="btnRegister">Register</a>

You just need to modify the same file and set URL to register page like below :

Code: Select all

<a href="your/register/url" id="btnRegister">Register</a>

Hi Bkrztuk,

I appreciate you response, but this is for the cart and not registration. Either way, I tried your solution and it did not work.

You just need to modify the same file and set URL to register page like below :

Code: Select all

<a href="your/register/url" id="btnRegister">Register</a>

Hello. Any updates on this issue?

Could you give me your site URL ? Did you unpublish our register module to avoid pop-up window ?

Could you give me your site URL ? Did you unpublish our register module to avoid pop-up window ?

Hi Bkrztuk,

Thanks for getting back to me. I am not sure why you keep referring to registration. I need to be able to click on "My Cart" icon on the right and go directly to the cart rather than having a popup.

My question is how to do that?

Please unpublish cart module published on 'cart' position.

Please unpublish cart module published on 'cart' position.

I will try that, but I need to keep the same position. What am I accomplishing by unpublishing it?

So in this case you need to modify template Javascript code, there is no other way. Please open file template/js/gk.script.js and replace this code :

Code: Select all

if(document.id('gkVmCartSmall')) {
            document.id('gkVmCartSmall').addEvent('click', function(e) {
               new Event(e).stop();   
               
               if(!wait) {
                  new Request.HTML({
                     url: $GK_URL + 'index.php?tmpl=cart',
                     onRequest: function() {
                        document.id('gkVmCartSmall').addClass('loading');
                        wait = true;
                     },
                     onComplete: function() {
                        var timer = (function() {
                           if(!wait_for_results) {
                              popup_overlay.fade(0.45);
                              popup_cart_fx.start({'opacity':1, 'height': popup_cart_h});
                              opened_popup = 'cart';
                              wait_for_results = true;
                              wait = false;
                              clearInterval(timer);
                              document.id('gkVmCartSmall').removeClass('loading');
                              new Fx.Scroll(window).toTop();
                           }
                        }).periodical(200);
                     },
                     onSuccess: function(nodes, xml, text) {
                        document.id('gkAjaxCart').innerHTML = text;
                        popup_cart.setStyle('display', 'block');
                        popup_cart_h = popup_cart.getElement('.gkPopupWrap').getSize().y;
                        popup_cart_fx = new Fx.Morph(popup_cart, {duration:200, transition: Fx.Transitions.Circ.easeInOut}).set({'opacity': 0, 'height': 0 });
                        wait_for_results = false;
                        wait = false;
                     }
                  }).send();
               }
            });
         }

with :

Code: Select all

if(document.id('gkVmCartSmall')) {
            document.id('gkVmCartSmall').addEvent('click', function(e) {
               window.location.href = 'here/paste/your/cart/url';
            });
         }

So in this case you need to modify template Javascript code, there is no other way. Please open file template/js/gk.script.js and replace this code :

Code: Select all

if(document.id('gkVmCartSmall')) {
            document.id('gkVmCartSmall').addEvent('click', function(e) {
               new Event(e).stop();   
               
               if(!wait) {
                  new Request.HTML({
                     url: $GK_URL + 'index.php?tmpl=cart',
                     onRequest: function() {
                        document.id('gkVmCartSmall').addClass('loading');
                        wait = true;
                     },
                     onComplete: function() {
                        var timer = (function() {
                           if(!wait_for_results) {
                              popup_overlay.fade(0.45);
                              popup_cart_fx.start({'opacity':1, 'height': popup_cart_h});
                              opened_popup = 'cart';
                              wait_for_results = true;
                              wait = false;
                              clearInterval(timer);
                              document.id('gkVmCartSmall').removeClass('loading');
                              new Fx.Scroll(window).toTop();
                           }
                        }).periodical(200);
                     },
                     onSuccess: function(nodes, xml, text) {
                        document.id('gkAjaxCart').innerHTML = text;
                        popup_cart.setStyle('display', 'block');
                        popup_cart_h = popup_cart.getElement('.gkPopupWrap').getSize().y;
                        popup_cart_fx = new Fx.Morph(popup_cart, {duration:200, transition: Fx.Transitions.Circ.easeInOut}).set({'opacity': 0, 'height': 0 });
                        wait_for_results = false;
                        wait = false;
                     }
                  }).send();
               }
            });
         }

with :

Code: Select all

if(document.id('gkVmCartSmall')) {
            document.id('gkVmCartSmall').addEvent('click', function(e) {
               window.location.href = 'here/paste/your/cart/url';
            });
         }

That worked!!!!

So I needed to keep

Code: Select all

    <a href="#" id="btnCart">


untouched and change .js file as you mentioned and it worked.

Thank you so much. I appreciate your help.

So in this case you need to modify template Javascript code, there is no other way. Please open file template/js/gk.script.js and replace this code :

Code: Select all

if(document.id('gkVmCartSmall')) {
            document.id('gkVmCartSmall').addEvent('click', function(e) {
               new Event(e).stop();   
               
               if(!wait) {
                  new Request.HTML({
                     url: $GK_URL + 'index.php?tmpl=cart',
                     onRequest: function() {
                        document.id('gkVmCartSmall').addClass('loading');
                        wait = true;
                     },
                     onComplete: function() {
                        var timer = (function() {
                           if(!wait_for_results) {
                              popup_overlay.fade(0.45);
                              popup_cart_fx.start({'opacity':1, 'height': popup_cart_h});
                              opened_popup = 'cart';
                              wait_for_results = true;
                              wait = false;
                              clearInterval(timer);
                              document.id('gkVmCartSmall').removeClass('loading');
                              new Fx.Scroll(window).toTop();
                           }
                        }).periodical(200);
                     },
                     onSuccess: function(nodes, xml, text) {
                        document.id('gkAjaxCart').innerHTML = text;
                        popup_cart.setStyle('display', 'block');
                        popup_cart_h = popup_cart.getElement('.gkPopupWrap').getSize().y;
                        popup_cart_fx = new Fx.Morph(popup_cart, {duration:200, transition: Fx.Transitions.Circ.easeInOut}).set({'opacity': 0, 'height': 0 });
                        wait_for_results = false;
                        wait = false;
                     }
                  }).send();
               }
            });
         }

with :

Code: Select all

if(document.id('gkVmCartSmall')) {
            document.id('gkVmCartSmall').addEvent('click', function(e) {
               window.location.href = 'here/paste/your/cart/url';
            });
         }

Hello. I am sorry to bother you again, but the solution works only for non-logged in users. When I login nothing happens when I click on cart icon on the right. Do you know what is causing this behavior?

Hi,

Please provide me na URL to your website and the log in access data (please send me a PM message).

Hi,

Please provide me na URL to your website and the log in access data (please send me a PM message).

Hi Driudek,

Thanks for writing back. I just sent you a PM.

Thank you in advance.

@romgavick - do you have any modules/plugins available only for the logged in users? Because there is some JavaScript conflict, which is caused probably by the extension available only for the logged users.

@romgavick - do you have any modules/plugins available only for the logged in users? Because there is some JavaScript conflict, which is caused probably by the extension available only for the logged users.

Dziudek,

FIXED! That was it. One of the extensions was causing it. It wasn't hard for me to figure out which one. Thanks for the hint.

How did you know if was a JavaScript conflict?

I saw the errors in the JavaScript console

I saw the errors in the JavaScript console

Makes sense. Thank you very much.

Hi,

Please provide me na URL to your website and the log in access data (please send me a PM message).

Dziudek, hello once again. It looks like I am having another issue with the same module. So I was looking to get rid of the popup both for the icon on the right and link on top.

I wanted the user to go directly to the cart. So it looks like we removed the icon popup, but the link on top started popping up again. Could you use the same credentials I sent you earlier and check that for me, please? I really need this to be fixed.

Thank you.

OK, but please confirm: do you want to remove the popup totally and left the cart icon with link to the cart page?

OK, but please confirm: do you want to remove the popup totally and left the cart icon with link to the cart page?

Yes, I do want to remove the popup. So cart icon on the right and the link on the top should remain on the page. I just want to have a direct link rather than a popup.

Thank you for your time.

@romgavick - please send me an FTP access using the PM, because I've discovered that you didn't send it to me or I cannot found it :/

Please check your page now - I've modified js/gk.scripts.js file only.

Please check your page now - I've modified js/gk.scripts.js file only.

Dziudek, I checked many pages, but the cart icon is not clickable, it is not taking to the cart at all.

Please check it now - it should works fine.

Please check it now - it should works fine.

Dziudek, it is not working. Are testing the live site? I sent you PM...

Yes, I've tested the live site - please refresh your browser cache. For me it is still working.

Yes, I've tested the live site - please refresh your browser cache. For me it is still working.

That makes sense. I totally forgot about that. It works. Great! I really appreciate your help.

Thanks.

So the only file affected was the .js one, correct?

Yes, only this file was modified

Great! Thank you so much.

Yes, only this file was modified

Hi dziudek,

I am sorry to bother you again, but it looks like your solution partially worked. If you add multiple products to the cart and click on the icon, it cleans up all the item in the cart. Could you please look into this?

Thank you!

It must be a problem with VM, because my script only redirects user to the MyCart subpage.

It must be a problem with VM, because my script only redirects user to the MyCart subpage.

Dziudek,

Thanks for checking that for me. Do you know what should I check, cause the links on the pop up and on top right work fine?