Achtung: Wenn Sie den Expertenmodus aktiviert haben

 

Sie haben den Expertenmodus für Ihr Template aktiviert? Sie haben die Variable noch nicht eingebaut?

Dann müssen Sie folgende Änderungen vornehmen:

HTML-Code

Im Template PANGEA geben Sie untenstehenden Code in die Datei templates → product.html.twig ein.
Dies muss vor {% if product.is_available %} eingefügt werden.

Im Template AURELIO geben Sie untenstehenden Code in die Datei snippets → product → price-box.html.twig ein.
Dies muss vor {% if product.is_available %} eingefügt werden.

  {% if shop.xmas_delivery and product.has_xmas_delivery %}
      <div class="xmas_delivery_msg">
      <img src="http://images-storefront.rakuten.de/image/0/2100/2/assets/images/xmas_icon.png"/>
      <span class="xmas_delivery_msg_wording">Bestellen Sie bis zum <b>{{ shop.xmas_delivery | date("d.m.Y H:i") }}</b><br/>
       und wir liefern rechtzeitig bis Weihnachten!</span>
          <div class="xmas_delivery_msg_info">
          <span>Wenn Sie diesen Artikel bis {{ shop.xmas_delivery | date("d.m.Y H:i") }} bestellen,
          erhalten Sie ihn voraussichtlich rechtzeitig zum Fest. Das gilt für Lieferadressen innerhalb
          Deutschlands. Bei der Zahlungsart Vorauskasse muss der Zahlungseingang bis
          {{ shop.xmas_delivery|date("d.m.Y H:i") }} erfolgt sein.</span>
          </div>
      </div>
  {% endif %}

CSS Anpassung

Template Pangea:

In der base.css.css unter
assets → css fügen Sie bitte folgenden Code ein:

  #shop-theme .xmas_delivery_msg {
  width:100%;
  height:54px;
  border:1px solid #52a133;
  position:relative;
  cursor:pointer;
  color:#3d3d3d;
  margin:0 0 25px;
  }
  #shop-theme .xmas_delivery_msg img {
  position:absolute;
  left:5px;
  top:10px;
  }
  #shop-theme .xmas_delivery_msg span.xmas_delivery_msg_wording {
  display:block;
  font-size:13px;
  left:40px;
  position:absolute;
  top:10px;
  width:300px;
  }
  #shop-theme .xmas_delivery_msg_info {
  width:319px;
  border:1px solid #d7d7d7;
  position:absolute;
  font-size:11px;
  color:#3d3d3d;
  background:#FFF;
  z-index:99;
  top:60px;
  left:-1px;
  display:none;
  margin:0 0 25px;
  padding:10px;
  }
  #shop-theme .xmas_delivery_msg:hover .xmas_delivery_msg_info {
  display:block;
  }

Template Aurelio:

In der style.css unter
assets → css fügen Sie bitte folgenden Code ein:

  #shop-theme .xmas_delivery_msg {
  width:366px;
  height:54px;
  border:1px solid #52a133;
  position:relative;
  cursor:pointer;
  color:#3d3d3d;
  margin:0 0 25px;
  }
  #shop-theme .xmas_delivery_msg img {
  position:absolute;
  left:10px;
  top:10px;
  }
  #shop-theme .xmas_delivery_msg span.xmas_delivery_msg_wording {
  display:block;
  font-size:13px;
  left:50px;
  position:absolute;
  top:10px;
  width:300px;
  }
  #shop-theme .xmas_delivery_msg_info {
  width:346px;
  border:1px solid #d7d7d7;
  position:absolute;
  font-size:11px;
  color:#3d3d3d;
  background:#FFF;
  z-index:99;
  top:60px;
  left:-1px;
  display:none;
  margin:0 0 25px;
  padding:10px;
  }
  #shop-theme .xmas_delivery_msg:hover .xmas_delivery_msg_info {
  display:block;
  }