Fall 08 uCoz: создание сайта




Сторінка15/16
Дата конвертації18.04.2016
Розмір5.77 Mb.
1   ...   8   9   10   11   12   13   14   15   16
Часть параметров, после добавления товара в каталог остается невидимой для

покупателя, чтобы они стали доступны их следует вручную добавить в шаблон «Вид

товара в каталоге» и «Страница товара» при помощи системных кодов.

Единица - $UNIT$

Вес - $WEIGHT$

Артикул - $ART_NO$

Наличие (или дата ожидания товара) - $STOCK$

Гарантия - $WARR$

Производитель - $BRAND$

uCoz: создание сайта Глава 26. Интернет-магазин

288

Когда все нужные вам поля заполнены, нажмите «Добавить».

При последующем редактировании товаров, вы увидите две дополнительные ссылки:

Найти описание рядом с Описание товара и Найти изображения рядом с

Изображения товара. Эти две ссылки ищут в Google описания и картинки по

наименованию товара, указанному в поле Название.

Управление товарами через админку

обладает достаточно разветвленными возможностями.

Самое полезное – это групповая обработка. Вы можете загрузить товары определенной

категории и настроить им персональные цены. Такое бывает полезным, если поставщики

вам звонят и радуют неожиданной распродажей «все -25%».

Тогда вы заходите в управление товарами, выбираете в раскрывающемся списке или в

колонке слева нужную категорию, выделяете в ней все товары галочками и при помощи

нижней панели меняете цены.

uCoz: создание сайта Глава 26. Интернет-магазин

289

Выделенные товары можно:

Инвертировать – выделить наоборот

Активировать – сделать видимыми, если они скрыты

Скрыть - сделать невидимыми (В списке товаров, те у которых ID черного цвета –



видимые товары, а те, у кого ID красные – скрытые.)

Удалить - удалить.



Сохранить изменённые цены – применить все изменения, которые вы внесли по

ценам вручную.

При изменении структуры категорий в магазине вам пригодится функция группового

переноса товаров:

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

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

переименовать линейку товаров.

Кстати!

Код $STOCK$ может использоваться двояко. Если в Настройках модуля не активирована

настройка Вести учёт остатков товара в поле $STOCK$», то это поле может быть как

текстовым («есть в наличии», «нет в наличи») так и числовым («5»м, «10» мл.).

Но если настройка активирована – поле становится чисто цифровым, и с каждой покупкой

количество товара будет уменьшаться на единицу. Когда $STOCK$=0 заказать товар станет

невозможно.

Управление категориями

Управление категориями в магазине существенно отличается от других модулей. Оно

больше похоже на Конструктор меню. Это позволяет создавать любую вложенность

категорий и легко перемещать их относительно друг друга.

О том, как именно перетаскиваются категории, вы можете прочесть в главе «Дизайн»

«Конструктор меню».

uCoz: создание сайта Глава 26. Интернет-магазин

290

Категории можно:

1. делать невидимыми;

2. редактировать;

3. удалять.

Для работы с большими перечнями товаров существуют Групповые операции с

выделенными категориям: отмеченное галочками можно удалить все вместе или

инвертировать выделение.

Быстрая замена текста по всем категориям – позволит заменить одно слово в названии

на другое у всех выделенных категорий. Например, переименовать телевизоры Сони в

телевизоры Sony

Для удобства работы с конструктором в нем существует плавающее меню, с

аналогичными функциями для работы с категориями.

Все инструменты в нем интуитивно понятны.

Маска выделения позволит выделить категории, в чьих названиях встречается заданное

слово.

uCoz: создание сайта Глава 26. Интернет-магазин

291

Например, если вы введете слово телефон, то выделятся для дальнейшего

редактирования все категории, содержащие слово телефон.

Добавление категории

Для того чтобы добавить новую категорию, нажмите на соответствующую ссылку в

плавающем меню или на плюсик в конструкторе.

После чего заполните поля формы. При щелчке по картинке под пунктом Изображение

вы сможете подгрузить небольшую картинку для категории, которая будет отображаться в

каталоге рядом с её названием.

После всех операций с категориями не забудьте нажать на кнопку «Сохранить

последовательность и вложенность категорий», чтобы не потерять внесенные

изменения.

Подготовка прайс-листа

Создавать категории и загружать товары вручную имеет смысл только на небольших

объемах. А что делать, если у вас сотни или тысячи товаров?

В этом случае вам нужно воспользоваться автоматической выгрузкой из прайс листа.

Обычно поставщики предоставляют прайсы на свои товары в формате Exel *.xls

Модуль интернет-магазина __________на uCoz умеет обрабатывать такие прайсы, формируя

автоматически заполненность вашего магазина товарами.

uCoz: создание сайта Глава 26. Интернет-магазин

292

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

понимать магазин, не существует. Магазин можно обучить понимать любой, именно

такой, какой вам дают ваши поставщики.

Перед загрузкой из прайса лучше удалить рекламные строчки, картинки-логотипы и

прочий мусор, который к самому прайсу не имеет отношения – система считает, в общем-

то, и такой прайс, просто вам будет тяжелее его настраивать.

Обработка прайс-листа .xls

Прайс должен лежать у вас на компьютере или находиться где-то в сети в формате .xls 97-

2003. Для начала нужно создать конфигурацию обработки прайса.

У вас может быть несколько поставщиков и каждый может отдавать прайс, составленный

по своим правилам. Поэтому нам понадобится персональная конфигурация для каждого.

Заходим в Интернет-магазин → Обработка прайса .xls

Создайте конфигурацию для первого поставщика:

Название конфигурации — введите «Шины»;

Источник прайса — возможно два варианта: загрузка с компьютера или указание

адреса в Интернете.

В следующем поле либо подгрузите прайс-лист с компьютера, либо укажите его адрес в

Интернете напрямую. После чего щелкните по кнопке Загрузить. Под настройками

появится загруженный прайс-лист:

uCoz: создание сайта Глава 26. Интернет-магазин

293

Теперь нам нужно объяснить системе, как его обработать, чтобы правильно добавить из

него товары в каталог. Для этого нужно сопоставить строки и столбцы в нем с правилами

их толкования.

Над каждым столбиком и некоторыми строками мы видим возможность выбрать из

раскрывающегося списка значений.

Прайс может быть выполнен в произвольной форме, поэтому попробую привести два

самых распространенных формата.

Допустим, у нас вот такой прайс:

Товар категория Цена Кол-во штук в

коробке

производитель

Чайник Бытовая

техника

100 6 Китай

Пылесос Бытовая

техника

200 1 Тайвань

Веник Прочее 5 50 Россия

Тогда для колонки товар выбираем Наименование; для категория – категория; для цены

входящая цена, для Кол-во штук в коробке – игнорировать (так как у нас нет такого



параметра у товаров), для производителя – производитель.

Для первой же строки с наименованиями колонок ставим Игнорировать, ибо

информация в ней несет служебный характер.

Часто так же встречается вот такой вид прайсов.

uCoz: создание сайта Глава 26. Интернет-магазин

294

Товар Цена Кол-во штук в коробке Производитель

Бытовая техника

Чайник 100 6 Китай

Пылесос 200 1 Тайвань

Прочее

Веник 5 50 Россия

Для него нужны вот такие правила:

Для колонок прописываем точно так же как и в примере выше.

Для второй строки Бытовая техника и пятой Прочее – выбираем из списка

«Категория»

Возможны следующие варианты распознавания содержимого:

Игнорировать — никак не интерпретировать содержимое строки или столбца;

Производитель — фирма или страна, производящая товар;

Категория — категория товара;

Категория+ — дополнительное слово к категории;

Краткое описание — краткое описание товара;

Описание — полное описание товара;

Наименование — название товара;

Наименование+ — дополнительное слово к названию товара;

Цена — конечная цена для покупателя;

Входящая Цена — закупочная цена на товар. (Если у вас там стоит уже цена для

продажи, не забудьте соответствующим образом настроить матрицы цен.

Подробнее читайте дальше в этой же главе дальше.)

uCoz: создание сайта Глава 26. Интернет-магазин

295

Внимание!

Входящая цена — это основной параметр, после заполнения которого появится кнопка

Загрузить товары со всех настроенных листов.

Наличие — наличие или отсутствие товара на складе, товар «под заказ» и т. д.;

Гарантия;

Ссылка на фото — все ссылки импортируются во время загрузки товара, и при



первом обращении к странице товара картинки будут выкачаны из ссылки и

присоединены к товару;

Вес;

Дополнительное поле 1…N — поля для произвольного использования.

Кстати!

Напомню, что переименовать Дополнительное поле во что-то более осмысленное вы

можете в Замене стандартных надписей (подробнее об этом в главе «Дополнительные

инструменты работы с сайтом»)

Приведу пример, для того, чтобы лучше было понятно, что такое Категория+ и

Наименование+.

Это очень пригодится при следующей структуре категорий в прайс-листе:

Товар (наименование) Штук в коробке (игнорировать) Цена (цена)

Телефоны (категория)

Samsung (категория+)

pp-45 10 100

pp-57 20 150

LG (категория+)

KF 10 150

При таком раскладе после обработки прайс-листа товары распределятся по двум

категориям:

телефоны Samsung — с двумя товарами;

телефоны LG — только с одним товаром.

uCoz: создание сайта Глава 26. Интернет-магазин

296

Параметры отображения листа

Показывать только первые 50 строк — выведет для интерпретации только 50



первых строк прайс-листа. Имеет смысл включать настройку, если в прайсе много

товаров, и обрабатывать нужно только колонки;

Прятать пустые Excel строки если в прайсе в результате неправильной



компоновки сотня пустых строчек, то, поставив галочку, вы их скроете и сможете

удобно с ним работать

Прятать строки с товаром — эта настройка, наоборот, спрячет все строки с



товарами, оставив только те, которые можно как-то определить;

Прятать строки с параметрами — оставить видимыми только строки с товарами;

Необходимое количество непустых столбцов для строки с товаром — здесь

нужно задать количество столбцов, при заполненности которых система будет

считать строку товаром, а не категорией или другим параметром;

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



прайс-листа.

После того, как определите все правила для обработки листа прайса нажмите

«Сохранить параметры». И сразу же можете загрузить в каталог товары из прайса, с

которого настраивали конфигурацию. Для этого нажмите «Загрузить товары со всех

настроенных листов». После чего, в случае успешной обработки система выведет вам

всплывающее сообщение о том, сколько товаров и категорий обработано.

Для создания еще одной конфигурации нажмите «Создать новую», для внесения

изменений в существующую выберите нужную из раскрывающегося списка и нажмите

«Выбрать». Чтобы удалить ненужное, нажмите «Удалить текущую конфигурацию».

После добавления таким образом товаров их может понадобиться дообработать вручную

загружать к ним дополнительные картинки, править описания. Зато впоследствии когда



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

воспользоваться Быстрым обновлением цен и ассортимента на главной странице

настроек магазина.

Там достаточно указать прайс-лист и конфигурацию для обработки.

Матрицы формирования цен

При наличии более чем 100 товаров, процесс изменения цен вручную, может быть весьма

утомителен. Особенно, если они меняются у поставщиков несколько раз в месяц.

Матрицы позволяют автоматизировать этот процесс.

uCoz: создание сайта Глава 26. Интернет-магазин

297

Матрица — это набор правил, который будет формировать итоговую цену для

покупателя в зависимости от исходной цены товара.

Допустим, поставщик продает вам розы по цене от 50 до 500 рублей. Различных сортов

очень много. Будет логично не делать на каждый цветок наценку вручную, а попросить

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

наценка отличалась.

Наценка может формироваться по двум правилам:

1. Прибавлением процента от стоимости:

400 закупочных рублей + 10% = 440 рублей (цена для покупателя).

2. Прибавлением фиксированной суммы: если товар дешевый, то прибавка в

процентах просто невыгодна, и стоит делать фиксированную:

50 закупочных рублей + 100 рублей наценки = 150 рублей ( цена для покупателя).

Для работы с матрицами зайдите в раздел Матрицы формирования цен. По умолчанию в

системе существуют две готовые матрицы: Матрица цен по умолчанию и Матрица

дисконтной системы.

Матрица цен определяет правила накруток для товаров – а дисконтная матица позволяет

рассчитывать скидки в автоматическом режиме.

Вы можете, как добавлять новые матрицы, так и править уже существующие. То есть для

разных поставщиков вы можете по-своему считать цены.

Матрицы применяются при обработке прайс-листов – вы указываете, какую именно

матрицу использовать для товаров данного поставщика. Так же можно настраивать

матрицы индивидуально для разных категорий через меню «Управление товарами».

Еще одна матрица, которая вам может пригодиться, но её нужно создавать

самостоятельно – это матрица для расчета стоимости доставки. Её так же можно сделать

зависимой от цены. К примеру, задать для товаров с ценой меньше 1000 р платную

доставку в 150р.

uCoz: создание сайта Глава 26. Интернет-магазин

298

Способы оплаты, доставки, валюты и курсы

Валюты и курсы

По умолчанию в системе учтены две валюты: рубли и доллары.

Все цены внутри интернет-магазина хранятся в у.е. (условных единицах). По вашему

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

например 1 у.е. = 1 USD или 1.у.е. = 1 Российский рубль – как вам удобней. Все остальные

валюты и их курсы вы сможете вводить как множители относительно Вашей валюты

принятой за условную единицу. Это означает, что при добавлении товара, его цена

добавиться именно в текущей валюте по умолчанию.

Если вы хотите добавить еще одну валюту – допустим, Тугрики, то вы нажимаете на

«Добавить валюту» и заполняете все поля, указав курс тугрика к валюте по умолчанию.

На картинке 1 тугрик = 100 у.е.

Способы оплаты

В свежеактивированном магазине существует один способ оплаты:

Наличными при получении – подразумевает, что курьер привозит товар и ему вручаются

деньги или клиент сам приезжает за товаром и платит деньги.

Вы можете добавить те способы, которые будут актуальны для вашего магазина,

например банковский перевод, оплата кредитной картой, электронный платеж и т.д.

При этом в системе есть специальные настройки для организации в автоматическом

режиме следующих видов платежей:

Web Мoney;

через ROBOXchange (позволит принимать Яндекс.Деньги);

банковской карточкой



Для того чтобы этим воспользоваться нажмите «Добавить способ оплаты», подтвердите

добавление нового вида нажатием на зеленую галочку:

и отметьте галочку «Использовать модуль электронных платежей»

uCoz: создание сайта Глава 26. Интернет-магазин

299

Настройки модуля оплаты

WebMoney

Чтобы принимать в автоматическом режиме платежи WebMoney, у вас должен быть

персональный аттестат. О том, как его получить, вы можете прочитать на сайте платежной

системы webmoney.ru. Введите номер своего кошелька и придумайте Secret Key. В

настройках своего кошелька на Webmoney Merchant Interface укажите все параметры,

как описано во всплывающей подсказке.

ROBOXchange

Если у вас нет аккаунта, зарегистрируйтесь в системе на сайте roboxchange.com и

выставьте все параметры так, как указано во всплывающей подсказке.

uCoz: создание сайта Глава 26. Интернет-магазин

300

Кредитная карта

Зарегистрируйтесь в системе на сайте liqpay.com и выставьте у аккаунта все параметры

так, как указано во всплывающей подсказке.

Способы доставки

Вы можете добавить столько, сколько вам нужно вариантов, просто описав их. По

умолчанию в системе существует только «Самовывоз».

Добавьте курьерскую доставку, доставку почтой и т.д. если планируете их использовать.

Так же можно при помощи специально предварительно созданной матрицы в Матрицах

формирования цен задать наценки на доставку определенных ценовых групп товаров.

Экспорт данных

Товары, загруженные в ваш магазин, можно экспортировать в особом YML-формате. Для

создания ссылки под экспорт просто щелкните по кнопке В формат YML. После чего вы

увидите такое окно:

Вы можете использовать эту постоянную прямую ссылку на YML-файл непосредственно в

системах, где вы собираетесь публиковать ваши товары и цены, например в

Яндекс.Маркете.

Управление полями заказа

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

них вы указываете, нужен ли вам его e-mail, ФИО, город проживания или, быть может,

ИНН.

uCoz: создание сайта Глава 26. Интернет-магазин

301

По умолчанию, системой предлагается два поля – контактный телефон и адрес

доставки.

При добавлении нового поля вы указываете:

Код поля для шаблона – системный код, отвечающий за вывод поля на странице

Тип поля – в этом параметре задается внешний вид поля. Например, можно задать

поле «Позвонить курьеру за 15 минут до прихода» и сделать его типа chekbox.

Тогда клиенты будут ставить галочку, если захотят получить подобный звонок. (Или

не ставить – если не захотят.)

Выводить, если товар - поле будет видимым, только для указанного типа товара.



Например для электронных товаров совсем ни к чему показывать поле «Адрес

доставки».

Обязательное поле – чекбокс, делающий поле обязательным к заполнению. Если



покупатель его проигнорирует - система не позволит ему продолжить оформление

заказа. Не стоит делать слишком много обязательных полей. Это отпугивает

ленивых

uCoz: создание сайта Глава 26. Интернет-магазин

302

Настройки модуля

Параметр Возможности

Что следует сделать для

получения результата

Название модуля Будет выводиться в тайтле и т.д. Введите название своего магазина.

Можно оставить «Интернет-

магазин», можно поменять на что-

нибудь типа «Магазин товаров для

красоты и здоровья».

Количество товаров на страницу

каталога

Определяет, сколько товаров

будет выводиться на одной

странице.

Установите число, исходя из того

насколько у вас обширен каталог.

Если он очень большой – то

удобнее задать большое число.

Количество колонок для

отображения товара

Определяет внешний вид

страницы в каталоге товаров – а

именно кол-во колонок, в

которое будет выводиться

список.

Можно выбрать от 1 до 6 колонок,

при значении«Авто», кол-во колок

будет подбираться в зависимости

от ширины, указанной в

следующем параметре.

Тег для обрамления

одноколоночного списка

При выбранном теге table

внешний вид каталога можна

сделать аналогичным "прайс-

листам"

Выберите из списка вариант div

или table

Ширина колонки в каталоге Что бы колонка занимала всё

доступное ей место (100%

ширины) укажите: 0

Уважите значение в пикселях.

Разделитель для генератора пути

от главной страницы сайта к

категориям и страницам магазина

Символ, отображающийся между

названиями категории и

подкатегории. Вот так:

Категория » подкатегория

Введите любой симпатичный вам

разделитель:

>>

->

/

И т.д.

Режим отображения товаров на

страницах каталога

Определяет, будут ли видны

товары из подкатегорий в

категориях.

Выберите вариант из

раскрывающегося списка.

Разрешить отзывы (комментарии)

для товаров

Позволит пользователям

добавлять отзывы о товарах.

Поставьте галочку, если хотите

активировать эту функцию.

Использовать функцию "Рейтинг

материалов"

Добавит к товарам рейтинг в

виде звездочек, чтобы

пользователи могли его оценить.

Поставьте галочку, если хотите

активировать эту функцию.

Вести учёт остатков товара в поле

$STOCK$

При каждом заказе товара, его

количество будет уменьшаться.

Товар с остатком ноль не сможет

быть заказан.

Поставьте галочку, если хотите

активировать эту функцию.

При обновлении из прайса,

обновлять товарам только цены и

остатки

Если данный флаг не установлен,

обновляются все

сконфигурированные для прайса

товарные поля, кроме

наименования

Поставьте галочку, если хотите

активировать эту функцию.

Вычитать купленный товар из

остатков в момент

Доступно только при активации

предыдущей настройки.

Определяет когда будет

происходить списание товара со

склада.

Выберите вариант из

раскрывающегося списка.

uCoz: создание сайта Глава 26. Интернет-магазин

303

Параметр Возможности

Что следует сделать для

получения результата

Активировать накопительную

дисконтную систему

Активирует систему скидок на

сайте.

Поставьте галочку, если хотите

активировать эту функцию.

Рассчитывать скидку по матрице Поле доступно, только если

активирована предыдущая

настройка.

В этом поле вы должны выбрать

по какой матрице нужно

рассчитывать скидки.

Выберите из списка нужную вам

матрицу.

Учитывать сумму оформляемого

заказа при расчёте дисконтной

скидки

Если сумма текучего заказа уже

позволяет сделать на него скидку

она будет сделана.



Поставьте галочку, если хотите

активировать эту функцию.

Тип корзины При "Расширенном"

отображаются наименование,

стоимость и количество товара в

корзине, а в "Простом" - только

сумма заказа

Выберите из списка подходящий

вам тип.

Сокращать названия товаров в

корзине до

Чтобы корзина выглядела

аккуратно, ограничьте длину

названия товаров.

Укажите максимально допустимую

длину.

Активировать следующее

количество дополнительных

полей у товаров

Позволит вам активировать

произвольные поля при

добавлении товаров.

По умолчанию поля всего три

Формат отображения цены #.## описывает максимальное

кол-во знаков после разделителя

и вид самого разделителя. Т.е тут

разделитель это точка, а макс.

кол-во знаков – два.

Укажите, как наиболее приемлемо

для вас выводить цены:

#.##

#.###

#,### и т.д.

Формат отображения курсов

соотношения валют

Описывает все то же самое для

курса валют.

Укажите, как наиболее приемлемо

для вас выводить валюты.

Тип отображения списка

категорий

Можно выбрать один из двух

вариантов:

Дерево – подкатегории будут

выводиться чуть ниже и правее.

Блоки – по щелчку категории

появляются-скрываются четко

под категорией.

Выберите из раскрывающегося

списка, что вам больше нравится.

Выводить количество активных

товаров возле названия категории

Это поможет пользователю

сориентироваться в том, сколько

товаров в категории.

Поставьте галочку, если хотите

активировать эту функцию.

Размеры (ширина/высота в

пикселях) для иконки

изображения товара

Определяет размер для

маленькой картинки с

изображением товара.

Укажите значения в пикселях.

Размеры (ширина/высота в

пикселях) для превью

изображения товара:

Определяет размер для картинки

с изображением товара в

каталоге.

Укажите значения в пикселях.

uCoz: создание сайта Глава 26. Интернет-магазин

304

Параметр Возможности

Что следует сделать для

получения результата

Способ соблюдения пропорций

изображения при нарезке превью

и иконок

Определяет как будет

формироваться уменьшенное

изображение из загруженного:

обрезается или вписывается.

Выберите значение из

раскрывающегося списка.

Цвет заливки пустых областей во

время вписывания изображения с

соблюдением пропорций

Доступно только для значения

«Вписывать». При вписывании

пропорции картинки

сохраняются, поэтому может

оставаться пустая область. Чтобы

она не выделялась в дизайне

магазина можно выбрать цвет,

которым её заполнить.

Введите цвет в

шестнадцатеричном формате.

Ограничивать размер

загружаемых изображений товара

Включение это опции позволит

уменьшить слишком большие

картинки.

Поставьте галочку, если хотите

активировать эту функцию.

Использовать стандартное

изображение по умолчанию

Изображение по умолчанию

будет автоматически

подставляться к товарам, у

которых нет или ещё

незагружено ни одного

изображения

Поставьте галочку, если хотите

активировать эту функцию.

Приводить размер больших

картинок к следующим размерам

(ширина/высота в пикселях):

Доступно только при

активированной опции

ограничения.

Укажите значения в пикселях.

Показывать случайным образом M

из N последних добавленных

товаров

Определяет сколько и какие

товары выводить на главной

странице магазина. Если

значения параметров равны,

отображается постоянный список

из N последних добавленных

товаров.

Задайте нужное количество.

Показывать случайным образом M

из N самых просматриваемых

товаров:

Определяет сколько и какие

товары выводить на главной

странице магазина. Если

значения параметров равны,

отображается постоянный список

из N самых просматриваемых

товаров

Задайте нужное количество.

Показывать случайным образом M

из N самых продаваемых товаров:

Определяет сколько и какие

товары выводить на главной

странице магазина. Если

значения параметров равны,

отображается постоянный список

из N самых продаваемых товаров

Задайте нужное количество.

Выполнять переход на страницу

заказа После оформления заказа

зарегистрированным

пользователем:

Определяет, когда покупатель

сможет посмотреть на страницу

со всеми параметрами своего

заказа.

Поставьте галочку, если хотите

активировать эту функцию.

Выполнять переход на страницу

заказа После электронной оплаты

заказа зарегистрированным

пользователем

Определяет, когда покупатель

сможет посмотреть на страницу

со всеми параметрами своего

заказа.

Поставьте галочку, если хотите

активировать эту функцию.

uCoz: создание сайта Глава 26. Интернет-магазин

305

Параметр Возможности

Что следует сделать для

получения результата

Выполнять переход на страницу

заказа При нажатиях на ссылки

"Просмотр заказа" на странице

управления заказами:

Определяет, когда покупатель

сможет посмотреть на страницу

со всеми параметрами своего

заказа.

Поставьте галочку, если хотите

активировать эту функцию.

Уведомлять при оформлении

нового заказа

При оформлении нового заказа

администратор получит e-mail

Поставьте галочку, если хотите

активировать эту функцию.

Уведомлять при автоматическом

скрытии товара:

Такое происходит у товаров с

типом "электронный код", когда

все коды данного товара будут

проданы. При сокрытии товара

администратору придет e-mail

Поставьте галочку, если хотите

активировать эту функцию.

Шаблон темы сообщений для

доставки электронных товаров

Формирует тему письма при

покупке электронного товара.

В теме можно использовать

константы: $SHOP_NAME$ и

$INVOICE_ID$ - которые при

отправке письма автоматически

заменятся на Название вашего

магазина и номер заказа

соответственно

Максимально допустимое

количество попыток скачать файл

электронного товара

Это актуально в случае сбоев в

интернет-соединении

покупателя.

Укажите нужное вам значение.

Если не знаете нужно ли вам

менять этот пункт – не меняйте

его!

Количество часов, на протяжении

которых будут действительны

ссылки на скачивание проданного

товара с типом "файл"

До первой попытки загрузить

файл. После того как файл

скачается, время жизни ссылки

автоматически сократиться до

указанного ниже количества

минут начиная с момента первой

загрузки.

Укажите приемлемое на ваш

взгляд кол-во часов для скачки

товара.

Если не знаете нужно ли вам

менять этот пункт – не меняйте

его!

Количество минут, начиная с

момента первой загрузки, в

течении которых ссылка будет ещё

активна

После истечения указанного

вами тут количества минут

скачать файл, если один раз уже

была попытка его скачать, будет

нельзя.

Оптимально поставить 5 минут.

Интеграция Google Maps Пользователи смогут указывать

свой адрес на карте

Поставьте галочку, если хотите

активировать эту функцию.

Google Maps API Key Если вы активировали

предыдущую функцию, то вам

нужно указать свой Maps API Key

в поле, или получить его.

Введите свой Maps API Key

Название единицы измерения

товаров "по умолчанию"

Данное значение может быть

переопределено у любого товара

при редактировании.

Введите обозначение любой

нужной вам единицы: шт, м., мл.

Открывать в новом окне ссылку на

форму редактирования товара

Поставьте галочку, если хотите

активировать эту функцию.

Администрирование магазина

Для учета статистики продаж и слежения за заказами существует особый интерфейс для

администраторов магазина.

Попасть в него можно из админбара: Управление Управление заказами.

uCoz: создание сайта Глава 26. Интернет-магазин

306

1. В самом верху выводится сколько заказов было сделано за выбранный период и какова

прибыль.

2. Ниже можно задать период для статистики. Если поля пусты – отображается статистика

за все время существования магазина.

3. Список заказов

4. Варианты действий с заказами.

Щелкнув по номеру заказа, вы увидите все данные по нему: кто, что, когда и куда заказал.

Также заказ можно распечатать. (Вид для печати определяется в настройках дизайна

модуля в шаблоне Бланк для печати заказа).

Журнал заказа протоколирует все действия, начиная с момента оформления заказа: кто

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

Статус отображает действие, в данный момент происходящее с заказом. Статусы нужно

проставлять своевременно, чтобы не было путаницы, а подсчет прибыли велся корректно.

Управление дизайном

У шаблонов магазина для более удобной настройки есть свой отдельный CSS. Так же вы

можете определить удобным для себя образом такие полезные в шаблоны как:

Бланк печатной формы заказа – если вам нужно распечатывать заказ, например,



чтобы дать его курьеру.

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



отвечающей непосредственно за то, какие атрибуты товара выводятся в бланке

формы заказа.

uCoz: создание сайта Глава 27. Дизайн

307

Глава 27. ДИЗАЙН

Когда приступать к изучению этой главы? Думаю, придется ее читать параллельно со

всеми остальными, так как отсылки к ней есть практически в каждой главе.

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

после добавления первой новости на сайт. Работа с дизайном в uCoz доступна как

новичкам, так и людям, знающим толк в веб-строительстве. Поэтому для разных уровней

мастерства есть разные инструменты.

Важен ли дизайн? Однозначно, да. На сайт нужно смотреть. Глазами. А встречают, как

говорится, по одежке. Мне попадались в Интернете странички, при виде которых хочется

сморгнуть, протереть глаза, закрыть и забыть, как страшный сон. Не делайте таких,

пожалуйста, берегите чужую психику !

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

том, как применить эти правила на сайте, созданном в uCoz.

Структура страницы сайта

Давайте вспомним восьмой класс школьной программы и подойдем к сайту с точки

зрения геометрии. Исторически сложилось, что телевизоры, плазменные панели и

мониторы прямоугольные. Поэтому в основе дизайна сайта тоже лежит прямоугольник. И

не один, а даже несколько.

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

в Интернете, но это именно изыски. Такими бывают флэшевые сайты-визитки,

призванные поразить на месте. Но их могут сделать только те, у кого за плечами не одна

сотня сайтов, и кто прекрасно понимает классическое их посторенние. Кстати, вы знаете,

что все художники-авангардисты или импрессионисты прекрасно умели рисовать в

классической манере? Поэтому, быть может, когда-нибудь вы тоже скажете свое слово в

веб-дизайне, введя в моду треугольный сайт, но пока начнем с азов. Так выглядит

обычный сайт «в разрезе»:

uCoz: создание сайта Глава 27. Дизайн

308

Сверху находится шапка сайта, или header. Традиционно там располагается название

сайта или картинка, а также какие-нибудь элементы навигации, например ссылка На

главную или Напишите нам.

Обычно шапка — это первое, что пользователи системы стремятся изменить в своем

дизайне. Примеры нестандартных пользовательских шапок:

Во многих стандартных дизайнах uCoz на шапку вынесена текущая дата/время и ссылка

для авторизации пользователя.

Примеры шапок из готовых дизайнов:

uCoz: создание сайта Глава 27. Дизайн

309

Вторая традиционная часть страницы — это подвал, или footer.

Он расположен внизу страницы и обычно содержит сведения о создателе сайта,

копирайт, год создания и т. д. Примеры подвалов:

Также часто в подвалах размещают счетчики статистики и рекламу. Стилистически подвал

обычно перекликается с шапкой.

Боковые колонки сайта обычно служат для меню, навигации, элементов поиска по сайту»,

опросов, рекламы и т. д. Такая колонка может располагаться либо справа или слева, либо

с обеих сторон. Отсюда различают верстку в две колонки:

uCoz: создание сайта Глава 27. Дизайн

310

и в три колонки:

Оба варианта одинаково распространены в Рунете. Меню лучше всего располагать

именно в боковых колонках или в строке под шапкой. Если вы его уберете в подвал, то

часть пользователей может его просто не найти.

Центральная колонка (или просто центр) отводится для основного содержимого сайта.

Она самая широкая (2/3 экрана), чтобы было удобно просматривать и изучать

информацию. В эту часть сайта нельзя добавлять яркие и пестрые подложки — в таком

случае глаза буду уставать, и изучать информацию будет просто некомфортно.

uCoz: создание сайта Глава 27. Дизайн

311

Выбор дизайна при создании сайта

На момент написания книги в системе существовало 235 готовых дизайнов,

распределенных по 16 тематикам. Среди них есть варианты с двух- и трехколоночной

версткой. Создавая сайт, вы обязательно должны остановить свой выбор на каком-нибудь

варианте:

Предлагаемые системой варианты по виду являются полноценными красивыми сайтами,

в которые нужно внести минимум правок (например, ввести нужное название сайта).

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

тогда, когда захочется, чтобы сайт стал уникальным.

uCoz: создание сайта Глава 27. Дизайн

312

Если вы настроены менять дизайн на свой и уже приблизительно представляете, каким он

должен быть, лучше всего выбрать шаблон с подходящим количеством колонок и в

задуманной цветовой гамме. Потом будет проще подстроить его под себя. Если вы хотите

переделать все кардинально, лучше выберите белый дизайн с минимумом деталей,

например #999, #998 или #181 (кстати, во многих примерах я пользовалась дизайном

#824 в серо-белой гамме, который так и просится в качестве основы для собственного

дизайна).

Если вы изначально задали при создании какой-то шаблон, а потом поняли, что он вам

решительно не подходит, изменить его можно во вкладке Настройки Общие

настройки. В третьем пункте настроек будет ссылка на все шаблоны:

Выберите из списка понравившийся вариант и сохраните изменения.

Управление дизайном

После создания сайта на нем уже есть полноценные страницы с предустановленным

дизайном. Теперь рассмотрим, какие инструменты для его изменения предлагает

система, и как ваш сайт построен изнутри.

Управлять и вносить изменения в дизайн можно двумя способами. Если вы не знаете

HTML или знакомы с ним на самом начальном уровне, вам подойдет режим Конструктор.

С его помощью дизайн кардинально не перекроить, но придать сайту уникальность

можно (подробнее см. ниже в этой главе).

Wiki

HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») —

стандартный язык разметки документов во Всемирной паутине. Язык разметки — это

описание элементов страницы специальными кодами, которое будет понятно для

браузера.

Если вы знакомы с HTML, то в состоянии редактировать шаблоны страниц напрямую. В

этом случае можно так перекроить сайт, что никто никогда не определит, на основе чего

он построен.

uCoz: создание сайта Глава 27. Дизайн

313

На главной странице панели администрирования Общее Главная страница есть раздел

Управление дизайном. Он открывает следующее меню:

1. Меню для управления различными инструментами дизайна.

2. Глобальные блоки. В зависимости от выбранного вами шаблона здесь может быть

2, 3 или 4 блока. Глобальные блоки мы рассмотрим отдельно.

3. Шаблоны страниц. Количество шаблонов тоже зависит от того, сколько модулей вы

активировали.

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

Шаблон страницы — это одна из самых важных единиц дизайна. Каждый предлагаемый

системой дизайн обладает своим набором описаний страниц. Шаблон — это описание

того, как браузеру отображать любую страницу, начиная от формы входа и заканчивая

шапкой, которая должна быть на каждой странице, состоящий из HTML и системных

кодов.

У всех страниц есть общие элементы: та же шапка, подвал, меню. Есть и индивидуальные:

фотографии в фотоальбоме, записи с комментариями блога и т. д.

Редактор шаблонов

Чтобы увидеть, как описывается любая страница, достаточно щелкнуть по ее названию в

списке. Например, посмотрим, как выглядит страница Доступ запрещен. Она будет

uCoz: создание сайта Глава 27. Дизайн

314

показываться пользователю сайта, если он попытается зайти в раздел, который вы

захотите сделать закрытым.

Выполните один щелчок, и вы попадете в меню Редактора шаблонов:

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

любой доступной для редактирования страницы.

2. Меню работы с шаблонами. Функции, представленные в нем, мы рассмотрим чуть

ниже.

3. Кнопка Восстановить стандартный шаблон — если вы испортите страницу, то

щелчок по этой кнопке уничтожит все изменения и восстановит вариант по

умолчанию.

4. Код страницы в формате HTML.

uCoz: создание сайта Глава 27. Дизайн

315

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

сохранения изменений в шаблоне.

6. Список глобальных блоков и системных кодов.

7. Панель форматирования внешнего вида кода и вставки виджетов.

Главная часть — пункт 4 — код страницы в формате HTML.

Именно за этим кодом и скрыт внешний вид каждой конкретной страницы.

Внимание!

Помимо обычных HTML-тегов в коде присутствуют специальные системные коды и

условные операторы uCoz.

Эти коды служат для самых разных целей: за ними может скрываться часть дизайна

(например, вместо шапки сайта будет стоять просто надпись $GLOBAL_AHEADER$, а

вместо левой колонки — $GLOBAL_CLEFTER$) или какая-то функция (например, там, где

предполагается видеть форму входа пользователя, будет написано $LOGIN_FORM$).

Обязательно изучите главу «Системные коды» для успешного понимания вопроса и

1   ...   8   9   10   11   12   13   14   15   16


База даних захищена авторським правом ©mediku.com.ua 2016
звернутися до адміністрації

    Головна сторінка