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:
    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);
  6. Select Save.

That's it!

Have more questions? Submit a request