Как изменять цвета и шрифты на витрине интернет-магазина

В дизайне витрины Shop-Script для формирования внешнего вида страниц применяются правила стилей CSS. При этом HTML-теги используются в основном для создания структуры страницы. Поэтому, если необходимо изменить параметры какого-то элемента (например, цвет или размер шрифта надписи), следует вносить изменения в свойства стилей CSS. Для редактирования свойств стилей используется вкладка редактора дизайна «Стили (CSS)».

Как узнать, что именно нужно изменить?

Важно иметь в виду, что во встроенном редакторе стилей может не быть свойств, задающих внешний вид нужного вам элемента. Для отображения такого элемента могут использоваться свойства стилей родительских по отношению к нему элементов либо свойства стилей, встроенные в браузер и применяемые по умолчанию, если никакие другие свойства не указаны. В таком случае нужно добавить нужный селектор в окно CSS-редактора и указать для него свойства с требуемыми значениями.

Внимание: для работы с CSS необходимо иметь базовые знания этой технологии; удобно также иметь под рукой справочник свойств, которые можно применять к разным элементам веб-страниц. Пример такого справочника — сайт htmlbook.ru.

Чтобы определить, что именно нужно добавить или изменить в CSS-коде, удобно пользоваться инструментами веб-разработчиков, доступными в современных веб-браузерах: например, дополнение Firebug для браузера Mozilla Firefox, инструменты разработчика в Internet Explorer и Google Chrome или Dragonfly в браузере Opera.

Многие из этих инструментов позволяют изменять свойства стилей и просматривать результат в режиме реального времени без перезагрузки страницы. Как только вы убедитесь с помощью средств браузера, что нужный вам эффект достигнут, внесите и сохраните такие же изменения в окне встроенного CSS-редактора Shop-Script и обновите страницу с витриной интернет-магазина для проверки результата. Проверяйте измененный дизайн в нескольких браузерах, т. к. каждый из них может по-разному отображать один и тот же элемент страницы.