Модульная мебель в вашем новом IntwayMyStore

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

Новый магазин Intway MyStore как модульная мебель. Вы выбираете, какие разнофункциональные элементы - шкафы, полки, зеркала, вы хотите собрать в единый мебельный ансамбль, пригодный для вашей квартиры.

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

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

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

Можно задать единый стиль всего магазина, а можно для каждого контейнера свой стиль. Но не переборщите со стилями. Слишком много стилей выглядит алаповато.

Шаблоны выбираются в меню магазина Администратор->Шаблоны или в Администратор->Мастер создания и конфигурации сайта->шаблон общий, логотип, вид контейнеров всех. Позднее в процессе добавления нового контейнера можно выбрать для него индивидуальный шаблон.

Стиль подправлять можно в Администратор->Параметры сайта ->Редактор файла стилей

Если вы знаете HTML, вы без труда разберетесь там, но если вы новичок, то вот несколько общеупотребительных моментов.

Для смены общего фона надо сделать так, если хотите поставить фоном картинку
/* background color for the content part of the pages */
BODY{
BACKGROUND: url(http://artstudio.intway.info/course/images/backgr1.jpg)
}

Для смены фона заголовка надо сделать
/* background color for the header at the top of the page */
.HeadBg {
BACKGROUND: #246600
}

Для смены размера и цвета основного шрифта
/* text style used for most text rendered by modules */
.Normal
{
font-size: 11px;
color: #003366;
}

Поэкпериментируйте с другими параметрами и вы найдете, что вам нужно или пишите конкретный вопрос по изменению стиля в комментариях к этой подсказке.