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

Тема в разделе "WebAsyst", создана пользователем rowerros, 22 мар 2009.

Модераторы: mdss
  1. rowerros

    rowerros Постоялец

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

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

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

    нашел похожую тему
    http://www.nulled.ws/showthread.php?t=104069

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

    теперь с шаблоном можно работать.
    Однако в смарти нужно разбираться документации я никакой не нашел
    может вместе осилим по кусочкам
     
  2. liondekam

    liondekam Создатель

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

    Код:
    SITE\published\SC\html\scripts\repo_themes\
    там в основном 4 файлика с расширением html, которые редактируются и
    theme.xml - тут пишется название и описание темы.


    шаблоны же самих блоков сдесь:
    Код:
    SITE\published\SC\html\scripts\templates\frontend\
    Большой справочник по смарти в webassist я думаю создавать не стоит - потому что по-моему смарти логика и так понятна - а переменные, что там используются - с бОльшим трудом, но тоже можно понять.

    К тому же это должна быть задача разработчика - сделать нормальную документацию по своему продукту (далеко не бесплатному).
     
  3. madmis

    madmis Постоялец

    Регистр.:
    23 апр 2007
    Сообщения:
    106
    Симпатии:
    14
  4. Buyer

    Buyer Постоялец

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

    ndtest Создатель

    Регистр.:
    12 ноя 2008
    Сообщения:
    36
    Симпатии:
    18
    Вот, пожалуйста
     

    Вложения:

    • tableware.rar
      Размер файла:
      26,9 КБ
      Просмотров:
      394
    wwizard, nsd_net и madmis нравится это.
  6. ndtest

    ndtest Создатель

    Регистр.:
    12 ноя 2008
    Сообщения:
    36
    Симпатии:
    18
    Хороший мануал для начинающих
     

    Вложения:

    Масюк, pinky, sirotka и 7 другим нравится это.
  7. booner

    booner Создатель

    Регистр.:
    26 фев 2009
    Сообщения:
    12
    Симпатии:
    10
    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.

    Все. Наш шаблон готов!
     
    t3s, poopkin, jobantar и ещё 1-му нравится это.
  8. kosjak

    kosjak Писатель

    Регистр.:
    13 мар 2009
    Сообщения:
    7
    Симпатии:
    2
    Инструкция поучительная, вот только после создания скелета. Шаблон не появляется в списке шаблонов.

    Версия скрипта 2.83.
     
  9. booner

    booner Создатель

    Регистр.:
    26 фев 2009
    Сообщения:
    12
    Симпатии:
    10
    Если все сделал как написано (не забыл создать папку 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 – дата отзыва
     
    Tianna, sergey_54, Kle и 3 другим нравится это.
  10. Shverep

    Shverep Писатель

    Регистр.:
    23 апр 2008
    Сообщения:
    2
    Симпатии:
    0
    Будьте добры, подскажите, какой код нужно вставить в индексный файл шаблона (что в папке \published\SC\html\scripts\repo_themes\моя тема) для того, чтобы форма входа в личный кабинет была на всех страницах?
    Нашла, что эта форма находится в файле \published\SC\html\scripts\templates\frontend\authorization.html, но вот как её добавить на все страницы в магазине - не могу понять :nezn: