1. Bold Commerce Help Center
  2. Product Options V1 - Shopify
  3. Tutorials

Turn an Option Title into a Link

Follow
Avatar
Michael

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

  1. From Shopify's 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.

    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:

    <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>

    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:

0 out of 0 found this helpful

Comments

1 comment
Sort by Date Votes
  • Avatar
    Areiva Designs

    I would really like to use this feature. But when I click "edit" there is no "id=" in the url. Any other way to locate the option id?

    0
    Permalink

Please sign in to leave a comment.

Articles in this section