Настройка внешнего вида сайта в скрипте ViartShop - урок 1

9 Апр 2009, 2:26 PM

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

Примечание:
Статья написана для Viart Shop версии 3.6. Названия и перевод пунктов меню может отличаться от используемой Вами версии.

Давайте считать, что вы уже установили скрипт на хостинг или локально на своём компьютере, самое время начать разбираться. Здесь я сделаю весьма важное замечание, к которому буду возвращаться неоднократно : данный скрипт может вам дать очень, нет, ОЧЕНЬ много возможностей для реализации интернет-магазина или даже информационно-торгового портала. На данный момент я НЕ вижу аналогов, хотя занимаюсь интернет-магазинами не первый год. НО! Взамен скрипт требует двух простых(?) вещей:
-понять его «логику»
-коктейль из внимательности, усидчивости и терпения, пока вы справляетесь с первым пунктом.

Это не просто красивая метафора – каждый из основателей проекта Viartshop.ru подпишется под моими словами. Хотя бы потому, что основным предпосылом для создания этого сайта стал тот факт, что, имея опыт работы со скриптом по году и более, все равно каждый из нас снова и снова открывает для себя новые грани и возможности этой «скатерти-самобранки».

С чего начнем разбираться ? С того, что попроще – мы начнем работать с внешним видом вашего магазина. Но давайте сразу определимся в понятиях и обозначениях. Когда я буду говорить «админка» - я имею в виду, что вы должны находиться в админ-панели вашего магазина. Если я говорю «Главная страница» - это я о основной, главной странице вашего сайта, видимой для всех пользователей. Если вы видите такую запись: админка/товары/типы товаров - это означает, что вы должны зайти в админку, в группу настроек «товары», а в ней в подгруппу настроек «типы товаров». Вообще, привыкайте, что по умолчанию перед знаком «/» в начале строки или фразы (/траля-ля/ля-ля) подразумевается пропущенная фраза «ваш сайт.ру». По аналогии, запись /admin/admin_users.php означает, что вы должны вбить в браузере ваш сайт.ру/admin/admin_users.php. Обговариваю это на ВСЯКИЙ ПОЖАРНЫЙ СЛУЧАЙ, но по опыту предвижу вопросы, поэтому остановился над этим так подробно. Надеюсь, что совсем «блондинок» не будет, и каждый раз делать акценты, что же мы имеем в виду, не придется.

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

Давайте посмотрим на морду вашего сайта. Выглядит она у вас… допустим, так:

Мы тренироваться будем на другом скине (на другом дизайне), поэтому нам нужно узнать, как изменить дизайн. Для этого идем в админку (/admin/admin.php) и лезем в:

админка/Модули CMS/Модули

Да-да, здесь мы впервые встречаемся со своеобразной логикой в переводе и терминологии скрипта. В данном случае подразумеваются СКИНЫ сайта (шаблоны дизайна).

Мы будем работать с шаблоном классик (classic), давайте сделаем его активным. Для тех, кто ещё не знает, как это сделать: жмите на ссылку Активировать напротив данного шаблона.

Обновляем Главную страницу вашего сайта, у вас должно было получиться примерно так:

Кстати, на Главную страницу можно легко попасть из админки – в левом верхнем углу , сразу под лого ViartShop, есть ссылка Домашняя страница сайта , по которой открывается главная страница вашего сайта.

Сразу предвижу вопросы – почему у меня сайт зеленого оформления, а у вас нет. Потому, что большинство предустановленных шаблонов дизайна имеют несколько цветовых схем оформления. Как выбрать цвет? – опять же, напротив названия шаблона жмете ссылку Сменить активную схему , выбираете из списка, жмете «изменить» - и любуетесь на морде тем, что получилось.

Так, со сменой дизайна (из предустановленных шаблонов) мы разобрались. Давайте теперь посмотрим на то, что у нас есть на странице. У нас на странице есть две колонки, левая узкая (25%) и правая широкая (75%). Выводятся какие-то блоки, товары, статьи. КАК это все изменить \ отредактировать? Идем в:

админка/Модули CMS/Настройки CMS

Запомните – это основная ….ммм.. скажем, закладка, для настройки внешнего вида сайта.

Внимание – важный момент! Прелесть данного скрипта в том, что по сути, это уникальный конструктор а-ля LEGO, где каждый может собрать из заготовленных деталек то, что ему взбредет в голову. Каждая страница сайта имеет в основе лишь шапку и подвал, а все остальное на странице – это набор модулей, которые вы хотите задействовать. Чтобы проще было понять, о чем я, давайте настроим главную страницу сайта так, как скажу я. Идем в:

админка/Модули CMS/Настройки CMS / Модуль основной страницы

По центру мы имеем «коробку с детальками» - модули сайта, а под ней – поле для размещения этих деталек.

Как мы видим, поле можно представить в 3 вариантах – левая колонка и центр, левая колонка - центр –правая колонка, центр –правая колонка. Давайте сделаем нашу главную из трех колонок, ширину боковых установим по 15%, центр -70%. Не забываем убрать птичку из Скрыть правую колонку , иначе мы ее не увидим на сайте.

Теперь ,собственно, осталось посмотреть, что же за модули у нас стоят.
левая колонка :
языки
малая корзина
товары (форма для поиска)
товары (рейтинг товаров)
авторизация.
Центр:
товары(специальное предложение)
товары (список подкатегорий)
news (горячие)
Правая у нас пока что пустая.
Давайте это исправим и перенесем сюда малую корзину. Нажимаем в левой колонке на этот модуль , затем жмем внизу на двойную стрелочку. Все – модуль ушел в правую колонку.
В левой теперь давайте удалим модуль «языки». Нажимаем на модуль, жмем на крестик рядом с колонкой . Все – модуль языки отправился в «коробку» ко всем модулям.
Давайте теперь добавим в правую колонку модуль форум (последние поступления). Выбираем его в «коробке» с модулями и нажимаем над правой колонкой на стрелочки (добавить модуль). Вуаля – модуль отправился на правую колонку.
Добавляем теперь в правую колонку модуль «валюты». Добавили ? Теперь давайте поменяем местами модули в правой колонке – жмем на валюты и затем на стрелочки «вверх-вниз» возле правой колонки, вы увидите, что модуль меняет свою позицию.

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

Жмем на обновить и смотрим, что же у нас получилось на главной:

Пока ничего сложного, просто знакомимся с основными настройками системы. Мы узнали, что страница в скрипте формируется из блоков, узнали как изменять страницу, добавлять, удалять, передвигать модули на странице.

Теперь ВТОРОЙ ВАЖНЫЙ МОМЕНТ.
Дело в том, что мы сейчас настроили всего одну страницу – Главную. Каждая отдельная группа страниц в скрипте настраивается отдельно. Чтобы вы сразу поняли о чем, войдите на сайте в категорию товаров “software”. Оп-па – у нас снова страница на 2 колонки. Это потому, что это отдельная группа страниц, она имеет свои настройки, которые нужно настраивать отдельно.

С одной стороны это может показаться неудобным – настраивать повторяемый вид страниц для всех групп. Зато это дает неоценимую гибкость системы, позволяющую выводить на нужную страницу именно то, что вам необходимо, причем нигде больше эта информация может больше и не появляться – запросто можно сделать баннер, который посетители будут видеть ТОЛЬКО при прочтении текста статей сайта – это как пример. Причем, делается все это силами админки и за 1 минуту.

Вернемся к закладке

админка/Модули CMS/Настройки CMS

Лучше всего вам будет пройтись по всем настроечкам на этой странице, чтобы посмотреть, какие модули на каких страницах у вас стоят. Можно делать обратным путем – "пройтись" по разделам своего сайта и найти «очередной момент, который нужно исправить».

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

Модуль основной страницы - Главная страница сайта

Страница перечня товара - эту страницу вы видите, если заходите в категорию товара, т.е. страница с перечнем товара )))

Подробная страница товара – я часто называю эту страницу «карточка товара» - страница с детальным описанием конкретного товара

Вид страниц модуля статей – это название группы настроек. Настройки там везде одинаковы, отличие только в том, что каждая категория ваших статей будет настраиваться отдельно. По умолчанию есть след категории статей: News , FAQ, Image Gallery, Events, Knowledge Base.

В общем, не думаю, что теперь с общим изменением вида страниц у вас будут сложности. В закладке админка/Модули CMS/Настройки CMS находится 90% настроек всех видов страниц, и у вас скорее будут вопросы о том, что значит «модуль справки» и «модуль службы поддержки».
В скором времени напишу об оставшихся 10% настроек внешнего вида страниц, которые не относятся к закладке админка/Модули CMS/Настройки CMS. Ну и о других интересных вещах тоже. Но это уже вопрос об описании функционала, об этом будем говорить отдельно. Не суть важно, что это за модули, главное, что вы теперь знаете, как и где настроить их внешний вид.
Всем всего, Gromov

Оцените статью.

Средний рейтинг:

основан на 2 отзывах.

Напишите отзыв.

Положительный отзыв
cheva (Гость)	4 Май 2010, 2:45 PM

Продолжение следует?

Спасибо за статью. Впервые начал установку магазина не со чтения кода и рисования дизайна, а с РТФМ :-)
Когда будет продолжение? (желательно поставить блоки ссылок на все материалы автора в каждую статью).

См. все отзывы пользователей