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

aivo

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

Для тех кто не знает как с фотошопа сделать резку шаблона
 
создать новую тему можно следующим образом:
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 имя вашей новой темы.
собственно все, теперь можно заходить в админку и править новый шаблон
 
а если к примеру у тебя есть готовый шаб в фотошопе, нарезаный, то как дальше?
 
а если к примеру у тебя есть готовый шаб в фотошопе, нарезаный, то как дальше?
Верстаем основу шаблона - это repo_themes/ваша тема/index.html.
Далее подключаются файлы из templates\frontend. тут конечно работы много, на каждую вещь будь-то страница товара или прайлист идет свой tpl
 
дальше все тоже не сложно, я когда первый раз увидел это произведение, то долго плевался и материл разработчиков, но просидев 2 вечера за дизайном понял что не все так сложно, создаешь новый проект к примеру в Adobe Dreamweaver CS3, в нем создаешь index.html и подключаешь существующие стили из main.css и верстаешь страницу, тут главное не переусердствовать со слоями, как выяснилось штатный дазайнер в админке к ним плохо относится, проще делать все в таблице. в стилях в разделе COMPONENT CONTAINER STYLES все можно погрохать, только другие раздела не трогайте. в этом разделе вставляешь стили своих объектов. а дальше просто правишь файл со стилями. да, еще в index.html там где предполагаются объекты вставьте теги <!-- cpt_container_start --><!-- cpt_container_end -->, в них потом с помощью дизайнера из админки вставите нужный функционал.
 
  • Нравится
Реакции: Kle
дальше все тоже не сложно, я когда первый раз увидел это произведение, то долго плевался и материл разработчиков, но просидев 2 вечера за дизайном понял что не все так сложно, создаешь новый проект к примеру в Adobe Dreamweaver CS3, в нем создаешь index.html и подключаешь существующие стили из main.css и верстаешь страницу, тут главное не переусердствовать со слоями, как выяснилось штатный дазайнер в админке к ним плохо относится, проще делать все в таблице. в стилях в разделе COMPONENT CONTAINER STYLES все можно погрохать, только другие раздела не трогайте. в этом разделе вставляешь стили своих объектов. а дальше просто правишь файл со стилями. да, еще в index.html там где предполагаются объекты вставьте теги <!-- cpt_container_start --><!-- cpt_container_end -->, в них потом с помощью дизайнера из админки вставите нужный функционал.

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

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

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

к примеру возьмите существующий шаблон, попробуйте из него в дизайнере в админке попробовать в режиме редактирования html поудалять объекты сразу все станет понятно.
 
Пришлось помучаться в натягивании шаблона на Webasyst, но что-то получилось. Разобрался во всём и теперь могу натянуть любой шаблон.

Единственное, что я не понял то, где можно создать свой файл с функцией вывода произвольной информации. Ведь если прописывать прописывать какой-либо текст в файлосах директории \frontend\, то из-за кодировки UTF-8, при выводе страницы будет показываться "абракатабра" :)

Может кто знает и может помочь реализовать этот вывод?

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


P.S далее допишу,
если есть уточнее поправляейте..
 
Назад
Сверху