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.

    select online store 

  2. Select Actions.

    select actions 

  3. Select Edit HTML / CSS.

    select edit html / css 

  4. Under "Layout", select theme.liquid.

    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>

    add this code to the bottom 

  6. Select Save.

    select save 

That's it!

Have more questions? Submit a request