shipping truck animated

main
alexanderroese 2024-06-21 18:35:45 +02:00
parent 2103501172
commit 5aba9ce744
2 changed files with 13 additions and 1 deletions

Binary file not shown.

View File

@ -88,7 +88,19 @@
<div style="padding: 12px 12px 0 12px; margin-bottom: 20px; background-color: #deecde; text-align: center;"> <div style="padding: 12px 12px 0 12px; margin-bottom: 20px; background-color: #deecde; text-align: center;">
<div style="display: flex;gap: 6px;align-items: center;justify-content: center; "> <div style="display: flex;gap: 6px;align-items: center;justify-content: center; ">
{% comment %}
<svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 -960 960 960" width="24px" fill="#378c2c"><path d="M240-160q-50 0-85-35t-35-85H40v-440q0-33 23.5-56.5T120-800h560v160h120l120 160v200h-80q0 50-35 85t-85 35q-50 0-85-35t-35-85H360q0 50-35 85t-85 35Zm0-80q17 0 28.5-11.5T280-280q0-17-11.5-28.5T240-320q-17 0-28.5 11.5T200-280q0 17 11.5 28.5T240-240ZM120-360h32q17-18 39-29t49-11q27 0 49 11t39 29h272v-360H120v360Zm600 120q17 0 28.5-11.5T760-280q0-17-11.5-28.5T720-320q-17 0-28.5 11.5T680-280q0 17 11.5 28.5T720-240Zm-40-200h170l-90-120h-80v120ZM360-540Z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 -960 960 960" width="24px" fill="#378c2c"><path d="M240-160q-50 0-85-35t-35-85H40v-440q0-33 23.5-56.5T120-800h560v160h120l120 160v200h-80q0 50-35 85t-85 35q-50 0-85-35t-35-85H360q0 50-35 85t-85 35Zm0-80q17 0 28.5-11.5T280-280q0-17-11.5-28.5T240-320q-17 0-28.5 11.5T200-280q0 17 11.5 28.5T240-240ZM120-360h32q17-18 39-29t49-11q27 0 49 11t39 29h272v-360H120v360Zm600 120q17 0 28.5-11.5T760-280q0-17-11.5-28.5T720-320q-17 0-28.5 11.5T680-280q0 17 11.5 28.5T720-240Zm-40-200h170l-90-120h-80v120ZM360-540Z"></path></svg>
{% endcomment %}
<dotlottie-player
src="{{ 'lottie_shipping_truck.lottie' | asset_url }}"
background="transparent"
speed="1"
autoplay
loop="true"
style="width: 300px; height: 300px; margin: 0 auto;"
direction="1"
mode="bounce"></dotlottie-player>
<span id="shx-shipping-costs-info" span style="font-size: 14px; color: #4B7046"> <span id="shx-shipping-costs-info" span style="font-size: 14px; color: #4B7046">
{% if total_price < free_shipping_threshold %} {% if total_price < free_shipping_threshold %}