Making a Downloadable Attachment in an Order Guide

[jmiskey]

Hello.  We currently have many similar Catalog Items that use shared Variable Sets.  Many of these Catalog Items have files that the user needs to download, fill-out, and re-attach to the Catalog Item. 

We do this by attaching the required files to be downloaded to each of the Catalog Items (different Catalog Items have different forms to download).  We then use a "Custom with Label" variable in one of the shared Variable Sets to create the file download link in the Catalog Item.  We have created a Custom Widget, which looks like this:

This works perfectly in standalone Catalog Items (we have been using it for years).  However, if we move these Catalog Items into an Order Guide, it no longer works.  My "Download Link" does not display, so they cannot click or download anything.

Here is how it looks (from ESC) in a standalone Catalog Item:

And here is how it looks when that same Catalog Item is in an Order Guide:

You can see the link is missing.  I need to figure out how to make this work in an Order Guide, and I need the solution to be dynamic (not hard-code in the attachment id), as the Variable is found in a Variable Set shared by many of these Catalog Items (the file to download is attached directly to the Catalog Item).

Does anyone have any good solution to this, whether it is updating what I currently have, or trying an entirely different method?

Thanks

[jmiskey]

You will have to forgive me - I have never created any widgets myself, so am not certain on how to do that (this widget was created by someone who left our company long ago).

Here is the current code in the "Body HTML template" section of our widget"

<div>
  <ul>
  
    <li ng-repeat="url in data.urls">
        <a ng-href={{url}} target='_blank' >Download link</a>
    </li>
  
  </ul>

<!-- your widget template -->
</div>

and here is what is currently in the "Client controller" section:

function() {
  /* widget controller */
  var c = this;
}