Top

Grid Theme - Have Product Options Look like Theme Dropdowns

If you would like Product Options to look like theme dropdowns, follow these steps:

  1. From “Shopify Admin”, select Online Store.
  2. Select
  3. Select Edit HTML / CSS.
  4. Under “Layout”, select theme.liquid.
  5. Add this code to the bottom:
    <script>
    function shappify_options_rendered(){
    $('select.shapp_full_width').wrap("<div class='select-wrapper' />").parent().prepend("<span class='selected-text'></span>"); $('select.shapp_full_width').change(function(){
    var newOption;
    newOption = $(this).find("option:selected").text();
    return $(this).siblings(".selected-text").text(newOption);
    });
    $('select.shapp_full_width').each(function(){
    $(this).find('option').first().remove();
    $(this).trigger('change');
    });
    }
    </script>
  6. Select Save.

That's it!

Have more questions? Submit a request