Прогресс бесплатной доставки

• в карточке товара, под ценой;
• на странице корзины;
• в выпадающей мини-корзине в шапке;
• в любом месте сайта через «Дизайн → Схемы» или одной строкой в шаблоне.

• Файлы темы не меняются. Обновление темы модуль не сломает.
• Место вывода задается CSS-селектором прямо в админке: перед элементом, после него, в начало или в конец.
• Если тема перерисовывает мини-корзину, блок сам возвращается на место.

• Порог задается вручную или берется из стандартной доставки «Бесплатная доставка».
• Сумма считается без налогов (как в стандартной доставке) или с налогами.
• Можно показывать модуль только выбранным группам покупателей.
• Можно скрывать блок при пустой корзине или после достижения порога.
• Три текста на каждом языке: «порог не достигнут», «корзина пуста», «порог достигнут». В тексты подставляются переменные 
  
  

  {remaining}

  , 
  
  

  {threshold}

  , 
  
  

  {total}

  .
• Сумма показывается в валюте, которую выбрал покупатель.

• Цвета полосы, фона, текста и иконки настраиваются отдельно для обоих состояний, с живым предпросмотром.
• Размер шрифта и высота полосы задаются отдельно для карточки, корзины и мини-корзины.
• Иконка на выбор:
  
  
  • 7 встроенных (грузовик, коробка, подарок, пакет, самолётик, метка, галочка);
  • своя картинка;
  • класс Font Awesome;
  • без иконки.
• Для состояния «порог достигнут» можно выбрать отдельную иконку.
• Выравнивание по центру или слева, поле для своего CSS.
• Блок адаптирован под мобильные экраны.

• Ручной вывод: 
  
  

  <div data-free-delivery="product"></div>

• JS API: 
  
  

  FreeDelivery.refresh()

   и событие 
  
  

  free-delivery:updated

  .
• Стили построены на БЭМ-классах и CSS-переменных, их легко переопределить.

• OpenCart 3.0.x
• PHP 5.6–8.x

Написать