[Помощь] Создаем новый шаблон WebAsyst

rowerros

Постоялец
Регистрация
27 Апр 2008
Сообщения
58
Реакции
20
наверняка кто то уже прошел этот путь до конца.
может быть оставят в этой теме советы для тех кто только пробует
интересует сама технология и главное описание краткое описание
кода (смарти)

Опишу как я попробывал изменить дизайн шаблона
- в админке - дизайн
открыл в хтмл код.
скопировал в дреамвивер

потом опять же из админки скопировал css
присоединил в дреамвивере

нашел похожую тему
Для просмотра ссылки Войди или Зарегистрируйся

похоже я повторяюсь.
тогда админу можно удалить тему

теперь с шаблоном можно работать.
Однако в смарти нужно разбираться документации я никакой не нашел
может вместе осилим по кусочкам
 
Вот еще информация по модификиции тем. пост #205
*** скрытое содержание ***

Это шоп-скрипт - а тема по Веб ассист.
Различие хотя бы в том что сдесь скины найти еще нада :)
Делал тут один шаблончик. Но редактировать нада было немного - затронул только стили и блоки на главной.
Все это отредактировать можно в

Код:
SITE\published\SC\html\scripts\repo_themes\

там в основном 4 файлика с расширением html, которые редактируются и
theme.xml - тут пишется название и описание темы.


шаблоны же самих блоков сдесь:
Код:
SITE\published\SC\html\scripts\templates\frontend\

Большой справочник по смарти в webassist я думаю создавать не стоит - потому что по-моему смарти логика и так понятна - а переменные, что там используются - с бОльшим трудом, но тоже можно понять.

К тому же это должна быть задача разработчика - сделать нормальную документацию по своему продукту (далеко не бесплатному).
 
Ребята, а нет ли у кого шаблонов к WebAsyst Shop-Script уже готовых.

Вообще интересует вот этот Для просмотра ссылки Войди или Зарегистрируйся

Подкиньте у кого есть пожалуйста.
 
Переделывал шаболон с SS на WS. Вобщем сложного ничего нет. Тема моя конечно из встроенного редактора не редактируется, но в остальном работает. Если у кого-то есть вопросы могу помочь советом.
Это на первый взгляд открывая индексный файл в теме думаешь, ну тут не разобраться. Но все можно. К тому же можно отказаться от полного хранения информации в стилях и можно сделать все в обычном HTML редакторе. Коды хорошо вставляются в нужные места. Просто шаблонов как мне кажется не оправдано много. Долго не мог понять зачем в папке product_brief.tpl.html
который не участвет вообще ни где. Вместо него product_brief.html.
Страница продукта зачем-то разбита на большое количество шаблонов которые все обьединяются в product_info.html.
В общем ничего ужасно сложного нет шаблоны сделать совсем не трудно.
 

Вложения

  • tableware.rar
    26,9 KB · Просмотры: 402

Вложения

  • webasyst_shop_script_manual.pdf
    138,5 KB · Просмотры: 613
наверняка кто то уже прошел этот путь до конца.
может быть оставят в этой теме советы для тех кто только пробует
интересует сама технология и главное описание краткое описание
кода (смарти)

Опишу как я попробывал изменить дизайн шаблона
- в админке - дизайн
открыл в хтмл код.
скопировал в дреамвивер

потом опять же из админки скопировал 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.

Все. Наш шаблон готов!
 
Инструкция поучительная, вот только после создания скелета. Шаблон не появляется в списке шаблонов.

Версия скрипта 2.83.
 
Инструкция поучительная, вот только после создания скелета. Шаблон не появляется в списке шаблонов.

Версия скрипта 2.83.
Если все сделал как написано (не забыл создать папку temp_overridestyles внутри папки с названием нового шаблона), то все должно появиться

!!!добавь к названию шаблона префикс user_

Добавлено через 11 минут
Кстати вот еще:

Каскадные таблицы стилей (файл css)

Классы и идентификаторы объектов, используемые в Shop-Script:

Блоки (div:(

.cpt_news_short_list – краткий список новостей на главной
.cpt_category_tree – дерево категорий
.cpt_maincontent – главное содержание
.cpt_currency_selection – выбор валюты
.cpt_language_selection – выбор языка
.cpt_divisions_navigation – ссылки на разделы
.cpt_auxpages_navigation – ссылки на информационные страницы
.cpt_survey – блок голосования
.cpt_root_categories – категории на главной (витрина)
.cpt_product_lists – список продуктов (например, «специальные предложения»)
.cpt_tag_cloud – облако тегов

Общие для всего магазина:

ul.vertical, ul.horizontal – вертикальный или горизонтальный (соответственно) список ссылок
(используется в навигации разделов и инф. страниц)
.cpt_shopping_cart_info – корзина (уменьшенная, на всех страницах)
.survey_question – вопрос голосования
.cpt_category_tree ul – список категорий
.cpt_category_tree ul a – ссылки в списке категорий
.cpt_category_tree ul a:hover – ссылка в списке категорий при наведении мышкой
.cpt_category_tree .parent a – ссылка на родительскую категорию, в списке категорий
.cpt_category_tree .child a – ссылка на подкатегорию, в списке категорий
.cpt_category_tree .parent_curent a, .cpt_category_tree .child_curent a – текущая (активная) категория и
подкатегория
.bullet – блок в списке категорий перед ссылкой
.tab – блок в списке категорий перед ссылкой подкатегории, количество таких блоков соответствует
уровню подкатегории
.cpt_product_add2cart_button – кнопка «добавить в корзину»
h1.welcome – надпись под витриной на главной
#searchstring – поле ввода поиска продуктов
.error_block – блок вывода ошибок
.news_date – дата новости
.news_title – заголовок новости
.news_viewall а – ссылка на все новости
.news_subscribe – подписка на новости
.news_thankyou – сообщение после подписки на новости
#cat_advproduct_search – блок расширенного поиска в категории
.row_odd td – нечетная строка в корзине
.row_even td – четная строка в корзине
#powered_by – надпись «работает на Webasyst shop-scrip»

Продукт:

.regularPrice – старая цена
.totalPrice – общая цена
.youSaveLabel – надпись «вы экономите в %»
.youSavePrice – в деньгах
.prd_out_of_stock – надпись «нет на складе»
.prdbrief_name – название товара
.review_block – блок отзывов
.review_title – заголовок отзыва
.review_date – дата отзыва
 
Если у кого-то есть вопросы могу помочь советом.
Будьте добры, подскажите, какой код нужно вставить в индексный файл шаблона (что в папке \published\SC\html\scripts\repo_themes\моя тема) для того, чтобы форма входа в личный кабинет была на всех страницах?
Нашла, что эта форма находится в файле \published\SC\html\scripts\templates\frontend\authorization.html, но вот как её добавить на все страницы в магазине - не могу понять :nezn:
 
Назад
Сверху