Тема дизайну для Shop-Script повинна містити наступний набір основних шаблонів вітрини:
- checkout.html
- checkout.contactinfo.html
- checkout.shipping.html
- checkout.payment.html
- checkout.confirmation.html
- checkout.success.html
- checkout.error.html
1. Формування структури теми дизайну
index.html
Шаблон index.html формує основну структуру сторінок вітрини за допомогою елементів
усередині елемента
можуть формуватися основне навігаційне меню (наприклад, за допомогою методу apps ()>, як це зроблено в темі дизайну «Дефолт»), бічні панелі, нижня панель ( «футер») і тому подібні структурні блоки сторінки, загальні для всіх сторінок вітрини.category.html
списки товарів
Порада: код для відображення списку товарів, що використовується в шаблоні category.html, може бути використаний і на інших сторінка вітрини, наприклад, на сторінці з результатами пошуку, тому зручно винести цей код в окремий шаблон, назвавши його, наприклад, product-list. html. Підключити такий додатковий шаблон в шаблоні category.html можна за допомогою Smarty-функції:
У темі дизайну «Дефолт» для цієї ж мети використовуються 2 різних шаблону: list-table.html і list-thumbs.html - для формування списків товарів з різним оформленням в різних місцях вітрини.
product.html
Шаблон product.html використовується для формування основного вмісту сторінки товару. Зазвичай на цій сторінці відображаються найменування, опис, характеристики товару і кнопка «В кошик».
Інформація про товар міститься у вигляді примірника класу shopProduct в змінної.
Вихідний код класу shopProduct знаходиться в файлі wa-apps / shop / lib / classes / shopProduct.class.php.
Крім відображення інформації про товар, важливою функцією сторінки товару є можливість додати товар в корзину, щоб потім перейти до оформлення замовлення. Форма додавання товару в корзину може бути створена у вигляді тега