Jump to content

 

CartBooster

Member Since 25 Jun 2006
Offline Last Active Yesterday, 10:20 PM
-----

Topics I've Started

Product Options Conditional Logic

16 April 2018 - 09:37 AM

Hi,

 

Trying to to create some conditional logic on some global options fields, but am having some difficulty.

 

Its essentially a SHOW / HIDE conditional logic that only shows a text field if the customer selects yes.

 

I've removed the product ID from the DOM product options TPL so that the same code can be used globally on the website 

 

So basically when the page loads, #opt_76 is set to hide

 

When "option_3599" is set to "17022",  then #opt_76 is set to show

When "option_3599" is set to "17021",  then #opt_76 is set to hide again

 

 

// HIDE ENGRAVING TEXT MEDALS - ID 
$('#opt_76').hide(); // INITIAL SET TO HIDE
 
$.ceEvent('on', 'ce.ajaxdone', function(data) {
    // alert('Ajax done');
 
    $(function() {
 
 
      $('#option_3599').change(
        function(){
          if($('#option_3599').val() == '17022')  {
              $('#opt_76').show(); // SET TO YES SHOW
          };
      });
 
      $('#option_3599').change(
        function(){
          if($('#option_3599').val() == '17021')  {
              $('#opt_76').hide(); // SET TO NO HIDE
          } 
      });
  });
 
 
});

 

Its seems a global show is kicking in from the Ajax call,

 

Any ideas on how to get this to work?

 

Or are there any better solutions to get this to work?

 

Thanks

 

 

Stephen


Theme: Opulence Premium Theme For Cs-Cart

23 February 2018 - 11:33 AM

Hi, Just launched my first premium CS-CART theme. I have worked with the platform over the past 10 years with over 30 high end clients. We've had stores operate 20+ orders per minute. Integrated 3rd party addons, and made changes for real world business to improve their workflow and more importantly their profits. This is a great base template and we include all necessary Adobe Photoshop Documents etc where available.

 

Reduced to €197

 

Includes €320 worth of addons

 

  • Google Scheme Add-on
  • Google Tag Manager Add-on
  • Facebook Messenger Live Chat Add-on
  • Adobe Typekit Add-on
  • Checkout Countdown Timer Add-on
  • Google Merchant Reviews Add-on
  • Animated CSS Blocks Add-on

 

Live Demo

https://demo.cartbooster.ie/opulence/

 

Buy Now Link

https://www.cartboos...-theme-cs-cart/

 

We're also available for bespoke custom work if required.


Checkout Countdown Timer For Cs-Cart V4.4 Or Above - By Cartbooster

07 February 2018 - 11:23 PM

Create of urgency at the checkout with a proven method to increase checkout conversions. This add-on creates a timed countdown at the checkout to increase a sense of limited time / availability on products / the checkout. This tactic is used on many large website including TicketMaster. Customise the time, the font colour, the background colour.

 

http://marketplace.c...down-timer.html

https://www.cartboos...er-for-cs-cart/

 

 

Screenshot_2018_02_07_23_26_03.jpg


Google Tag Manager Code For Cs-Cart V4.4 Or Above - By Cartbooster

07 February 2018 - 11:21 PM

Easy addition of Google Tag Manager code to CS-CART.

 

http://marketplace.c...ag-manager.html

 

https://www.cartboos...er-for-cs-cart/


Adobe Typekit Code For Cs-Cart V4.4 Or Above - By Cartbooster

07 February 2018 - 11:20 PM

Easily use Adobe Typekit Fonts on your website. Select Kit ID, and insert chosen fonts. Required Adobe Typekit Membership / Access.

 

http://marketplace.c...ekit-fonts.html

 

https://www.cartboos...de-for-cs-cart/