Создание своей темы на Shop-script

Использовать чужие темы интересно, но всегда охото, чего-то своего...

Создание своей темы на Shop-script самостоятельно может быть очень увлекательным (вместе с https://saitsozdanie.ru), давайте разберемся из каких шаблонов основных она должна состоять:

• index.html - общий макет страницы вашего интернет-магазина.
• home.html  - если нужно править главную страницу, то вот он шаблон дизайна домашней страницы.
• category.html - шаблон страниц со списком категорий
• product.html - тут мы смотрим и правим шаблон страницы просмотра товара
• cart.html - чтобы продавец был доволен и счастлив, то можем сделать красивый шаблон страницы ”Корзина покупок“.
• error.html - для разработчиков и для пользователей полезен шаблон страницы с ошибкой, отображающий различные сообщения об ошибках; например, ”404- Страница не найдена“.

Так как у интернет-магазина есть разные способы оплаты и доставки, а также удачное оформление заказа или ошибка, то соответственно, создадим для них и такие шаблоны (можно скопировать их из темы дефолтной):

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

1 . Создадим структуру шаблона

Для начала нам нужно создать папку с любым названием, например - my_first_theme

Тут будут:

• css файлы 
• js файлы 
• и обязательный файл манифеста - theme.xml

2 . Основные шаблоны

2.1 index.html - это основной шаблон и тут должны быть все основные html-теги страницы: head, body и тд

 {$content} - эта переменная оочень важна, так как именно, из-за нее на сайте будет "динамика" - динамически обновляемый контент страницы!!!

2.2 home.html - это шаблон домашней страниц. Тут могут быть основные категории, акционные товары и тд. Часто люди первым делом попадают на главную страницу интернет-магазина и она очень влияет на продажи.

2.3 category.html - это шаблон страницы отображения категорий. Тут подтягиваются все данные из описания категории: например, название выведем так  {$category.name|escape} и другие данные можно вывести, это как ассоциативный массив, в данном случае берем колонку "name" 

Чтобы вывести список товаров используем - {$products}

его можно перебрать с помощью Smarty cycle {foreach}...{/foreach}

Произвольные товары

Если мы хотим отобразить произвольные товары списком, можно также использовать тег {$products} в любом другом файле, например в product-list.html' и потом включить это на странице так:

{include file='product-list.html'} 

 Тема по-умолчанию использует list-table.html и list-thumbs.html, которые можно инклюдить в любой части страницы.

Фильтры товаров

Для этого используется переменная {$filters} - он содержит фильтрацию товаров по цене, наличию и тд

Рекомендовано для начинающих: просто взять часть из шаблона category.html темы ”По умолчанию“, в которой используется {$filters} переменная

2.4 product.html - это шаблон страницы категории. Тут также используется тег ё{$product} и можно выводим характеристики или аналогично, название товара {$product.name|escape}.

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

Нужно добавить корину: Форма для добавления товара в корзину может быть создана с помощью элемента, который должен отправлять данные на сервер с помощью POST на URL, возвращаемый методом {$wa->getUrl('/frontendCart/add')}.

Как вывести рекомендуемые товары, артикулы и инфо о наличии товара

В этом случае нужен навык программирования на Smarty и JavaScript , поэтому рекомендуется скопировать данные из стандартного шаблона в product.html и немного подправить.

<!-- подключаемый модуль: 'frontend_product.menu' -->
{* @event frontend_product.%plugin_id%.menu *}
{foreach $frontend_product как $_}{$_.menu}{/foreach}