Top

Donations Manager Install Instructions

Warning!

This article requires technical knowledge and prior experience with liquid code. If you are not comfortable with this, Email our Support Wizards for help.

Before you begin, review Notes Before Installing Apps. This article can help get you prepared and answers many common questions.

Select each step below to view the instructions.

To install Donations Manager, follow these instructions:

  1. Sign into Bold Partners.
  2. Select Apps.
  3. Under "Donations Manager", select Install App.
  4. Enter your Store URL.
  5. Select Install App.
  6. Select Install Yourself.
  7. Select Install unlisted app.
  8. Select Approve charge.
  9. Select Approve and Continue.
  1. From "Shopify Admin", select Online Store.

    Online Store 

  2. Select Actions.

    actions 

  3. Select Edit HTML / CSS.

    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. Paste this code where you would like the progress bar to appear:
    {% include 'bold-da-bar' with product %}

    Note: A good place for the progress bar code is right after the product.description div.

    add this code where you would like the progress bar 

  6. Add this code anywhere on the page:
    {% include 'bold-donations' with product %}

    add this code to the page 

  7. Hide all price, related products, etc. (elements that shouldn't appear on a product page by wrapping them with this code:
    {% unless product.metafields.bold_donation.donation_key == 1 %}
    
    ...this is the existing code for stuff you want hidden...
    
    {% endunless %}

    wrap elements with this code 

  8. Select Save.

    select save 

That's it

Have more questions? Submit a request