Инструкция по сайту ИМ (возможный вариант сборки)

Инструкция по управлению вебсайтом-магазином керамической плитки

Редактирование главной страницы.

Для изменения тайтла главной страницы сайта нажмите правую кнопку мышки над иконкой сайта. В появившемся окне внесите изменения в поля свойств страницы.

Для редактирования текста, содержащегося в текстовом блоке на главной странице, необходимо вызвать контекстное меню (правой кнопкой) и выбрать «открыть».

Далее в текстовом редакторе править текст.

Картинки внутрь текста вставляются через внутренний загрузчик, который вызывается прямо в панели управлением текстового редактора ( кнопка «вставить изображение»)

После нажатия на кнопку загружается модальное окно загрузчика изображений. Для того, чтобы выбрать нужное изображение на компьютере, нажмите кнопку обзор, выберите изображение и нажмите кнопку «загрузить». Поддерживается формат .jpg, .png и .gif, далее в окне появится миниатюра и название закаченного рисунка. Нажмите на название, оно появится в поле «адрес изображения», далее необходимо прописать альтернативное название, название, а так же можно скорректировать размер через вкладку «дополнительно». По окончании нажмите на кнопку «вставить» и изображение будет интегрировано в страницу.

На изображения, как в тексты можно вставлять ссылки на другие страницы вебсайта, так же как и на внешние ресурсы. Для удобства внутренней линковки (простановки ссылок) сделан вывод карты сайта на аяксе. Нажмите на кнопку «вставить гиперссылку» в панели управления текстовым редактором, появится модальное окно.

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

Управление баннерами на главной странице

 

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

После редактирования текста сохраняете результаты. Сделанные изменения сохранятся, а баннеры будут закачены. Рекомендуемое количество загружаемых баннеров не регламентируется и зависит от пропускного канала вашей сети. Обычно рекомендуется не более трех за раз. Если вы не хотите закрывать окно редактирования содержимого главной страницы, то нажимаете кнопку «применить», так как «сохранить» записывает изменения и закрывает модальное окно.

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

Добавление и редактирование папок (каталогов).

Кликаете два раза по кнопке «главная» и заходите внутрь сайта.

 

Для редактирования корневой страница продукции через контекстное меню выбираете команды «открыть» или «переименовать» для изменения свойств или содержимого (по аналогии с редактированием главной страницы).

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

Зайдите внутрь каталога товаров

 

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

 

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

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

Для поверхности или типа применения (оно используется при поиске или групповом выводе), существует редактируемое текстовое поле

Для редактирования цвета мы сделали дополнительно возможность загрузки текстуры и цвета для сайта (полное название loft gray, для условного вывода на сайте просто Gray)

 

Для создания нового раздела необходимо в правом меню сайта выбрать «Создать –> продукция –> раздел каталога», открывается карточка свойств файла (по аналогии со свойствами создаваемого файла в MS Windows)

После чего открывается окно свойств.

Заполните поля. Поле URL формируется транслитом из названия файла, отображаемое на рабочем столе, поэтому, если оно будет длинным, то его лучше сделать короче латиницей (браузеры поддерживают адреса страниц, написанные латинницей). После того, как заполнили свойства страницы, нажимаете кнопку «Сохранить», после чего данное окно закрывается, предварительно записав в базу данных информацию о созданном раздела и программа открывает окно с карточкой раздела, где мы создали основные поля редактирования.

Поля: Заголовок страницы – он выводится в Н1 на странице раздела, Краткое описание – вывод краткого описания под иконками, список артикулов (о них ниже), полное описание раздела, поле для загрузки иконки раздела, фотогалерея раздела.

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

Фотогалерея позволяет загружать фотографии большого размера (ограничения есть и они описаны в документации по языку программирования, нами рекомендуется оптимальный формат под веббраузеры 1000 пиксел ширины). Для добавления фото поставьте в очередь, через кнопку «Обзор» выберитефайл на компьютере, а затем впишите в текстовое поле название картинки, как оно будет выводиться на сайте.

Добавление коллекций.

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

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

В карточке добавлены поля: заголовок на страницу, краткое описание коллекции, полное описание коллекции, брэнд, артикул коллекции, поля для аплоада иконки коллекции, галерея фотографий коллекции. Внимательно относитесь к заполнению полея артикулов – оно участвует затем в выборке товарных групп на фронте сайта. Остальное заполняется по аналогии с вышеописанными карточками. Выбор типов применения, поскольку их немного, оформлен при помощи переключателя «да/нет», значение по умолчанию «нет»

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

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

 

 

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

У товара очень важно заполнить поле артикул, значение должно быть уникальным (в магазинах все товары уникальны) и остальные поля. Пустыми поля не оставляются. В поле размер необходимо писать в качестве разделителя знак «*», разделител в поле цена - точка.

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