Showcase – это современный шаблон, который имеет стильный дизайн и удобный интерфейс как в десктопной, так и в мобильной версии сайта.
Showcase располагает множеством необходимых современному интернет-магазину функций, настроек и инструментов для быстрого старта продаж товаров.
Файлы шаблона не закодированы, для работы не требуется ionCube. Это означает, что вы или ваш разработчик смогут вносить правки и изменения в функционал шаблона без труда.

Автоматическое преобразование изображений в webp, минимизация скриптов и стилей, ленивая загрузка шрифтов и изображений. Самые актуальные рекомендации Google Pagespeed взяты в этот шаблон. Шаблон адаптирован ко всем возможным популярным устройствам.

Синхронизация данных о заказах, популярных продуктах и категориях с электронной коммерцией Google, возможность подключения Менеджера тегов и рекламы Google.
Отличная поддержка мультимагазинов. Возможность локализации шаблона на любой язык (по умолчанию английский и украинский).

Список модулей, идущих в комплекте с шаблоном:​

• Вопрос-ответ
• Мультитовары
• Баннер +
• Блог
• Быстрый заказ
• Быстрый просмотр товара
• Всплывающая корзина
• Виджет «Сообщения администратора»
• Дополнительные вкладки
• Живой поиск
• Информационная полоса
• Купить в один клик
• Мегаменю
• Мультиконтакты
• Микроразметка для поисковых систем
• Нашли дешевле
• Обратный звонок
• Отзывы о магазине
• Подписка на новости
• Политика cookie
• Посадочные страницы
• Последние отзывы
• Преимущества магазина
• Просмотренные товары
• Слайдшоу +
• Стена категорий
• Стикеры товаров
• Страница 404
• Успешный заказ
• Analytics&E-commerce
• Open Graph разметка
• SEO генератор
• Модуль «Оформление заказа» (Fast Order) – модуль, который позволит сделать одностраничный checkout (оформление заказа).
• Модуль изменения изображения при выборе опций.

admin/controller/extension/theme/oct_showcase.php
admin/controller/octemplates/module/oct_fastorder.php
admin/language/en-gb/octemplates/module/oct_fastorder.php
admin/language/ru-ru/octemplates/module/oct_fastorder.php
admin/language/uk-ua/octemplates/module/oct_fastorder.php
admin/view/template/octemplates/module/oct_fastorder.twig
catalog/controller/checkout/oct_fastorder.php
catalog/language/en-gb/octemplates/oct_fastorder.php
catalog/language/ru-ru/octemplates/oct_fastorder.php
catalog/language/uk-ua/octemplates/oct_fastorder.php
catalog/view/theme/oct_showcase/stylesheet/style.min.css
catalog/view/theme/oct_showcase/template/checkout/oct_fastorder/fastorder.twig
catalog/view/theme/oct_showcase/template/common/cart.twig
catalog/view/theme/oct_showcase/template/octemplates/menu/oct_menu.twig
system/oct_showcase_theme.ocmod.xml

Чистый и валидный код без ошибок по стандартам W3C.​

Какие модули не входят в комплект с шаблоном ShowCase: OCFilter — Модуль фильтра товаров

Добавлена поддержка Opencart 3.0.3.9 и PHP 8.
В мега-меню добавлено новое настройка при редактировании и создании пунктов меню: "Главная категория". Если выбрана главная категория, ссылка на этот пункт меню будет подставлена из выбранной категории. Это упрощает создание меню, и отпадает необходимость вручную прописывать URL. Мелкие баг-фиксы и улучшения.

Сделать прикольную анимацию логотипа можно в разделе настройки • в самом низу Css — JavaScript добавить:

CSS код

#logo img {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-timing-function: ease;
}

#logo a:hover img {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}

@-moz-keyframes tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}

JavaScript код

// Этот код нужен для Firefox и других браузеров
var styles = `@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}`;

var sheet = document.createElement('style');
sheet.innerHTML = styles;
document.body.appendChild(sheet);

Купить у Автора Demo Обнова