Affiliate (Links)

Description

Snippets

The following is a list of snippet imports found in the template:

• Affiliate Dashboard Menu

Template Markup

<div class="affiliate">
  <div class="container">
    <div class="row">
      <aside class="page__menu hidden-print">
        {% include 'affiliate_dashboard_menu' %}
      </aside>
      <main class="page__content" id="main-content" role="main">
        <h1 class="page__heading">{{ 'liquid.views.affiliate_links_page.header_affiliate_links' | translate }}</h1>
        <section class="affiliate__links">
          <h4>{{ 'liquid.views.affiliate_links_page.header_homepage_link' | translate }}</h4>
          <p class="affiliate__links-homepage">{{ page.homepage_link }}</p>
          <h4>{{ 'liquid.views.affiliate_links_page.header_product_links' | translate }}</h3>
          {% if page.has_affiliate_links %}
            <table class="affiliate__links">
              <thead>
                <tr>
                  <th>{{ 'liquid.views.affiliate_links_page.table_header_name' | translate }}</th>
                  <th>{{ 'liquid.views.affiliate_links_page.table_header_link' | translate }}</th>
                </tr>
              </thead>
              <tbody>
                {% for affiliate_link in page.affiliate_links %}
                  <tr>
                    <td>{{ affiliate_link.product_name }}</td>
                    <td>{{ affiliate_link.url }}</td>
                  </tr>
                {% endfor %}
              </tbody>
            </table>
          {% else %}
            {{ 'liquid.views.affiliate_links_page.message_no_products' | translate }}
          {% endif %}
        </section>
      </main>
    </div>
  </div>
</div>

Style

• page_affiliate.scss