Версия 16:59, 21 ноября 2009

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

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

• шаблона страницы,
• изображений,
• переменных данных на странице,
• файла стилей,
• файла на языке Java-script (не обязательно).

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

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

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

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

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

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

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

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

Файлы стилей

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

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

Файлы Java-script

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

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

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

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

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

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

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

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

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

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

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

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

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