Создание своего дизайна — различия между версиями

Материал из Insales Wiki
Перейти к: навигация, поиск
(Как можно изменять дизайн магазина)
Строка 33: Строка 33:
  
 
=Как можно изменять дизайн магазина=
 
=Как можно изменять дизайн магазина=
Прежде чем перетейти к работе над собственным дизайном, надо ответить на вопрос
+
Прежде чем перетейти к работе над собственным дизайном, надо ответить на вопрос:
  
 
==Зачем изменять дизайн магазина?==
 
==Зачем изменять дизайн магазина?==

Версия 17:18, 21 ноября 2009

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

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

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

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

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

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

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

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

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

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

Файлы стилей

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

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

Файлы Java-script

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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