Создание своего дизайна

Материал из Insales Wiki
Версия от 09:45, 22 ноября 2009; Vb (обсуждение | вклад) (Изменение темы)

Перейти к: навигация, поиск

Внимание! Эта часть документации находится в разработке. Она неполна, не проверена и может содержать ошибки.


Чем определяется внешний вид страниц магазина?

Каждую страницу интернет-магазина веб-браузер покупателя отображает в результате интерпретации её исходного текста, который принят с сервера. Текст страницы формируется на сервере путём объединения нескольких элементов:

Шаблон страницы

Шаблон страницы - это текст на языке HTML, являющийся основой, каркасом для формирования вида страницы. Шаблон содержит кроме HTML-текста ссылки на файлы изображений и вставки на языке "Liquid", позволяющие включать в текст страницы изменяемые данные из базы данных магазина.

Процесс внесения изменений в шаблоны описан здесь.

Справочник по HTML: http://www.htmlbook.ru/content/

Изображения на странице

Изображения - это файлы, содержащие картинки в различных форматах (.png, .jpg, .gif), которые показываются веб-браузером в местах страницы, определённых в тексте шаблона страницы.

Процесс загрузки новых файлов изображений описан здесь.

Полезные сведения об изображениях на веб-страницах приведены на http://webimg.ru/

Данные на странице

Данные на странице формируются вставкой в текст страницы результатов исполнения операторов языка "Liquid", содержащихся в шаблонах страниц. О применении языка "Liquid" можно прочитать здесь. Доступные объекты в шаблонах стандартного набора тем перечислены здесь.

Справочник по языку Liquid находится здесь: http://liquid.rubyforge.org/

Файлы стилей

Файлы стилей передаются сервером в составе текста страницы и применяются веб-браузером посетителя к сформированному содержанию страницы в соответствии с правилами языка CSS.

Процесс внесения изменений в файлы стилей (.css) описан здесь.

Справочник по CSS: http://www.htmlbook.ru/content/

Файлы Javascript

Файлы Javascript передаются сервером в составе текста страницы и применяются веб-браузером посетителя для изменения вида загруженной страницы в зависимости от действий посетителя - движений "мышкой" и нажатий на кнопки.

Процесс внесения изменений в файлы скриптов (.js) описан здесь.

Справочник по Javascript находится здесь: http://javascript.ru/doctree/

Как можно изменять дизайн магазина

Прежде чем перейти к работе над собственным дизайном, надо ответить на вопрос:

Зачем изменять дизайн магазина?

Изменение дизайна магазина может преследовать различные цели:

  • сделать свой магазин отличающимся от других, использующих ту же стандартную тему;
  • ...
  • ...

Смена стандартной темы

С помощью смены стандартной темы можно подобрать вид и набор функций магазина, наиболее близкий к тому, что Вы хотите получить в итоге. Это может заметно упростить дальнейшую модификацию магазина.

Как осуществить смену темы магазина и возможности стандартных тем описаны здесь

Добавление и изменение страниц

Добавлять новые страницы бывает нужно для...

Изменение навигации

Для того, чтобы добавленные страницы стали доступны посетителям магазина нужно...

Изменение темы

Изменение темы требуется в случаях, если:

  • другая тема имеет набор возможностей ближе к требующемуся Вам, чем текущая тема;
  • ...
  • ...

Замена изображений

Наиболее просто сделать свой магазин отличающимся от других, использующих ту же стандартную тему, можно заменив изображения, которые используются на страницах магазина.

Как загрузить новые файлы изображений, написано здесь.

Изменение шаблонов

Изменением шаблонов можно достичь...

Изменение стилей

Изменения стили можно добиться....

Использование Java-script

Использование Java-script обычно требуется, если...

Использование вставок на Liquid

Использование вставок на Liquid решает следующие задачи:

  • ...
  • ...
  • ...