[Инфо] WebAsyst Shop-Script создание шаблона с нуля

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

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

    aivo Постоялец

    Регистр.:
    4 сен 2007
    Сообщения:
    62
    Симпатии:
    14
    Всем привет. Давайте в этой теме будем описывать как создать шаблон к WebAsyst Shop-Script с нуля.
    От нарезки шаблона до интеграции.
    Если есть примеры, опишете.
    Думаю многим пригодится;)
    Также сам буду стараться писать инструкции)

    Для тех кто не знает как с фотошопа сделать резку шаблона
    http://pixelbrush.ru/2009/02/14/kak-legko-i-bystro-sverstat-shablon-dlja-sajjta.html
     
    Antares, Vitaliy000, Sergun и ещё 1-му нравится это.
  2. rawman

    rawman Читатель

    Регистр.:
    24 янв 2009
    Сообщения:
    28
    Симпатии:
    10
    создать новую тему можно следующим образом:
    1. делаем копию любой существующей темы из \published\SC\html\scripts\repo_themes, в туже папку, но с новым именем, желательно чтоб оно начиналось с USER_
    2. теперь нужно изменить файл theme.xml, находящийся внутри, в нем нужно поменять в строчках, (это строка 2 и 3)
    <theme id="city" last_modified="2008-08-08 15:43:44">
    <title><![CDATA[City]]></title>
    на
    <theme id="User_XXX" last_modified="2008-08-08 15:43:44">
    <title><![CDATA[User_XXX]]></title>
    где User_XXX имя вашей новой темы.
    собственно все, теперь можно заходить в админку и править новый шаблон
     
    the_pimpest и aivo нравится это.
  3. aivo

    aivo Постоялец

    Регистр.:
    4 сен 2007
    Сообщения:
    62
    Симпатии:
    14
    а если к примеру у тебя есть готовый шаб в фотошопе, нарезаный, то как дальше?
     
  4. farm

    farm

    Регистр.:
    8 июн 2006
    Сообщения:
    536
    Симпатии:
    105
    Верстаем основу шаблона - это repo_themes/ваша тема/index.html.
    Далее подключаются файлы из templates\frontend. тут конечно работы много, на каждую вещь будь-то страница товара или прайлист идет свой tpl
     
    kirunya нравится это.
  5. rawman

    rawman Читатель

    Регистр.:
    24 янв 2009
    Сообщения:
    28
    Симпатии:
    10
    дальше все тоже не сложно, я когда первый раз увидел это произведение, то долго плевался и материл разработчиков, но просидев 2 вечера за дизайном понял что не все так сложно, создаешь новый проект к примеру в Adobe Dreamweaver CS3, в нем создаешь index.html и подключаешь существующие стили из main.css и верстаешь страницу, тут главное не переусердствовать со слоями, как выяснилось штатный дазайнер в админке к ним плохо относится, проще делать все в таблице. в стилях в разделе COMPONENT CONTAINER STYLES все можно погрохать, только другие раздела не трогайте. в этом разделе вставляешь стили своих объектов. а дальше просто правишь файл со стилями. да, еще в index.html там где предполагаются объекты вставьте теги <!-- cpt_container_start --><!-- cpt_container_end -->, в них потом с помощью дизайнера из админки вставите нужный функционал.
     
    Kle нравится это.
  6. aivo

    aivo Постоялец

    Регистр.:
    4 сен 2007
    Сообщения:
    62
    Симпатии:
    14
    после 2 вечеров у тебя получилось создать тему с нуля?
    можешь прикрипить сюда?
     
  7. masterjan

    masterjan Прохожие

    Ну да, совсем не сложно так взять и написать...
    Особенно интересны в редактировании шаблона следующие строки:

    <!-- cpt_container_start -->{cpt_divisions_navigation divisions='54:183:32:200' view='horizontal' overridestyle=''}{cpt_product_search overridestyle=':vxohqa'}<!-- cpt_container_end -->

    Кто расшифрует? Как такое реально создавать / редактировать?

    Откройте любой index.html из готового наблона.

    RAWMAN, подскажи плиз, раз так всё "не сложно".

    P.S.: Просидел 7 дней с "этой кухней" - терпение закончилось...:confused:
     
    zerofirefox нравится это.
  8. rawman

    rawman Читатель

    Регистр.:
    24 янв 2009
    Сообщения:
    28
    Симпатии:
    10
    не парьтесь господа, ваша задача сверстать шаблон и в нужных местах поставить теги <!-- cpt_container_start --><!-- cpt_container_end -->. по сути все ! в эти теги потом через конструктор дизайна в админке вставляете нужные объекты, в вашем случае
    {cpt_product_search overridestyle=':vxohqa'}
    это объект поиска, т.е. в этом месте появится поле для ввода с кнопкой "найти"
    {cpt_divisions_navigation divisions='54:183:32:200' view='horizontal' overridestyle=''}
    это панель навигации.

    к примеру возьмите существующий шаблон, попробуйте из него в дизайнере в админке попробовать в режиме редактирования html поудалять объекты сразу все станет понятно.
     
    fragov нравится это.
  9. rawman

    rawman Читатель

    Регистр.:
    24 янв 2009
    Сообщения:
    28
    Симпатии:
    10
    смотря какая информация, к примеру её можно оформить в виде отдельной aux страници
     
    fragov нравится это.
  10. aivo

    aivo Постоялец

    Регистр.:
    4 сен 2007
    Сообщения:
    62
    Симпатии:
    14
    Получается вот такая вот инструкция:
    1. Рисуем шаблон в фотошопе
    2. Режем.
    3. Создаем новый проект в Adobe Dreamweaver CS3 файл index.html, подсоеденяем стили main.css


    P.S далее допишу,
    если есть уточнее поправляейте..
     
    Rasskazoff нравится это.