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.

    Select Apps 

  2. Select Product Options by Bold.

    Select Product Options by Bold 

  3. Select Options.

    select options 

  4. Select Edit beside the option needed.

    select edit

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

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

    record the number 

  6. Select Online Store.

    select online store 

  7. Select Actions.


  8. Select Edit code.

    Edit code 

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

    select product.liquid 

  10. Add this code to the bottom of the file:

    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>" );

    copy and paste this code 

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

      replace these sections 

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

      replace these sections 

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

    select save 

That's it!

Next Steps:

Blog Posts: