Как сделать свой шаблон для ViArt Shop?

[Ches]

Не претендуя на учебник CSS и краткий курс HTML - для тех кто хотел бы создать свой шаблон или творческим образом изменить до неузнаваемости имеющийся...
Структура шаблона
В формировании дизайна шаблона участвуют файлы, которые находятся в папках Images, Styles и Templates
1. Images - в этой корневой папке находятся папки с изображениями, которые используются в шаблонах магазина - classic, fashion, marine, и т.д. В папку с изображениями шаблона может вложено ещё несколько папок - red, blue - из этих вложенных папок будут браться изображения, если Вы решите сделать в вашем шаблоне несколько переключаемых стилей.
2. Styles - здесь CSS файлы шаблонов.
3. Templates - здесь есть папка user в этой папке лежат html файлы отвечаюшие за показ ваших страниц и блоков.
На первом этапе этих теоретических знаний вам будет достаточно
К делу
За основу нашего первого шаблона используем имеющийся шаблон rainbow

1. В папке Images создадим новую папку test и скопируем в нее все изображения из папки rainbow.
2 В папке Styles создадим копию файла rainbow.css и переименуем его в test.css
Заготовка для нашего первого шаблона готова. Идем в Модули CMS>Выбор шаблона и видим новый шаблон test. Переключаем - если во фронт энде увидите шаблон rainbow верьте глазам своим - так и должно быть - мы ещё ничего не меняли.
3. Теперь начинается работа с файлом стилей - test.css. Работать с ним можно как в обычном текстовом редакторе, так и в специализированных программах коих великое множество Если никогда не занимались CSS - в сети полно шпаргалок по CSS - это пара страничек - имея их перед глазами будет проще разобраться. Что-то поменяли в CSS - cохраняете - идете смотреть - здесь помните про коварный браузерный кэш
Для начала, пожалуй, достаточно!

Красивых Вам Виартов!

PS Сегодня днем общался с коллегами из Bitrix. Знаете столько стоит уникальный шаблон? Более 100000 рублей...
Спросил - И что, как покупают!?
Покупают! - ответил Bitrix

[suddenhit]

tak a templates folder tam vse nado kopirovat i pererabativat ili net?

[Ches]

Если не меняете вывод блоков в Templates ничего менять не надо - шаблонизатор сам возьмет html файлы вывода из папки User

[tusa888]

Если не меняете вывод блоков в Templates ничего менять не надо - шаблонизатор сам возьмет html файлы вывода из папки User

Все сделал как описано "Как сделать свой шаблон для ViArt Shop?", только за основу взял шаблон "Blue" из сборки:"ViartShop 3.6 RE 20090801". Итог шаблонизатор скрипта не видит этот шаблон !!! Идем в Модули CMS>Выбор шаблона и не видим новый шаблон "Blue". Там, в папках появились файлы Thumbs.db (обычно создаются в Viste и т.д.) Так что причина не в этом, тогда в чем?
Права файлов везде: 755

[rpagyc]

интересно много времени уйдет чтоб табличную верстку виарта переделать в дивную и стоит ли оно того?.. пугает большое количество шаблонных файлов.

[VST]

интересно много времени уйдет чтоб табличную верстку виарта переделать в дивную и стоит ли оно того?.. пугает большое количество шаблонных файлов

Уже делаем. Планируем уложиться в неделю +- Стоит того. Это и валидация, и удобство для пользователей и нормальная верства итд. Файлов действительно много. Мы не из пугливых

[rpagyc]

а как можно в виарт комьюнити заделаться?.. с удовольствием бы принял участие в данном проекте. =)

[tusa888]

а как можно в виарт комьюнити заделаться?.. с удовольствием бы принял участие в данном проекте. =)

Вот все получилось, а это краткая инструкция для таких как я...


Чтобы добавить новый готовый шаблон дизайна пожалуйста, сделайте следующие шаги:
1. Когда Ваша покупка будет осуществлена, Вы получите уведомление со ссылкой для загрузки шаблона. Щелкните по полученной ссылке, чтобы загрузить шаблон в архиве.
2. После загрузки, разархивируют архив в определенное для этого место (root folder (корневая папка вашего магазина) через программу FTP клиента.
3. Когда это сделано, идите в вашу Administration panel (панель Администрирования) (Administration > CMS > Site Layout) - ( Администрирование > CMS > Выбор шаблона ) и нажмите ссылку, 'Add New ' - ' Создать'.

o Layout link below predefined CMS - (Схема ссылок предопределенных ниже в CMS) в схеме CMS - заполняют соответствующие поля, а именно:
o Layout Name- (Название Схемы) - название Вашей схемы дизайна (например, Записная книжка, Игрушки)
o Style Name - (Название Стиля) - идентичное Layout Name, название пишется (без расширений)
o Templates Directory (Каталог Шаблонов) - ./templates/user
o Admin Templates Directory (Каталог Шаблонов Администрирования) - ./templates/admin
Когда все поля заполнены, щелкните кнопкой 'Add New ' - ' Создать', и ваш шаблон будет добавлен на сайт.
Примечание:, Если Вы добавляете шаблон готового дизайна как Новый шаблон все Настройки Меню, не будут сохранены!!!. Если Вы хотите сохранить Ваши Настройки Меню Сайта, идите в Система>Общие настройки>Общие> Активный Шаблон и измените старый шаблон, на новый, выбав его в открывающимся меню, затем нажмите Кнопку>Обновить( в самом низу Меню:Общие). Затем возвращайтесь в (Administration > CMS > Site Layout) - ( Администрирование > CMS > Выбор шаблона ) и в открывшимся меню Шаблоны, увидите, свой новый, со статусом: Активно. Теперь вы можете его редактировать и т.д.
Внимание!!! Только этом случае Новый Шаблон дизайна будет добавлен, и Ваши текущее настройки Меню сайта будет сохранены.

Красивых Вам Виартов!

[VST]

а как можно в виарт комьюнити заделаться?.. с удовольствием бы принял участие в данном проекте. =)

Вы уже в нём. Хотите участвовать в более активном режиме свяжитесь с NEMO . Будем рады!

[rpagyc]

а можно будет перекинуть свой дизайн на эту верстку если изменения делались только в css? также прошу покритиковать внешний вид моей демки

[Ches]

можно будет перекинуть свой дизайн на эту верстку если изменения делались только в css?

Без проблем. Только в новом шаблоне изменитсся не только CSS, но и будут полностью переписаны все файлы HTML, отвечающие за вывод шаблона в общем количестве - 510 файлов

прошу покритиковать внешний вид моей демки

1. Понятно, что ещё в стадии и нужно много дорабатывать, но чувство стиля у Вас есть - остальное дело труда и техники.
2. Если сделаете шаблон элластичным - только выиграете.
Больше критиковать пока нечего Делайте! Показывайте! Критиков мы найдем

[a2l]

а можно будет перекинуть свой дизайн на эту верстку если изменения делались только в css? также прошу покритиковать внешний вид моей демки

Из всего, что я видел на сегодня - самый приятный дизайн Виарта.
Мягкий и минималистический.

Буду рад заменить свою стандартную тему на такую же.

А для того, чтобы создать тему на 960px, тоесть с поддержкой 1024х768 - лучше модифицировать тему Default

[samrat]

Уже делаем. Планируем уложиться в неделю +- Стоит того.

В скором времени увидим результат?

[VST]

Делаем. Точную дату релиза не называем - файлов действительно много...

[Alexgr]

а можно будет перекинуть свой дизайн на эту верстку если изменения делались только в css? также прошу покритиковать внешний вид моей демки

Ссылка "битая".

[oldmanager]

И не удивительно - ей уже три года