Webasyst шаблоны – В каких файлах можно изменять дизайн WebAsyst Shop-Script? — База знаний WebAsyst — Вебджем.рф

Содержание

Темы дизайна для Webasyst и Shop-Script

Самые продаваемые (и продающие) темы с отличной технической поддержкой.

Всё, что вы хотели. И немного больше
Прокачайте магазин Super-темой!
Быстрый интернет-магазин
Jewelry Theme — современная тема дизайна
Специальные возможности для больших продаж!

Семейство адаптивных тем дизайна.
Тема дизайна для большого интернет-магазина.

Оптимизирует сайт для смартфонов iOS и Android.
Семейство адаптивных тем дизайна.

FastFood — шаблон для службы доставки еды
Специальные возможности для больших продаж!
Всё, что вы хотели. И немного больше
Стильная презентация вашего бренда. Портфолио.
Быстрый интернет-магазин
Jewelry Theme — современная тема дизайна

Темы дизайна для Webasyst и Shop-Script

Самые продаваемые (и продающие) темы с отличной технической поддержкой.

Всё, что вы хотели. И немного больше
Прокачайте магазин Super-темой!
Быстрый интернет-магазин
Jewelry Theme — современная тема дизайна
Специальные возможности для больших продаж!

Семейство адаптивных тем дизайна.
Тема дизайна для большого интернет-магазина.
Оптимизирует сайт для смартфонов iOS и Android.
Семейство адаптивных тем дизайна.

FastFood — шаблон для службы доставки еды
Специальные возможности для больших продаж!
Всё, что вы хотели. И немного больше
Стильная презентация вашего бренда. Портфолио.
Быстрый интернет-магазин
Jewelry Theme — современная тема дизайна

Создание собственной темы дизайна для Shop-Script — Webasyst

Тема дизайна для Shop-Script должна содержать следующий набор основных шаблонов витрины:

index.html (общая структура страниц витрины)
home.html (шаблон главной страницы витрины)
category.html (шаблон страниц с информацией о категории товаров)
product.html (шаблон страницы с информацией об одном товаре)
cart.html (шаблон страницы «Корзина»)
error.html (шаблон для отображения сообщений об ошибках, например, «Страница не найдена»)

Поскольку работа интернет-магазина предполагает оформление заказа со указанием адресных данных, выбора способа доставки и оплаты, тема дизайна также должна содержать шаблоны соответствующих страниц. Для упрощения разработки вашей собственной темы дизайна можно полностью скопировать следующие шаблоны страниц оформления заказа из темы «Дефолт» (впоследствии их можно модифицировать по своему усмотрению):

checkout.html
checkout.contactinfo.html
checkout.shipping.html
checkout.payment.html
checkout.confirmation.html
checkout.success.html
checkout.error.html

1. Формирование структуры темы дизайна

Новую тему дизайна необходимо создавать в виде папки с произвольным именем на вашем компьютере. В ходе создания темы в эту папку будут сохраняться отдельные HTML-шаблоны и другие необходимые файлы (CSS, JavaScript + обязательный файл-манифест theme.xml).

Тема дизайна витрины может формироваться отдельно — только для Shop-Script, либо в составе семейства тем оформления, имеющих сходные оформительские элементы и предназначенные для использования в нескольких разных приложениях Webasyst с целью создания общего внешнего вида для разных фронтендов в пределах одного сайта. Подробнее о разработке семейств тем дизайна читайте в статье «Родительские темы дизайна».

2. Содержание основных шаблонов

index.html

Шаблон index.html формирует основную структуру страниц витрины с помощью элементов <DOCTYPE>, <html>, <head> и <body>.

Внутри элемента <head> обычно подключаются CSS-стили и JavaScript-файлы.

Внутри элемента <body> могут формироваться основное навигационное меню (например, с помощью метода {$wa->apps()}, как это сделано в теме дизайна «Дефолт»), боковые панели, нижняя панель («футер») и тому подобные структурные блоки страницы, общие для всех страниц витрины.

Важно: для отображения динамически формируемой информации на витрине (в центральной части страницы) необходимо добавить в шаблон index.html переменную {$content}. В случае отсутствия этой переменной все страницы витрины окажутся одинаковыми, т. к. на них не будет отображаться динамически формируемое содержимое: списки товаров на главной странице, информация о конкретном товаре, списки товаров в категориях и т. п.

home.html

К шаблону home.html, предназначенному для отображения основной (обычно центральной) части главной страницы специальные требования не предъявляются — он может содержать списки товаров, ссылки на отдельные категории товаров, разнообразные рекламные тексты, видео-ролики и другие подобные материалы.

category.html

Свойства категории

Шаблон category.html предназначен для отображения содержимого категории товаров.

Описание, наименование, список подкатегорий, META-теги, URL страницы, количество товаров и другие свойства категории содержатся в переменной {$category} в виде элементов ассоциативного массива. Это значит, что для отображения, например, наименования категории необходимо добавить в шаблон category.html переменную {$category.name|escape} (модификатор |escape необходим для правильного отображения на витрине различных специальных символов, которые могут содержаться в названиях категорий, например, часто встречающегося символа «&»).

Списки товаров

Для формирования списка товаров следует использовать переменную {$products}, которая содержит массив элементов с информацией о товарах в этой категории. Для считывания отдельных элементов массива обычно используется цикл Smarty {foreach}…{/foreach}.

Совет: код для отображения списка товаров, используемый в шаблоне category.html, может быть использован и на других страница витрины, например, на странице с результатами поиска, поэтому удобно вынести этот код в отдельный шаблон, назвав его, например, product-list.html. Подключить такой дополнительный шаблон в шаблоне category.html можно с помощью Smarty-функции {include}:
{include file='product-list.html'}

В теме дизайна «Дефолт» для этой же цели используются 2 разных шаблона: list-table.html и list-thumbs.html — для формирования списков товаров с разным оформлением в разных местах витрины.

Фильтры

Другим ключевым элементом страниц категорий является фильтр товаров — веб-форма для поиска товаров в категории по указанным значениям характеристик. Список характеристик, выбранных для фильтрации в конкретной категории, содержится в переменной {$filters}. Для простоты разработки собственной темы дизайна рекомендуем скопировать из шаблона category.html темы «Дефолт» фрагмент кода, обозначенный комментарием <!— filtering by product features —>, в котором используется переменная {$filters}.

product.html

Шаблон product.html используется для формирования основного содержимого страницы товара. Обычно на этой странице отображаются наименование, описание, характеристики товара и кнопка «В корзину».

Информация о товаре содержится в виде экземпляра класса shopProduct в переменной {$product}.

Исходный код класса shopProduct находится в файле wa-apps/shop/lib/classes/shopProduct.class.php.

Например, по аналогии с категориями, наименование товара можно отобразить на витрине с помощью конструкции {$product.name|escape}.

О том, как разместить изображения товара в шаблоне витрины, читайте в статье «Эскизы изображений».

Помимо отображения информации о товаре, важной функцией страницы товара является возможность добавить товар в корзину, чтобы затем перейти к оформлению заказа. Форма добавления товара в корзину может быть создана в виде тега <form>, данные которой должны отправляться методом POST на URL, возвращаемый конструкцией {$wa->getUrl(‘/frontendCart/add’)}.

Артикулы, услуги, информация о складских остатках, рекомендуемые товары

Эти элементы страницы товара требуют сравнительно сложного программирования с использованием Smarty и JavaScript, поэтому для первоначального ознакомления их реализацию будет полезно посмотреть в шаблоне product.html темы «Дефолт» и затем модифицировать нужным образом для адаптации к вашей собственной теме дизайна.

cart.html

Шаблон cart.html используется для отображения страницы со списком товаров, добавленных в корзину. Как правило, на такой странице можно изменить количество заказанных единиц товаров, удалить отдельные товары из корзины либо сразу перейти к оформлению заказа.

Информация о текущей покупательской корзине содержится в переменной {$cart} в виде ассоциативного массива со следующими элементами:

items — список товаров, добавленных в корзину
total — общая сумма цен заказанных единиц товаров с учетом выбранных артикулов и вариантов услуг
count — общее количество заказанных единиц товаров

Добавление функций автоматического пересчета стоимости заказа после изменения количества заказанных единиц и выбора вариантов услуг для отдельных товаров, а также обновления содержимого корзины при удалении товаров без перезагрузи страницы требует использования сравнительного большого объема JavaScript-кода. Поэтому при создании собственной темы дизайна предлагаем в качестве основы использовать реализацию страницы корзины из темы «Дефолт» и при необходимости ее доработать.

error.html

Если при запросе страницы витрины возникает ошибка (например, «Страница не найдена» или «Внутренняя ошибка сервера»), то для отображения информации об этом используется шаблон error.html. Переменные, доступные в этом шаблоне:

$error_message — сообщение об ошибке, генерируемое магазином
$error_code — код ответа сервера, например, 404 или 500

3. Поддержка плагинов

Базовые темы дизайна Shop-Script (например, тема «Дефолт») имеют встроенную поддержку плагинов. Эта поддержка заключается в том, что в шаблонах темы дизайна присутствуют специальные вставки (хуки), которые позволяют автоматически добавлять на витрину магазина дополнительное содержимое (например, список брендов товарной продукции и т. п.). Пример хука в шаблоне product.html:

<!-- plugin hook: 'frontend_product.menu' -->
{* @event frontend_product.%plugin_id%.menu *}
{foreach $frontend_product as $_}{$_.menu}{/foreach}

Для того чтобы ваша тема дизайна поддерживала отображение дополнительного содержимого с помощью плагинов, скопируйте подобные фрагменты из одной из базовых тем дизайна (например, «Дефолт») в соответствующие шаблоны вашей собственной темы.

4. CSS- и JavaScript-файлы

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

Подключение общих файлов фреймворка

Общие CSS- и JavaScript-файлы фреймворка находятся в директориях wa-content/css/ и wa-content/js/ соответственно. Для того чтобы подключить их в шаблоне темы дизайна, следует указывать URL этих директорий с учетом URL, по которому установлен фреймворк. Сделать это можно с помощью переменной {$wa_url}:

<link href="{$wa_url}wa-content/css/wa/wa-1.0.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="{$wa_url}wa-content/js/jquery-plugins/jquery.cookie.js"></script>

Подключение собственных файлов темы

Для подключения собственных CSS- и JavaScript-файлов темы необходимо в шаблонах указывать URL директории с файлами темы дизайна. Для этого рекомендуется использовать переменную {$wa_theme_url}:

<link href="{$wa_theme_url}style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="{$wa_theme_url}script.js"></script>

Подключаемые в таком примере файлы style.css и script.js следует добавить в папку со всеми остальными шаблонами темы.

5. Создание файла-манифеста

Для того чтобы Shop-Script воспринимал набор созданных шаблонов как составные части определенной темы дизайна, необходимо указать все файлы созданной вами темы в специальном файле-манифесте theme.xml. Пример файла-манифеста и описание его элементов смотрите в статье «Интеграция с приложением «Сайт»».

Важно: идентификатор (id) вашей темы дизайна, указанный в файле-манифесте theme.xml, не должен совпадать с идентификаторами других тем, установленных в магазине!

6. Загрузка на сервер

Перед загрузкой файлов темы на сервер их необходимо вместе с файлом-манифестом запаковать в архив формата TAR.GZ. Упаковать нужно только файлы — без папки, в которой вы их создавали на вашем компьютере! Имя файла-архива не имеет значения. Архив необходимо добавить по ссылке «Загрузить тему» в разделе «Витрина».

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

Темы дизайна — Документация Webasyst

Приложение «Сайт» предоставляет общий редактор шаблонов дизайна для разных приложений: «Сайт», «Блог», «Магазин» и других уже выпущенных и планируемых к выпуску приложений.

Файлы шаблонов

В Вебасисте предусмотрены два стандартных места для хранения шаблонов дизайна (тем оформления):

wa-apps/APP_ID/themes/ — оригинал темы в папке приложения
wa-data/public/APP_ID/themes/ — пользовательские изменения темы

В папке приложения (wa-apps/) хранится оригинал темы, куда она устанавливается с помощью приложения «Инсталлер». При изменении хотя бы одного шаблона с помощью встроенного редактора приложения «Сайт» создается копия оригинала темы в пользовательской папке wa-data/public/APP_ID/themes/, и с этого момента используется только она (оригинал остается в папке wa-apps/, но никак больше не изменяется через редактор дизайна).

Для редактирования шаблонов дизайна рекомендуется пользоваться только встроенным редактором дизайна, т. к. в этом случае гарантируется сохранение изменений в шаблонах дизайна при установке обновлений с помощью «Инсталлера». Если вы редактируете файлы шаблонов, не используя встроенный редактор дизайна (например, по FTP), то настоятельно рекомендуется редактировать только пользовательскую копию темы в wa-data/, чтобы не потерять изменения при установке обновлений.

Встроенный редактор дизайна

Бекенд и фронтенд Вебасиста работают на основе шаблонизатора Smarty, поэтому в содержимом шаблонов можно использовать весь инструментарий Smarty. В нижнем правом углу редактора находится шпаргалка со списком конструкций и переменных, которые можно использовать в текущем шаблоне.

В зависимости от функционала каждое приложение на свое усмотрение предоставляет свой набор обязательных шаблонов дизайна. Например, в приложении «Сайт» являются обязательными только шаблоны index.html (общая разметка страницы), page.html (вывод содержимого одной страницы) и error.html (отображение сообщения об ошибке). В приложении «Блог» есть другие обязательные шаблоны: post.html (отображение одной записи), stream.html (отображение списка записей), comments.html (комментарии к записи). Разработчик каждого приложения самостоятельно определяет, из каких шаблонов должна состоять его тема оформления и какие из шаблонов являются обязательными.

С помощью встроенного редактора дизайна владелец сайта имеет возможность редактировать все шаблоны дизайна, может создавать свои шаблоны, подключать их к основным шаблонам с помощью директивы Smarty {include file="..."}, но не может удалить обязательные файлы шаблонов, чтобы не нарушить целостность работы приложения.

Структура темы оформления

Тема оформления — это объединенные в одной папке HTML/Smarty-шаблоны, файлы JavaScript, CSS, изображения и файл-манифест theme.xml.

В файле-манифесте theme.xml должны быть перечислены основные настройки темы (название, версия) и файлы, изменение которых доступно в редакторе дизайна. Структурная схема XML размещена по адресу http://www.webasyst.com/wa-content/xml/wa-app-theme.dtd.

Подробнее о структуре темы оформления →.

Документация Webasyst — Документация Webasyst

Webasyst — это PHP-фреймворк (платформа) для разработки веб-приложений, у которых есть бекенд и фронтенд. С помощью фреймворка Webasyst можно создавать веб-проекты различной направленности, однако лучше всего фреймворк подходит именно для веб-проектов с бекендом и фронтендом, многопользовательским доступом и гибкой возможностью разграничения прав доступа.

Бекенд — это закрытый паролем раздел сайта для управления данными. Доступ к бекенду может иметь любое количество пользователей, и каждый пользователь имеет доступ только к тому набору инструментов, к которому у него есть доступ. Бекенд работает сразу же после установки фреймворка, и в нем изначально доступны несколько системных приложений: «Сайт», «Контакты» и «Инсталлер».

«Сайт» — это приложение для управления страницами сайта, полноценная CMS с редактором дизайна, средствами настройки маршрутизации (распределения URL запросов между всеми установленными приложениями), и визуальным редактором текста для быстрого формирования содержимого страниц сайта.
«Контакты» — приложение для управления всеми контактами, хранящимися в базе данных фреймворка. Контакт — это запись в базе данных, хранящая разнообразную информацию о каком-либо человеке или организации: имя, адрес, номер телефона и т. д.
«Инсталлер» — инструмент для автоматизированной установки приложений, плагинов и тем дизайна из централизованного хранилища (репозитория) на сервере Webasyst.

Фронтенд — это собственно интернет-сайт, формируемый приложением, т. е. страницы, доступные любому посетителю без ввода пароля. Страницы сайта, работающего на основе фреймворка Webasyst, могут быть сформированы разными приложениями: «Сайт» (обычные информационные страницы), Shop-Script (страницы витрины с информацией о товарах), «Фото» (фотогалерея), «Блог» (блоги) и т. д.

Для формирования дизайна страниц фронтенда (т. е. сайта) используется механизм тем дизайна. Тема дизайна — это набор HTML-шаблонов, CSS- и JavaScript-файлов, задающих оформление страниц одного приложения. Наряду с отдельными темами для конкретных приложений существуют и семейства тем дизайна, которые позволяют придать общий внешний вид страницам, сформированным несколькими разными приложениями.

Приложение — это набор скриптов, объединенных общей логикой и выполняющихся в общем адресном пространстве. Например, по адресу вида http://yourdomain.ru/webasyst/shop/ работает бекенд приложения Shop-Script — все запросы, URL которых начинается с такого базового адреса, обрабатываются только этим одним приложением. В отличие от приведенного примера запросов к бекенду, запросы к фронтенду каждого приложения могут группироваться с помощью неограниченного количества правил (масок). Например, витрина интернет-магазина может быть доступна по нескольким адресам: http://yourdomain.ru/, http://yourdomain.ru/books/, http://yourdomain.ru/facebook/ и т. д. И у каждой такой витрины может свое собственное оформление — в зависимости от выбранной темы дизайна.

При написании приложения есть возможность включить в него поддержку плагинов. Плагины позволяют добиться расширения функциональности приложения без изменения его исходного кода. Плагины устанавливаются и подключаются так же просто, как и приложения: одним щелчком мыши в «Инсталлере». Плагины, которые можно подключить к нескольким приложениям, называются системными. Примеры системных плагинов: модули интеграции с платежными системами или SMS-шлюзами (для отправки SMS-сообщений средствами приложений, которые используют такой плагин).

Выгодное отличие фреймворка Webasyst от многих других программных платформ состоит в том, что в нем описан набор готовых сущностей, часто используемых при разработке бизнес-приложений: контакт, пользователь, файл, авторизация, валюта, событие, рабочий процесс и т. п. Их наличие позволяет разработчику существенно сэкономить время и удобно связать логику работы своего приложения или плагина с логикой работы других приложений и плагинов. Эта особенность фреймворка открывает широкие возможности для взаимной интеграции между различными приложениями и сильно сокращает время, затрачиваемое на разработку.

Плагины и приложения Webasyst

Инструменты маркетинга

Анализ заказов по различным
условиям и признакам

• соберите заказы выходных дней
• анализируйте заказы, сделанные на определенную сумму
• следите за заказами разных категорий покупателей
• ведите учет заказов определенных брендов
или поставщиков

70 условий для гибкой аналитики и эффективного маркетинга

Письма

Вся переписка в вашем
Webasyst.

Почтовый клиент в интерфейсе фреймворка Webasyst,
который позволит вам использовать неограниченное
количество уже существующих почтовых ящиков.

Messenger

Собери всех коллег в одном мессенджере.

Командная работа начинается здесь.

Pocket Lists PRO

Эффективная командная работа в Webasyst. Задачи, списки, канбан, назначение ответственных, типы и статусы задач, связь задач с заказами Shop-Script и многое другое — приложение Pocket Lists и плагин Pocket Lists PRO помогут автоматизировать работу.

Порядок в делах — основа для роста.

Автоопределение и выбор города

Удобное оформление адреса доставки — больше заказов!

Поднимите удобство работы со своим магазином —
автоматически определив город покупателя и предоставив
удобный инструмент для автозаполнения адреса доставки.

Работа с поставщиками

Если ваш интернет-магазин торгует со склада поставщика, то плагин «Обновление из прайсов поставщиков» поможет вам вовремя обновлять наличие и цену на сайте, основываясь на наличии артикула в прайс-листе поставщика.

Подробнее

Webasyst CRM

Удобный инструмент для управления базой клиентов и продажами

• Удобная работа с контактами
• Эффективное управление сделками
• Интеграция с Shop-Script
• Воронки продаж
• Таймлайн по всем действиям
• Интеграция с IP-телефонией
• Автоматизация работы со счетами

Google Покупки

Экспорт товаров в формате XML для Google Merchant! Расширенные возможности создания фида Автоматическое обновление файла по CRON Интеграция с SEO-оптимизацией Поддержка SKU

Форма обратной связи

Универсальное приложения для создания гибкой
формы обратной связи на сайте, магазине, блоге
и любых других приложениях

Создать свой шаблон на CMS WebAsyst | IT портал

Шпаргалка для разработчика интернет-магазина на CMS WebAsyst, в этой статье Вы узнаете как создать свой шаблон

1.Создание шаблона в CMS WebAsyst

Начинается создание шаблона в CMS Webasyst по такому же принципу как и в других системах управлении сайтами. Начинать следует с верстки вашего макета в обычный html файл и таблицу стилей css. После этого в папке:
/www/published/SC/html/scripts/repo_themes/ — нужно создать папку с именем вашего шаблона. Рекомендуем добавить к названию Вашего шаблона префикс user_, что бы после обновления шаблон остался на месте. Например, «user_newstyle». В этой папке (внутри) нужно создать пустой каталог (папку): «temp_overridestyles» – для дальнейших переопределенных через конструктор стилей.

Информация о шаблоне:

Нужно создать файл theme.xml внутри которого пишем:

<?xml version=»1.0″ encoding=»ISO-8859-1″?> <theme last_modified=»2013-02-03 10:00:00″> <title><![CDATA[New Style]]></title> <components_settings> <component> <setting name=»caption» value=»HEllo text — 125″></setting> <setting name=»manage_htmlcode» value=»»></setting> </component> </components_settings> </theme>

<?xml version=»1.0″ encoding=»ISO-8859-1″?>

<components_settings>

</component>

</components_settings>

</theme>

Шапка созданного шаблона:

Создаем файл head.html, внутри которого пишем:

<title>{$page_title|default:$smarty.const.CONF_DEFAULT_TITLE|escape:’html’}</title> {$page_meta_tags} {literal} скрипты и теги, которые вы хотите добавить между тегами <head></head> {/literal}

<title>{$page_title|default:$smarty.const.CONF_DEFAULT_TITLE|escape:’html’}</title>

{$page_meta_tags}

{literal}

скрипты и теги, которые вы хотите добавить между тегами <head></head>

{/literal}

Свой файл стилей переименовываем в main.css.
Рекомендуем взять файл стилей из другого шаблона, так как там много стилей, а дать перечень всех необходимых стилей затруднительно. В уже существующий файл стиля просто нужно будет добавить свои стили.

Витрина магазина CMS WebAsyst:

Для витрины шаблона мы создаем файл: home.html, в нем пишем:

<!— cpt_container_start —>{cpt_root_categories categories_col_num=’3′ show_sub_category=’enable_sub_category’ subcategories_numberlimit=» subcategories_delimiter=’ ‘}<!— cpt_container_end —>

<!— cpt_container_start —>{cpt_root_categories categories_col_num=’3′ show_sub_category=’enable_sub_category’

subcategories_numberlimit=» subcategories_delimiter=’ ‘}<!— cpt_container_end —>

Можно оставить только «», а остальное сделать через конструктор (WYSIWYG).

Основная разметка шаблона:

Нужно создать файл index.html в него вставляем все содержимое нашего начального макета, которое находится между тегами

В местах, где должны появиться какие-то функциональные блоки (Навигация, новости, главное содержимое, логотип, выбор языка и т.д.) вставляем код:

<!— cpt_container_start —><!— cpt_container_end —>

Файлы overridestyles.css и overridestyles.php копируем из другого шаблона.

Детальная информация о товаре в магазине Вебасист

Файл product_info.html можно скопировать из другого шаблона или создать свой со следующим содержимым:

<!— cpt_container_start —>{cpt_product_name}<!— cpt_container_end —> <div> {cpt_product_images} <!— cpt_container_start — >{cpt_product_params_selectable}{cpt_product_params_fixed}{cpt_product_rate_form}{cpt_product_price}{cpt_product_add2cart_button}{ cpt_product_description}<!— cpt_container_end —> </div> <!— cpt_container_start —>{cpt_product_discuss_link}{cpt_product_related_products}{cpt_product_details_request}<!— cpt_container_end —>

<!— cpt_container_start —>{cpt_product_name}<!— cpt_container_end —>

<div>

{cpt_product_images}

<!— cpt_container_start —

>{cpt_product_params_selectable}{cpt_product_params_fixed}{cpt_product_rate_form}{cpt_product_price}{cpt_product_add2cart_button}{

cpt_product_description}<!— cpt_container_end —>

</div>

<!— cpt_container_start —>{cpt_product_discuss_link}{cpt_product_related_products}{cpt_product_details_request}<!— cpt_container_end —>

Файл thumbnail.jpg – мини изображение шаблона.

Все остальные можно сделать через админ-панель сайта с помощью Конструктора (WYSIWYG).

«Перетащить» любой модуль можно на позицию где мы вставляли код:

<!— cpt_container_start —><!—cpt_container_end —>

Все дальнейшие правки рекомендуем делать уже через админ-панель интернет-магазина. Если изменения вносить снова в папке repo_themes,
то нужно очистить кэш через инсталлятор или в папке:

/published/publicdata/{DB_KEY}/attachments/SC/themes/user_ newstyle.

Наш новый шаблон на этом готов!

Webasyst шаблоны – В каких файлах можно изменять дизайн WebAsyst Shop-Script? — База знаний WebAsyst

Темы дизайна для Webasyst и Shop-Script

Темы дизайна для Webasyst и Shop-Script

Создание собственной темы дизайна для Shop-Script — Webasyst

1. Формирование структуры темы дизайна

2. Содержание основных шаблонов

index.html

home.html

category.html

Свойства категории

Списки товаров

Фильтры

product.html

Артикулы, услуги, информация о складских остатках, рекомендуемые товары

cart.html

error.html

3. Поддержка плагинов

4. CSS- и JavaScript-файлы

Подключение общих файлов фреймворка

Подключение собственных файлов темы

5. Создание файла-манифеста

6. Загрузка на сервер

Темы дизайна — Документация Webasyst

Файлы шаблонов

Встроенный редактор дизайна

Структура темы оформления

Документация Webasyst — Документация Webasyst

Плагины и приложения Webasyst

Инструменты маркетинга

Письма

Messenger

Pocket Lists PRO

Автоопределение и выбор города

Работа с поставщиками

Webasyst CRM

Google Покупки

Форма обратной связи

Создать свой шаблон на CMS WebAsyst | IT портал

1.Создание шаблона в CMS WebAsyst

Информация о шаблоне:

Шапка созданного шаблона:

Витрина магазина CMS WebAsyst:

Основная разметка шаблона:

Детальная информация о товаре в магазине Вебасист

Похожие материалы:

Добавить комментарий Отменить ответ

Рубрики