---
title: "Бесплатный шаблон Joomshopping на Bootstrap 4.6 скачать - WebTolk"
description: "Бесплатный шаблон для интернет-магазина на базе JoomShopping 4  и FontAwesome 5. Адаптивная верстка."
url: "https://web-tolk.ru/dev/joomshopping/shablon-joomshopping-na-bootstrap-4-6"
date: "2026-06-05T15:49:17+00:00"
language: "ru-RU"
---

![Шаблон Joomshopping на Bootstrap 4.6](https://web-tolk.ru/images/swjprojects/projects/29/ru-RU/cover.jpg)

---

# Шаблон Joomshopping на Bootstrap 4.6

- **Категория:** [JoomShopping](https://web-tolk.ru/dev/joomshopping)
- **Версия:** 1.0.0
- **Дата:** 03 ноября 2021

5429 10693 CTR 51% File Free

[Скачать](https://web-tolk.ru/get?element=jshopping_template_webtolk)[Версии](https://web-tolk.ru/dev/joomshopping/shablon-joomshopping-na-bootstrap-4-6/versions)[Демо](https://demo.web-tolk.ru)

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

![Шаблон Joomshopping на Bootstrap 4.6](https://web-tolk.ru/images/swjprojects/projects/29/ru-RU/icon.jpg)

## Описание

Для корректной работы шаблона нужно добавить языковые константы в панели админстратора 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-селекторов.

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

## Joomla

 **Тип расширения:** Файл **Версия Joomla:** 3.10

## Галерея

![...](https://web-tolk.ru/dev/joomshopping/images/swjprojects/projects/29/ru-RU/gallery/s5rTOVgknVT.jpg)

![...](https://web-tolk.ru/dev/joomshopping/images/swjprojects/projects/29/ru-RU/gallery/ExbCodl7oXa.jpg)

![...](https://web-tolk.ru/dev/joomshopping/images/swjprojects/projects/29/ru-RU/gallery/ZJ5RxgvJRlv.jpg)

![...](https://web-tolk.ru/dev/joomshopping/images/swjprojects/projects/29/ru-RU/gallery/YVAacHdJt87.jpg)

![...](https://web-tolk.ru/dev/joomshopping/images/swjprojects/projects/29/ru-RU/gallery/R2NB8zkfKlv.jpg)

![...](https://web-tolk.ru/dev/joomshopping/images/swjprojects/projects/29/ru-RU/gallery/R2Hmreyj6tB.jpg)

![...](https://web-tolk.ru/dev/joomshopping/images/swjprojects/projects/29/ru-RU/gallery/5epLZmS3tAR.jpg)

![...](https://web-tolk.ru/dev/joomshopping/images/swjprojects/projects/29/ru-RU/gallery/a6v5bR7c04T.jpg)

![...](https://web-tolk.ru/dev/joomshopping/images/swjprojects/projects/29/ru-RU/gallery/fGAE12ls9rV.jpg)

![...](https://web-tolk.ru/dev/joomshopping/images/swjprojects/projects/29/ru-RU/gallery/kj2plbOxpG8.jpg)

![...](https://web-tolk.ru/dev/joomshopping/images/swjprojects/projects/29/ru-RU/gallery/zNpg6f5bnFS.jpg)

![...](https://web-tolk.ru/dev/joomshopping/images/swjprojects/projects/29/ru-RU/gallery/4S3j6lUfkvX.jpg)

![...](https://web-tolk.ru/dev/joomshopping/images/swjprojects/projects/29/ru-RU/gallery/H6An13BT5sy.jpg)

![...](https://web-tolk.ru/dev/joomshopping/images/swjprojects/projects/29/ru-RU/gallery/R7c0xPKKFMZ.jpg)

![...](https://web-tolk.ru/dev/joomshopping/images/swjprojects/projects/29/ru-RU/gallery/pBmIZKttY9e.jpg)

## Что нового

 03.11.2021, 11:59:57

### Шаблон JoomShopping на Bootstrap 4.6 - v.1.0.0

Первая версия шаблона

## JSON-LD Schema

```json
{
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "@id": "https://web-tolk.ru/#/schema/BreadcrumbList/17",
    "itemListElement": [
        {
            "@type": "ListItem",
            "position": 1,
            "item": {
                "@id": "https://web-tolk.ru/",
                "name": "Главная"
            }
        },
        {
            "@type": "ListItem",
            "position": 2,
            "item": {
                "@id": "https://web-tolk.ru/dev",
                "name": "Расширения Joomla"
            }
        },
        {
            "@type": "ListItem",
            "position": 3,
            "item": {
                "@id": "/dev/joomshopping",
                "name": "JoomShopping"
            }
        },
        {
            "@type": "ListItem",
            "position": 4,
            "item": {
                "name": "Шаблон Joomshopping на Bootstrap 4.6"
            }
        }
    ]
}
```

```json
{
    "@context": "https://schema.org",
    "@graph": [
        {
            "@type": "Organization",
            "@id": "https://web-tolk.ru/#/schema/Organization/base",
            "name": "WebTolk",
            "url": "https://web-tolk.ru/",
            "logo": {
                "@type": "ImageObject",
                "@id": "https://web-tolk.ru/#/schema/ImageObject/logo",
                "url": "images/webtolk-1080p.jpg",
                "contentUrl": "images/webtolk-1080p.jpg",
                "width": 1920,
                "height": 1080
            },
            "image": {
                "@id": "https://web-tolk.ru/#/schema/ImageObject/logo"
            },
            "sameAs": [
                "https://github.com/WebTolk",
                "https://github.com/sergeytolkachyov",
                "https://vk.com/web_tolk",
                "https://vk.com/webtolkru",
                "https://tenchat.ru/sergeytolkachyov",
                "https://t.me/sergeytolkachyov",
                "https://t.me/webtolkru"
            ]
        },
        {
            "@type": "WebSite",
            "@id": "https://web-tolk.ru/#/schema/WebSite/base",
            "url": "https://web-tolk.ru/",
            "name": "WebTolk",
            "publisher": {
                "@id": "https://web-tolk.ru/#/schema/Organization/base"
            }
        },
        {
            "@type": "WebPage",
            "@id": "https://web-tolk.ru/#/schema/WebPage/base",
            "url": "https://web-tolk.ru/dev/joomshopping/shablon-joomshopping-na-bootstrap-4-6",
            "name": "Бесплатный шаблон Joomshopping на Bootstrap 4.6 скачать - WebTolk",
            "description": "Бесплатный шаблон для интернет-магазина на базе JoomShopping 4  и FontAwesome 5. Адаптивная верстка.",
            "isPartOf": {
                "@id": "https://web-tolk.ru/#/schema/WebSite/base"
            },
            "about": {
                "@id": "https://web-tolk.ru/#/schema/SoftwareApplication/base"
            },
            "inLanguage": "ru-RU",
            "breadcrumb": {
                "@id": "https://web-tolk.ru/#/schema/BreadcrumbList/17"
            }
        },
        {
            "@type": "SoftwareApplication",
            "name": "Шаблон Joomshopping на Bootstrap 4.6",
            "url": "https://web-tolk.ru/dev/joomshopping/shablon-joomshopping-na-bootstrap-4-6",
            "description": "Бесплатный шаблон для интернет-магазина на базе JoomShopping 4 с использованием CSS-фреймворка Bootstrap 4.6  и FontAwesome 5. Адаптивная верстка.",
            "applicationCategory": "JoomShopping",
            "softwareVersion": "1.0.0",
            "downloadUrl": "https://web-tolk.ru/get?element=jshopping_template_webtolk",
            "image": "https://web-tolk.ru/images/swjprojects/projects/29/ru-RU/icon.jpg",
            "operatingSystem": "ANY",
            "interactionStatistic": [
                {
                    "@type": "InteractionCounter",
                    "interactionType": "https://schema.org/DownloadAction",
                    "userInteractionCount": 5429
                },
                {
                    "@type": "InteractionCounter",
                    "interactionType": "https://schema.org/ViewAction",
                    "userInteractionCount": 10694
                }
            ],
            "mainEntityOfPage": {
                "@type": "WebPage",
                "url": "https://web-tolk.ru/dev/joomshopping/shablon-joomshopping-na-bootstrap-4-6"
            },
            "softwareRequirements": "Joomla",
            "applicationSubCategory": "1.0.0",
            "isAccessibleForFree": true
        }
    ]
}
```
