Skip to content

Instantly share code, notes, and snippets.

@carbone
Created February 12, 2021 21:38
Show Gist options
  • Save carbone/25a82e449a5c203a357da309fb13ed4b to your computer and use it in GitHub Desktop.
Save carbone/25a82e449a5c203a357da309fb13ed4b to your computer and use it in GitHub Desktop.
$(document).ready(function(e){
var $variants = $('.variant-custom-fields');
var $form = $('form[action="/cart/add"]');
// Set the active variant on page load.
setActiveVariantCustomFields($form, $variants);
// Toggle display when dropdown changed in the "Add to Cart" feature.
$form.change(function() {
setActiveVariantCustomFields($form, $variants);
});
/**
* Sets the active variant based on the "id" select dropdown in the add to cart form.
*/
function setActiveVariantCustomFields($form, $variants){
$variants.hide();
setTimeout(function(){
var active_variant_id = $form.find('select[name="id"]').val();
$variants.filter('[data-variant-id="'+ active_variant_id +'"]').show();
}, 100);
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment