Изменение дизайна

Дизайн по умолчанию находится в папке design/beige. В папке design может быть размещено сколько угодно вариантов дизайна, один из которых можно назначить дизайном магазина из панели администрирования, раздела "Настройки >> Основная конфигурация".

Откроем папку design/beige на своём локальном компьютере.

Если Вы хотите сменить логотип, то для этого нужно заменить файл изображения logo.gif в папке design/beige/images своим изображением.

Файл стилей дизайна: styles.css
HTML шаблоны дизайна находятся в папке tpl и имеют расширения .tpl и .mtpl
Основной файл HTML дизайна: design.tpl

HTML шаблоны дизайна можно редактировать как с текстового редактора (например, "Блокнот" или "WordPad"), так и с помощью специализированных HTML редакторов, таких как Macromedia Dreamweaver и т.п...

Подсказка:
Для того чтобы открыть какой-либо файл с помощью программы "Блокнот" ("Notepad") в операционной системе Windows, расширение которого не зарегистрировано на вашем компьютере или файлы с таким расширением по умолчанию уже открываются какой-то другой программой, нужно сделать следующее: нажать кнопку "Пуск" на панели задач, в появившемся меню выбрать "Программы >> Стандартные >> Блокнот". В окне программы выбрать пункт меню "Файл >> Открыть", в появившемся окне выбрать файл для открытия.


Каждый шаблон имеет метки типа {marker_name}, каждая из которых заменяется соответствующим результатом скрипта.

Все метки типа {lang.marker_name} (т.е. начинающиеся с "{lang.") во всех шаблонах заменяются строчкой с именем marker_name из языкового файла, соответствующенго старнице текущего раздела магазина. Все языковые файлы доступны в папке lang, которая находится в корне магазина, и Вы можете их редактировать. Вы также можете заменить любую метку типа {lang.marker_name} любым Вашим текстом.

Метка {shop_url} - в любом из шаблонов заменяется URL адресом папки, в которую установлен магазин, заданным в настройках панели администрирования.

Метка {design_url} - в любом из шаблонов заменяется URL адресом папки дизайна, который задан дизайном магазина в настройках панели администрирования.

В некоторых шаблонах, в которых необходим циклический вывод данных, присутствуют метки <!--begin_cycle--> и <!--end_cycle-->
Метка <!--begin_cycle--> - символизирует о начале цикла, а метка <!--end_cycle--> соответственно об окончании цикла. Эти метки не могут быть удалены.



Теперь давайте рассмотрим каждый из файлов в отдельности.

design.tpl - основной шаблон дизайна
menus.mtpl - шаблоны блоков меню
category_products.tpl - шаблон отображения товаров в текущем разделе каталога продукции
empty_cart.tpl - шаблон пустой корзины
cart.tpl - шаблон информациии о товарах наполненной корзины
cart_footer.tpl - шаблон нижней части наполненной корзины
order_complete.tpl - шаблон страницы оформления заказа
order_complete.tpl - шаблон страницы оформленного заказа


design.tpl - основной шаблон дизайна

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

Метка {charset} - заменяется заданной в настройках кодировкой документов.

{title} - заменяется заголовком текущей страницы.

{metatags} - заменяется дополнительными мета-тегами текущей страницы.

{menu_categories} - заменяется блоком вертикального меню разделов каталога товаров.

{content} - заменяется контентом текущей страницы.



menus.mtpl - шаблоны блоков меню

В версии ArwShop Light в этом файле только один шаблон вертикального меню разделов.

menu_categories - Шаблон блока вертикального меню разделов каталога товаров.

{category_link} - заменяется гиперссылкой на раздел.



category_products.tpl - шаблон отображения товаров в текущем разделе каталога продукции

{product_title} - заменяется названием товара.

{product_price} - заменяется ценой товара.

{product_id} - заменяется уникальным идентификатором товара (который присваивается автоматически при создании товара).

{product_little_image} - заменяется маленьким изображением товара.

{product_descript} - заменяется кратким описанием товара.

{pages_links} - заменяется линейкой ссылок на другие страницы текущего раздела.

Примечания:
  1. Всё что расположено между метками [if_product_little_image] и [/if_product_little_image] - отображается только в том случае, если если у товара есть маленькое изображение.


empty_cart.tpl - шаблон пустой корзины

{additional_report} - заменяется дополнительными сообщениями корзины.



cart.tpl - шаблон информациии о товарах наполненной корзины

{additional_report} - заменяется дополнительными сообщениями корзины.

{def_action} - заменяется значением свойства action в теге <form>, в зависимости от страницы.

{additionally_fields} - заменяется некоторыми скрытыми (<hidden>) полями формы, в зависимости от страницы.

{def_class} - заменяется именем CSS класса в цикле (имена классов чередуются).

{product_title} - заменяется названием товара.

{product_price} - заменяется ценой товара.

{def_product_id} - заменяется уникальным идентификатором товара (который присваивается автоматически при создании товара).

{def_product_quantity} - заменяется количеством данного товара в корзине.

{cost} - заменяется стоимостью данного товара.

{total_cost} - заменяется суммарной стоимостью всех товаров.



cart_footer.tpl - шаблон нижней части наполненной корзины



order_step1.tpl - шаблон страницы оформления заказа

{error_message} - заменяется сообщением об ошибке.

{cart_info} - заменяется информациией о товарах наполненной корзины (подшаблон cart.tpl).

{pay_methods} - заменяется списком способов оплаты.

Примечание:
  1. Все метки типа {POST.marker_name} (т.е. начинающиеся с "{POST.") в случае неправильно заполненной покупателем формы, заменяются соответствующим введённым ранее значением заполненной формы.


order_complete.tpl - шаблон страницы оформленного заказа

{order_sended_message} - заменяется сообщением, что заказ отправлен на обработку.