To turn an option title into a link that will open a new browser window, please follow these steps:
- From Shopify's admin, select Apps.
- Select Product Options by Bold.
- Select Options.
- Select Edit beside the option needed.
-
Record the number after id= in the URL of the page that loads.
Note: In this case, the Option ID is 363010.
- Select Online Store.
- Select Actions.
- Select Edit code.
- Under "Templates", select product.liquid.
-
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>
- Replace these sections:
- #### is replaced in both places with the Option ID.
- !!!! is replaced with the URL that will open a new browser window.
- #### is replaced in both places with the Option ID.
- Repeat these steps for every option you would like to do this with.
- Select Save.
That's it!
Next Steps:
- Add a Tooltip to Product Options
- Change the Order of Product Options
- Customize the Display in Product Options
Comments
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?
Please sign in to leave a comment.