Уроки По Созданию Сайта, Используя Конструктор Сайтов
e-gloryon

Урок 9. Создаем страницу "каталог товаров и услуг".

Автор: Марина Метель
http://design.bizlive.ru

Зарегистрировать демо-версию можно здесь http://bizlive.ru/form

Как это сделать см. урок 1.

Если Демо-версия конструктора уже есть - входим в режим редактирования сайта http://bizlive.ru/form/enter.php, вводим логин и пароль, попадаем на административную страницу управления сайтом. Нажимаем кнопку "Редактировать сайт".

Наша страница будет состоять из одного раздела. Заранее подготовьте прайс-лист компании в формате excel.

Добавляем страницу, нажимаем красную иконку с плюсом (добавить page).

Откроется диалоговое окно "Редактирование параметров страницы". Вводим заголовок страницы "Каталог продукции", стираем текст в начале и в конце страницы и жмем "Сохранить":


Страница "Каталог продукции" создана. Теперь добавляем раздел - нажимаем на желтую иконку с плюсом (добавить content.create):

Открывается диалоговое окно "Добавление раздела". Выбираем из списка тип раздела "КАТАЛОГ товаров или услуг с возможностью заказа". Нажимаем кнопку "Добавить выбранный раздел":

Открывается следующее диалоговое окно "Редактирование параметров раздела - список товаров". В поле "Заголовок раздела" вносим название нашего раздела (куртки). В поле "Текст раздела" вводим заранее подготовленный текст и нажимаем кнопку "Сохранить":

На странице появляется раздел с вводным текстом к каталогу продукции. Нажимаем на зеленую иконку со знаком excel (загрузить данные из Excel):

Открывается мастер импорта данных из таблицы:

Теперь на время оставим конструктор сайтов и перейдём к файлу с подготовленной таблицей на своём компьютере.

Открываем заранее подготовленный прайс-лист каталога продукции в формате excel и выделяем нужные для размещения на сайте поля. Нажимаем копировать.

Возвращаемся в мастер импорта данных из таблицы и жмем "Загрузить". В окне появляются выбранные нами в таблице столбцы с информацией:

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

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

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

Можно редактировать каждый товар отдельно. Нажимаете зелёную иконку с плюсом,

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

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

Можете настроить вид каталога продукции и товаров, поэкспериментируйте. Настройки выполняются  в окне "редактирования параметров раздела". Для этого на странице "каталог продукции" нажимаем жёлтую иконку с карандашом:

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

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

 Желаю успехов!

Вернуться к списку уроков


Copyright © Метель Марина. Все права защищены. Россия, г. Омск
e-mail для связи mma7@mail.ru  


Рейтинг@Mail.ru