Шаблон Joomshopping на Bootstrap 4.6

Категория: JoomShopping
Версия: 1.0.0
Дата: 03 ноября 2021

3456 7021 CTR 49% File Free

Бесплатный шаблон для интернет-магазина на базе JoomShopping 4 с использованием CSS-фреймворка Bootstrap 4.6 и FontAwesome 5. Адаптивная верстка.

Описание

Для корректной работы шаблона нужно добавить языковые константы в панели админстратора Joomla: Расширения - Языки - Переопределение констант. Далее. выбрать нужный язык для сайта и добавить следующие константы:

WT_JSHOP_EXTRA_FIELDS - Характеристики
WT_JSHOP_FILES - Файлы
WT_JSHOP_NUMBER_OF_CART_PRODUCTS - Товаров в корзине
WT_JSHOP_SHIPPING_FREE - Доставка за наш счёт

Установка производится через менеджер установки JoomShopping, не Joomla.

Подготовка картинок для интернет-магазина

Соотношение сторон

Для того, чтобы интернет-магазин выглядел аккуратно необходимо должное внимание уделить подготовке картинок товаров и категорий. Должна быть выбрана общая стилистика для всего сайта и, что важно, одинаковые пропорции. Как правило это либо 1х1 - квадрат, либо 9х16 (портретный формат, фотографии мобильного телефона в вертикальном положении).

Формат изображений

Начиная с версии 4.18.7 JoomShopping поддерживает загрузку изображений в формате webp. Использование этого формата картинок рекомендуется поисковыми системами (в частности, Google) как "использование современных форматов изображений" и влияет на скорость загрузки сайта, а значит и на хорошие поведенческие факторы.

Размеры изображений

Необходимо указать настройки обработки изображений в: JoomShopping → Настройки → Изображение. Именно эти значения будут подставляться в атрибуты height и width изображений (тег <img/>). Указание этих атрибутов влияет на скорость загрузки и отрисовки страницы, а следовательно на SEO. Всем изображениям категорий и товаров JoomShopping выставлен по умолчанию атрибут loading="lazy".

Шаблон Joomla JoomShopping Bootstrap 4.6

Шаблон для интернет-магазина собран на последней версии Bootstrap 4 - 4.6. Для шаблона не предполагается выпуск автоматических обновлений, как для большинства других расширений на этом сайте. Файлы шаблона находятся в папке components/com_jshopping/templates/webtolk. CSS шаблона находятся в components/com_jshopping/css/webtolk.css. Вы можете безбоязнено редактировать их по своему усмотрению.

В шаблоне JoomShoppging по умолчанию присутствует избыточная по современным меркам вёрстка. Но она была сохранена для обеспечения совместимости с расширениями, которые, возможно, в своей работе опираются на определенную вложенность CSS-селекторов.

Каждый интернет-магазин - явление уникальное. То же относится и к шаблону. Представленный шаблон - не конечный продукт. К нему следует относится как к некой болванке, которую следует адаптировать под каждый конкретный проект.