Top

Product Options 2.0 Install Instructions

Warning!

This article only applies to Product Options Version 2.0

Select each step below to view the instructions

  1. From "Shopify Admin", select Apps.
  2. Select Visit Shopify App Store.
  3. Enter Product Options in the "Search Bar".
  4. Select Product Options by Bold.
  5. Select Get.
  6. Select Install app.
  7. Select Approve Charge.
  1. Duplicate themes, to create a backup copy.
  2. From "Shopify Admin", select Settings.

    select settings 

  3. Select Notifications.

    select notifications 

  4. Select Order confirmation.

    select order confirmation 

  5. Replace all code with: Order confirmation.

    replace all code 

  6. Select Save.

    select save 

  7. Select Shipping confirmation.

    select shipping confirmation 

  8. Replace all code with: Shipping confirmation.

    replace all code 

  9. Select Save.

    select save 

  10. Select Shipping update.

    select shipping update 

  11. Replace all code with: Shipping update.

    replace all code 

  12. Select Save.

    select save 

  13. Under "Order notifications", select New order.

    select new order 

  14. Replace all code with: New order notification.

    replace all code 

  15. Select Save.

    select save 

  1. From "Shopify Admin", select Online Store.

    select online store 

  2. Select Actions.

    select actions 

  3. Select Edit HTML / CSS.

    select edit html / css 

  4. Under "Templates", select cart.liquid.

    Note: If your template contains sections, you will need to select the cart-template.liquid section instead.

    select cartliquid template 

  5. Find the section that starts similar to {% for p in item.properties %}

    find the section 

  6. Replace the entire section with:
    {% assign propertySize = item.properties | size %}
    {% if propertySize > 0 %}
        {% for p in item.properties %}
            {% assign first_character_in_key = p.first | truncate: 1, '' %}
            {% unless p.last == blank or first_character_in_key == '_' %}
                {{ p.first }}:
                {% if p.last contains '/uploads/' %}
                   <a href="{{ p.last }}">{{ p.last | split: '/' | last }}</a>
                {% else %}
                    {{ p.last }}
                {% endif %}
            {% endunless %}
        {% endfor %}
    {% endif %}
    

    replace entire sections 

  7. Add this code where you would like the list of selected options to appear in the order history:

    Note: Usually immediately after the line that contains line_item.title

    {% assign propertySize = item.properties | size %}
    {% if propertySize > 0 %}
        {% for p in item.properties %}
            {% assign first_character_in_key = p.first | truncate: 1, '' %}
            {% unless p.last == blank or first_character_in_key == '_' %}
                {{ p.first }}:
                {% if p.last contains '/uploads/' %}
                   <a href="{{ p.last }}">{{ p.last | split: '/' | last }}</a>
                {% else %}
                    {{ p.last }}
                {% endif %}
            {% endunless %}
        {% endfor %}
    {% endif %}

    add code 

  8. Select Save.

    select save 

  1. From "Shopify Admin", select Online Store.

    select online store 

  2. Select Actions.

    select actions 

  3. Select Edit HTML / CSS.

    select edit html / css 

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

    Note: If your template contains sections, you will need to select the product-template.liquid section instead.

    select product.liquid 

  5. Add this code where you would like your options to appear:

    Note: This must be within the <form></form> tags.

    <div class="bold_options" data-product-id="{{ product.id }}"></div>

    add this code 

  6. Select Save.

    select save 

  1. From "Shopify Admin", select Online Store.

    select online store 

  2. Select Actions.

    select actions 

  3. Select Edit HTML / CSS.

    select edit html / css 

  4. Under "Templates", select cart.liquid.

    Note: If your template contains sections, you will need to select the cart-template.liquid section instead.

    select cart.liquid

  5. Add this code where you would like it to appear:

    Note: This is usually placed above the subtotal.

    <div class="bold_option_variant_totals"></div>

    add code 

  6. Select Save.

    select save 

Have more questions? Submit a request