наверняка кто то уже прошел этот путь до конца.
может быть оставят в этой теме советы для тех кто только пробует
интересует сама технология и главное описание краткое описание
кода (смарти)
Опишу как я попробывал изменить дизайн шаблона
- в админке - дизайн
открыл в хтмл код.
скопировал в дреамвивер
потом опять же из админки скопировал css
присоединил в дреамвивере
нашел похожую тему
Для просмотра ссылки Войди или Зарегистрируйся
похоже я повторяюсь.
тогда админу можно удалить тему
теперь с шаблоном можно работать.
Однако в смарти нужно разбираться документации я никакой не нашел
может вместе осилим по кусочкам
1.Создание шаблона
Как и при работе с другими системами управлении сайтами, создание шаблона для Webasyst Shop-
Script следует начинать с верстки вашего макета в обычный html файл и таблицу стилей css.
Далее в папке /www/published/SC/html/scripts/repo_themes/ создаем папку с именем вашего
шаблона. Разработчики рекомендуют добавлять к названию шаблона префикс user_, чтобы при
обновлении ваш шаблон никуда не пропал.
(Например, “user_mystyle”)
Внутри этой папки создадим пустую папку “temp_overridestyles” – для переопределенных через
конструктор стилей.
Информация о шаблоне:
Создаем файл theme.xml и пишем в нем следующее:
<?xml version="1.0" encoding="ISO-8859-1"?>
<theme id="user_mystyle" last_modified="2009-04-03 10:00:00">
<title><![CDATA[My Style]]></title>
<components_settings>
<component id="htmlcode">
<setting name="caption" value="HEllo text -125"></setting>
<setting name="manage_htmlcode" value=""></setting>
</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}
Свой файл стилей переименовываем в main.css.
(Я бы рекомендовал взять этот файл из другого шаблона, так как там очень много стилей, и я не готов дать перечень всех
необходимых стилей. В уже существующий файл просто добавить свои стили.
)
Витрина магазина:
Создаем файл 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_container_end -->», а остальное через конструктор.
Основная разметка шаблона:
Создаем файл index.html в него вставляем все содержимое нашего начального макета, которое
находится между тегами <body></body>
В местах, где должны появиться какие-то функциональные блоки (Новости, навигация, главное
содержимое, логотип, выбор языка и т.д.) вставляем код:
<!--cpt_container_start --><!--cpt_container_end -->
Файлы overridestyles.php и overridestyles.css копируем из другого шаблона.
Детальная информация о товаре:
Файл product_info.html можно скопировать из другого шаблона или создать свой со следующим
содержимым:
<!--cpt_container_start -->{cpt_product_name}<!--cpt_container_end --
>
<div id="prddeatailed_container">
{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_mystyle.
Все. Наш шаблон готов!
