Apply lightbox effect to various Zen Cart popups

[DivaVocals]

• Shopping Cart [help (?)] Popup
• Checkout Shipping Estimator Popup
• Checkout Coupon Help Popup
• Checkout Credit Card CVV Help Popup
• Log-In Page [More Info] Popup
• Product Info Attributes Qty Price Popup
• Advanced Search Search Help [?] Popup

[daniel-hopkins]

• [x] Shopping Cart [help (?)] Popup
• [ ] Checkout Shipping Estimator Popup
  • Needs extra help since the form inside the colorbox is interactive.
• [x] Checkout Coupon Help Popup
• [ ] Checkout Credit Card CVV Help Popup
• [ ] Log-In Page [More Info] Popup
• [x] Product Info Attributes Qty Price Popup
• [x] Advanced Search Search Help [?] Popup

[DivaVocals]

I never noticed that you had responded.. lol Only found the updates to your repo yesterday.. Gonna submit the combination of our changes (the popups, and the auto installer) as an update in the next week.. (after testing these popups of course!)

Hope all is well with you and your beautiful wife!

[DivaVocals]

Did some testing to the popups code, and found some issues.. (will have to retest and provide more details).. Gonna submit an update with everything BUT the popup updates..

[DivaVocals]

• Shopping cart help --- spins • Some of the Mixed Product Types products, the image is cut off. • The changes to the product_info page broke Image Swatch Demo

[mc12345678]

Also happened to notice that there was no "check" if the applicable "link" existed or not before attempting to apply further action to it. Ie. on the product_info page:

<script> 
  jQuery(function($) { 
  // Quantity Discounts Available 
  var discountPriceLink = $('a[href*="popupWindowPrice"]'); 
  var discountPriceUrl = discountPriceLink.attr('href').match(/'(.*?)'/)[1]; 
  discountPriceLink.attr({ 
    'href':'#' 
  }).colorbox({ 
    'href':discountPriceUrl, 
    width: '550px', 
    onComplete: function(){ 
      $('#cboxLoadedContent').find('a[href*="window.close"]').closest('td').hide(); 
    } 
  }); 
}); 

</script> 

If an a tag with href popupWindowPrice does not exist, then there is an error on the assignment line for discountPriceUrl because nothing is returned (not that it is undefined just nothing there) for discountPriceLink. As I'm not sure which plugin adds that I could not fully test my solution, but I did a test on the discountPriceLink variable before allowing further processing and used this code in that area:

<script> 
  jQuery(function($) { 
  // Quantity Discounts Available 
  var discountPriceLink = $('a[href*="popupWindowPrice"]'); 
  if (discountPriceLink.length != 0) {
    var discountPriceUrl = discountPriceLink.attr('href').match(/'(.*?)'/)[1]; 
    discountPriceLink.attr({ 
      'href':'#' 
    }).colorbox({ 
      'href':discountPriceUrl, 
      width: '550px', 
      onComplete: function(){ 
        $('#cboxLoadedContent').find('a[href*="window.close"]').closest('td').hide(); 
      } 
    }); 
  }
}); 

</script>