Go to the new documentation
EN IT

Updates

Update a template for Electronic Invoicing

The 2018 Electronic Invoicing version, introduced in December 2018, includes the features needed to comply with the new electronic invoicing regulations.

On the site, when a customer enters billing details it is now possible to also collect the recipient code or PEC for the electronic invoice. This field is then shown in the customer record, in the order, and therefore on the invoice.

The new templates you can install from the Template Store already include the new field. Older templates must be updated; below we explain how to do it.

Changes can be made via the admin Template Editor or with any editor and an FTP program to upload files to the site.

  1. Open the "/includes/billing-address.html" file (do not confuse with "print-billing-address.html" which will be modified later) and add: 
    
    <!-- .if invoiceRecipient -->
    <div>
      <label for="design-invoice-recipient">{Invoice recipient}:</label>
      <div>
        <!-- .show invoiceRecipient --> <!-- .end -->
        <div style="clear:left">{Invoice recipient note}</div>
      </div>
    </div>
    <!-- .end if -->
    just before the line: 
        <div class="street">
  2. Open the "/includes/print-billing-address.html" file and add: 
    
      <!-- .if invoiceRecipient -->
      <div>{Print invoice recipient}: <!-- .show invoiceRecipient --> <!-- .end --></div>
      <!-- .end if  -->
    just before the line: 
          <!-- .if billingPhoneNumber -->
  3. If you are using the Template Editor, go to Translations > Italian and under the Template tab add, at the end, the following entries: 
    Invoice recipient=Codice o PEC fatturazione
Invoice recipient note=Compilare se si desidera la fattura elettronica
Print invoice recipient=Destinatario fattura elettronica
    If instead you are editing files via FTP, edit the "/languages/it/template.ini" file in the template folder.

    If you use multiple languages on the site, the texts for other languages are shown below:

    English

    Invoice recipient=Electronic invoice recipient
Invoice recipient note=Fill in with you PEC or recipient code if you need an electronic invoice
Print invoice recipient=Electronic invoice recipient

    French

    Invoice recipient=Destinataire de facture électronique
Invoice recipient note=Entrez votre PEC ou votre code de destinataire si vous souhaitez une facture électronique
Print invoice recipient=Destinataire de facture électronique

    Spanish

    Invoice recipient=Destinatario factura electrónica
Invoice recipient note=Rellene con su PEC o código de destinatario si desea una factura electrónica
Print invoice recipient=Destinatario factura electrónica
  4. Check the changes in the template preview and if they look good, apply the template to the site.

Update a template to the 2018 GDPR version

The 2018 GDPR version, introduced in May 2018, includes the features needed to comply with the new GDPR privacy regulations.

When you collect a customer's personal data on the site, you must inform them about the data processing performed and, if necessary, request consent.

The new templates provided with the update ("Respy Classic GDPR", "Respy Wide GDPR" and "Axis") are already prepared. Older templates must be updated; below we explain how to do it.

Changes can be made via the admin Template Editor or with any editor and an FTP program to upload files to the site.

Registration and checkout pages

  1. Create a new file named for example "/includes/privacy-processings.html" with the following content: 
    
<!-- .if processings -->
<div class="privacy-processings">

    <!-- .for processings -->
    <div class="processing">

      <label class="title">
        <!-- .show consent --><!-- .end -->
        <span><!-- .show title --> Data processing <!-- .end --></span>
        <!-- .if isConsentRequired --><span class="design-required">*</span><!-- .end -->
      </label>

      <div class="description">
        <span><!-- .show description --> We collect data from our customers for advertising purposes <!-- .end --></span>
        <span class="more-info"><!-- .show moreInfo --> (More info...) <!-- .end --></span>
      </div>

    </div>
    <!-- .end for -->

</div>
<!-- .end if -->
  2. Include the privacy-processings.html file in the following template pages:
    • sign-up-user.html
    • user-data.html
    • checkout-addresses.html (or checkout-form.html)
    • checkout-quote-request.html

    by adding the following code:

    
    <!-- .include "/includes/privacy-processings.html" -->
    between the <form> and </form> tags, preferably before the buttons at the end of the form.
  3. Add in the Template Editor under Translations > System (or directly to the "languages/it/system.ini" file) the following line: 
    
    PrivacyProcessingMoreInfo=(Maggiori informazioni...)
    If you have multiple site languages, do this for all languages.
  4. Modify the template CSS by adding the following code: 
    
.privacy-processings { padding: 1em 0; }
.privacy-processings .processing { margin-bottom: 1.5em; }
.privacy-processings .processing:last-child { margin-bottom: 0; }
.privacy-processings .processing label { cursor: pointer; }
.privacy-processings .processing input[type="checkbox"] { position: relative; top: 2px; }
.privacy-processings .processing .title { padding: .35em 0; }
.privacy-processings .processing .description { padding: 0 1.4em; word-break: break-word; }
.privacy-processings .processing .more-info a:hover { text-decoration: underline; }
.privacy-processings .processing .design-required { color: red; }
.sign-up-user-html .privacy-processings { padding-top: 0; }
.sign-up-user-html .privacy-processings .processing,
.user-data-html    .privacy-processings .processing { margin: 0 2px; padding: .35em .625em .75em; }
.design-highlight-consent-required { background-color: #FFF1A8; }

    If you are using an unmodified Respy Wide or Respy Classic template, just add this CSS to the end of the "/css/base.css" file. If you are using a custom template, you may need to adapt the CSS code to the template in use.

  5. Check the changes in the template preview and if they look good, apply the template to the site.

Orders and quotes pages

To add processing and consents also on orders and quotes already made, allowing a customer to see consents given, revoke a consent, or give a consent not previously given, follow these instructions to modify the template:

  1. Modify the template view.html page by adding the following code immediately after the closing <div> tag with class "document-frame": 
    
<!-- .if processings -->
<form method="post">
  <div>
      <!-- .include "includes/privacy-processings.html" -->
      <div class="buttons">
          <input type="submit" value="Salva consensi">
      </div>
  </div>
</form>
<!-- .end if -->
  2. Check the changes in the template preview and if they look good, apply the template to the site.