Top

Turn an Option Title into a Link that Opens in a New Browser Window

To turn an option title into a link that will open a new browser window, follow these steps:

  1. From "Shopify Admin", select Apps.
  2. Select Product Options by Bold.
  3. Select OPTIONS.

    Step3.png 

  4. Select Edit beside the option needed.

    Step4.png

  5. Record the number after id= in the URL of the page that loads.

    Note: In this case, the Option ID is 363010.

    Step5.png 

  6. Select Online Store.

    Step6.png 

  7. Select Actions.

    Step7.png 

  8. Select Edit HTML / CSS.

    Step8.png 

  9. Under "Templates", select product.liquid.

    Step9.png 

  10. Add this code to the bottom of the file:
    <script>
    jQuery(window).bind("load", function () {
    jQuery(".option_type_id_#### .shappify_option_name").css("text-decoration","underline").css("cursor","pointer");
    jQuery( ".option_type_id_#### .shappify_option_name" ).wrap( "<a href='!!!!' target='_blank'></a>" );
    });
    </script>
    

    Step10.png 

  11. Replace these sections:
    1. #### is replaced in both places with the Option ID.

      Step11.png 

    2. !!!! is replaced with the URL that will open a new browser window.

      Step11b.png 

  12. Repeat these steps for every option you would like to do this with. 
  13. Select Save.

    Step13.png 

That’s it!

Have more questions? Submit a request