Add “Request Withdrawal” link

To maintain legal compliance regarding consumer rights, all webshops are now required to include a “Request withdrawal” link within the footer’s account section.

You must add the following piece of code under the “My account” section in your theme’s footer. This ensures that merchants can provide their customers with the necessary tools to exercise their right of withdrawal directly from the store interface.

To do so, go to:
Design -> Geavanceerd -> Code bewerken

Then open snippet block-footer.rain

Department v3

Now search for this exact code block. This is around rule 68

          <div class="flex1 flex flex-column hidden-mobile">
             {% for link in shop.links.service %}
              {% if link.url in ['service', 'service/shipping-returns', 'service/payment-methods'] %}
              <a href="{{ link.url | url }}"{% if link.new_window %} target="_blank"{% endif %} title="{{ link.title }}">{% if link.url == 'service' %}{{ 'Contact' | t }}{% else %}{{ link.title }}{% endif %}</a>
              {% endif %}            
              {% endfor %}
              <a href="{{ 'account' | url }}" title="{{ 'My account' | t }}">{{ 'My account' | t }}</a>
              {% for link in shop.links.custom_linklist_cs %}
              <a href="{{ link.url | url }}" title="{{ link.title }}"{% if link.new_window %} target="_blank"{% endif %}>{{ link.title }}</a>
              {% endfor %}
          </div>
        </div>
      </div>
      <div class="flex1 flex flex-column visible-mobile cust-service is-usefull">
        <span class="title  flex flex-between flex-align-center">{{ 'Usefull links' | t }}<i class="btn-hover icon-chevron-down hidden-desktop"></i></span>
       	<div class="flex1 flex flex-column toggle">
         {% for link in shop.links.service %}
          {% if link.url in ['service', 'service/shipping-returns', 'service/payment-methods'] %}
          <a href="{{ link.url | url }}"{% if link.new_window %} target="_blank"{% endif %} title="{{ link.title }}">{% if link.url == 'service' %}{{ 'Contact' | t }}{% else %}{{ link.title }}{% endif %}</a>
          {% endif %}            
          {% endfor %}
          <a href="{{ 'account' | url }}" title="{{ 'My account' | t }}">{{ 'My account' | t }}</a>
         
          {% for link in shop.links.custom_linklist_cs %}
          <a href="{{ link.url | url }}" title="{{ link.title }}"{% if link.new_window %} target="_blank"{% endif %}>{{ link.title }}</a>
          {% endfor %}
        </div>
      </div>

Now add the following marked code into the marked 2 locations. These 2 locations are around rule 78 and rule 99.

          <div class="flex1 flex flex-column hidden-mobile">
             {% for link in shop.links.service %}
              {% if link.url in ['service', 'service/shipping-returns', 'service/payment-methods'] %}
              <a href="{{ link.url | url }}"{% if link.new_window %} target="_blank"{% endif %} title="{{ link.title }}">{% if link.url == 'service' %}{{ 'Contact' | t }}{% else %}{{ link.title }}{% endif %}</a>
              {% endif %}            
              {% endfor %}
              <a href="{{ 'account' | url }}" title="{{ 'My account' | t }}">{{ 'My account' | t }}</a>
              {% for link in shop.links.custom_linklist_cs %}
              <a href="{{ link.url | url }}" title="{{ link.title }}"{% if link.new_window %} target="_blank"{% endif %}>{{ link.title }}</a>
              {% endfor %}

          {% if shop.settings.order_withdrawal.allowed %}
            <a href="#withdrawal-lookup">
              {{ 'Request withdrawal' | t }}
            </a>
          {% endif %}

          </div>
        </div>
      </div>
      <div class="flex1 flex flex-column visible-mobile cust-service is-usefull">
        <span class="title  flex flex-between flex-align-center">{{ 'Usefull links' | t }}<i class="btn-hover icon-chevron-down hidden-desktop"></i></span>
       	<div class="flex1 flex flex-column toggle">
         {% for link in shop.links.service %}
          {% if link.url in ['service', 'service/shipping-returns', 'service/payment-methods'] %}
          <a href="{{ link.url | url }}"{% if link.new_window %} target="_blank"{% endif %} title="{{ link.title }}">{% if link.url == 'service' %}{{ 'Contact' | t }}{% else %}{{ link.title }}{% endif %}</a>
          {% endif %}            
          {% endfor %}
          <a href="{{ 'account' | url }}" title="{{ 'My account' | t }}">{{ 'My account' | t }}</a>
         
          {% for link in shop.links.custom_linklist_cs %}
          <a href="{{ link.url | url }}" title="{{ link.title }}"{% if link.new_window %} target="_blank"{% endif %}>{{ link.title }}</a>
          {% endfor %}

          {% if shop.settings.order_withdrawal.allowed %}
            <a href="#withdrawal-lookup">
              {{ 'Request withdrawal' | t }}
            </a>
          {% endif %}

        </div>
      </div>

When done click the green “opslaan” knop. Activate the function in the store settings and your done!

Deviant v2

This actually exactly the same as Department v3. The only difference is the location of the code block!
When in block-footer.rain search for the exact same code block as below, around rule 106:

      <div class="cust-service flex1 flex flex-column">
        <span class="title">{{ 'Information' | t }}<i class="icon_w_text icon-minimal-down visible-mobile"></i></span>
        <div class="toggle flex flex-column">
          <a href="{{ 'account' | url }}" title="{{ 'My account' | t }}">{{ 'My account' | t }}</a>
          {% for link in shop.links.service %}
          	{% set has_contact = theme.show_faq_link_in_footer ? 'service' : '' %}
            {% if link.url in ['service/about', has_contact] %}
            <a href="{{ link.url | url }}"{% if link.new_window %} target="_blank"{% endif %} title="{{ link.title }}">
              {% if link.url == 'service' and theme.show_faq_link_in_footer %}{{ 'Contact' | t }}{% else %}{{ link.title }}{% endif %}
          	</a>
            {% endif %}
          {% endfor %}
          {% if shop.blogs %}{% for blog in shop.blogs | limit(1) %}<a href="{{ blog.url | url }}" title="{{ blog.title }}">{{ 'Blog' | t }}</a>{% endfor %}{% endif %}
          {% for link in shop.links.custom_linklist_info %}
          <a href="{{ link.url | url }}" title="{{ link.title }}"{% if link.new_window %} target="_blank"{% endif %}>{{ link.title }}</a>
          {% endfor %}
        </div>
      </div>

Now add the new marked code block around rule 110, like so:

      <div class="cust-service flex1 flex flex-column">
        <span class="title">{{ 'Information' | t }}<i class="icon_w_text icon-minimal-down visible-mobile"></i></span>
        <div class="toggle flex flex-column">
          <a href="{{ 'account' | url }}" title="{{ 'My account' | t }}">{{ 'My account' | t }}</a>

          {% if shop.settings.order_withdrawal.allowed %}
            <a href="#withdrawal-lookup">
              {{ 'Request withdrawal' | t }}
            </a>
          {% endif %}

          {% for link in shop.links.service %}
          	{% set has_contact = theme.show_faq_link_in_footer ? 'service' : '' %}
            {% if link.url in ['service/about', has_contact] %}
            <a href="{{ link.url | url }}"{% if link.new_window %} target="_blank"{% endif %} title="{{ link.title }}">
              {% if link.url == 'service' and theme.show_faq_link_in_footer %}{{ 'Contact' | t }}{% else %}{{ link.title }}{% endif %}
          	</a>
            {% endif %}
          {% endfor %}
          {% if shop.blogs %}{% for blog in shop.blogs | limit(1) %}<a href="{{ blog.url | url }}" title="{{ blog.title }}">{{ 'Blog' | t }}</a>{% endfor %}{% endif %}
          {% for link in shop.links.custom_linklist_info %}
          <a href="{{ link.url | url }}" title="{{ link.title }}"{% if link.new_window %} target="_blank"{% endif %}>{{ link.title }}</a>
          {% endfor %}
        </div>
      </div>

Hit the “opslaan” button and activate the function in the shop settings. You’re done!