.tag.tag--price
  .tag--price__inner
    .tag--price__values
      from
      .tag--price__amount<
        %span.tag--price__currency.js-currency<
          = properties[:currency]
        %span.js-price<>
          = properties[:price]

      - if properties[:scope]
        %span.tag--price__scope<
          = properties[:scope]

    - if properties[:retail_price]
      .tag--price__retail<
        = properties[:currency]
        = properties[:retail_price]

.tag.tag--price{ id: properties[:id] ? properties[:id] : nil }
  .tag--price__inner
    .tag--price__values
      from
      .tag--price__amount<
        %span.tag--price__currency.js-currency<
          = properties[:currency]
        %span.js-price<>
          = properties[:price]

      - if properties[:scope]
        %span.tag--price__scope.js-scope<
          = properties[:scope]

    - if properties[:retail_price]
      .tag--price__retail<
        = properties[:currency]
        = properties[:retail_price]

Allow an ID on the tag and add a variable hook for the scope value
Allow an ID on the tag and add a variable hook for the scope value
