Как самому сделать шаблон вшопе

Как самому сделать шаблон вшопе
Как самому сделать шаблон вшопе
  • 07.07.2009 21:00 #1

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

    Не претендуя на учебник 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

    Digg this Post!Bookmark Post in TechnoratiОтветить с цитированием Ответить с цитированием Выполняется обновление 'Благодарностей', пожалуйста подождите... Спасибо

    ::blank::

  • 22.07.2009 18:16 #2

    По умолчанию Re: Как сделать свой шаблон для ViArt Shop?

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

    Digg this Post!Bookmark Post in TechnoratiОтветить с цитированием Ответить с цитированием Выполняется обновление 'Благодарностей', пожалуйста подождите... Спасибо

    ::blank::

  • 22.07.2009 18:50 #3

    По умолчанию Re: Как сделать свой шаблон для ViArt Shop?

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

    Digg this Post!Bookmark Post in TechnoratiОтветить с цитированием Ответить с цитированием Выполняется обновление 'Благодарностей', пожалуйста подождите... Спасибо

    ::blank::

  • 24.08.2009 04:57 #4

    Восклицание Re: Как сделать свой шаблон для ViArt Shop?

    ЦитатаСообщение от Ches Посмотреть сообщение

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

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

    Последний раз редактировалось tusa888; 24.08.2009 в 05:09.

    Digg this Post!Bookmark Post in TechnoratiОтветить с цитированием Ответить с цитированием Выполняется обновление 'Благодарностей', пожалуйста подождите... Спасибо

    ::blank::

  • 24.08.2009 07:30 #5

    По умолчанию Re: Как сделать свой шаблон для ViArt Shop?

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

    Digg this Post!Bookmark Post in TechnoratiОтветить с цитированием Ответить с цитированием Выполняется обновление 'Благодарностей', пожалуйста подождите... Спасибо

    ::blank::

  • 24.08.2009 12:15 #6

    По умолчанию Re: Как сделать свой шаблон для ViArt Shop?

    интересно много времени уйдет чтоб табличную верстку виарта переделать в дивную и стоит ли оно того?.. пугает большое количество шаблонных файлов Уже делаем. Планируем уложиться в неделю +- Стоит того. Это и валидация, и удобство для пользователей и нормальная верства итд. Файлов действительно много. Мы не из пугливых Digg this Post!Bookmark Post in TechnoratiОтветить с цитированием Ответить с цитированием Выполняется обновление 'Благодарностей', пожалуйста подождите... Спасибо

    ::blank::

  • 24.08.2009 14:09 #7

    По умолчанию Re: Как сделать свой шаблон для ViArt Shop?

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

    Digg this Post!Bookmark Post in TechnoratiОтветить с цитированием Ответить с цитированием Выполняется обновление 'Благодарностей', пожалуйста подождите... Спасибо

    ::blank::

  • 24.08.2009 14:52 #8

    По умолчанию Re: Как сделать свой шаблон для ViArt Shop?

    ЦитатаСообщение от rpagyc Посмотреть сообщение

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

    Вот все получилось, а это краткая инструкция для таких как я...
    Чтобы добавить новый готовый шаблон дизайна пожалуйста, сделайте следующие шаги:
    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 > Выбор шаблона ) и в открывшимся меню Шаблоны, увидите, свой новый, со статусом: Активно. Теперь вы можете его редактировать и т.д.
    Внимание!!! Только этом случае Новый Шаблон дизайна будет добавлен, и Ваши текущее настройки Меню сайта будет сохранены.
    Красивых Вам Виартов! Digg this Post!Bookmark Post in TechnoratiОтветить с цитированием Ответить с цитированием Выполняется обновление 'Благодарностей', пожалуйста подождите... Спасибо

    ::blank::

  • 24.08.2009 16:41 #9

    По умолчанию Re: Как сделать свой шаблон для ViArt Shop?

    а как можно в виарт комьюнити заделаться?.. с удовольствием бы принял участие в данном проекте. =) Вы уже в нём. Хотите участвовать в более активном режиме свяжитесь с NEMO . Будем рады! Digg this Post!Bookmark Post in TechnoratiОтветить с цитированием Ответить с цитированием Выполняется обновление 'Благодарностей', пожалуйста подождите... Спасибо

    ::blank::

  • 26.08.2009 07:02 #10

    По умолчанию Re: Как сделать свой шаблон для ViArt Shop?

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

    Digg this Post!Bookmark Post in TechnoratiОтветить с цитированием Ответить с цитированием Выполняется обновление 'Благодарностей', пожалуйста подождите... Спасибо

    ::blank::

  • 26.08.2009 09:00 #11

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

    можно будет перекинуть свой дизайн на эту верстку если изменения делались только в css? Без проблем. Только в новом шаблоне изменитсся не только CSS, но и будут полностью переписаны все файлы HTML, отвечающие за вывод шаблона в общем количестве - 510 файлов
    прошу покритиковать внешний вид моей демки 1. Понятно, что ещё в стадии и нужно много дорабатывать, но чувство стиля у Вас есть - остальное дело труда и техники.
    2. Если сделаете шаблон элластичным - только выиграете.
    Больше критиковать пока нечего Делайте! Показывайте! Критиков мы найдем Digg this Post!Bookmark Post in TechnoratiОтветить с цитированием Ответить с цитированием Выполняется обновление 'Благодарностей', пожалуйста подождите... Спасибо

    ::blank::

  • 26.08.2009 09:44 #12

    По умолчанию Re: Как сделать свой шаблон для ViArt Shop?

    ЦитатаСообщение от rpagyc Посмотреть сообщение а можно будет перекинуть свой дизайн на эту верстку если изменения делались только в css? также прошу покритиковать внешний вид моей демки Из всего, что я видел на сегодня - самый приятный дизайн Виарта.
    Мягкий и минималистический.
    Буду рад заменить свою стандартную тему на такую же.
    А для того, чтобы создать тему на 960px, тоесть с поддержкой 1024х768 - лучше модифицировать тему Default

    Последний раз редактировалось a2l; 26.08.2009 в 12:08. Причина: Добавил

    Digg this Post!Bookmark Post in TechnoratiОтветить с цитированием Ответить с цитированием Выполняется обновление 'Благодарностей', пожалуйста подождите... Спасибо

    ::blank::

  • 06.09.2009 00:43 #13

    По умолчанию Re: Как сделать свой шаблон для ViArt Shop?

    ЦитатаСообщение от VST Посмотреть сообщение

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

    В скором времени увидим результат? Digg this Post!Bookmark Post in TechnoratiОтветить с цитированием Ответить с цитированием Выполняется обновление 'Благодарностей', пожалуйста подождите... Спасибо

    ::blank::

  • 06.09.2009 09:31 #14

    По умолчанию Re: Как сделать свой шаблон для ViArt Shop?

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

    Digg this Post!Bookmark Post in TechnoratiОтветить с цитированием Ответить с цитированием Выполняется обновление 'Благодарностей', пожалуйста подождите... Спасибо

    ::blank::

  • 04.09.2012 16:32 #15

    По умолчанию Re: Как сделать свой шаблон для ViArt Shop?

    ЦитатаСообщение от rpagyc Посмотреть сообщение а можно будет перекинуть свой дизайн на эту верстку если изменения делались только в css? также прошу покритиковать внешний вид моей демки Ссылка "битая". Digg this Post!Bookmark Post in TechnoratiОтветить с цитированием Ответить с цитированием Выполняется обновление 'Благодарностей', пожалуйста подождите... Спасибо

    ::blank::

  • 04.09.2012 18:15 #16

    По умолчанию Re: Как сделать свой шаблон для ViArt Shop?

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

    Digg this Post!Bookmark Post in TechnoratiОтветить с цитированием Ответить с цитированием Выполняется обновление 'Благодарностей', пожалуйста подождите... Спасибо

    ::blank::

Как самому сделать шаблон вшопе Как самому сделать шаблон вшопе Как самому сделать шаблон вшопе Как самому сделать шаблон вшопе Как самому сделать шаблон вшопе Как самому сделать шаблон вшопе Как самому сделать шаблон вшопе Как самому сделать шаблон вшопе