Модули: различия между версиями
Maxim (обсуждение | вклад) |
Maxim (обсуждение | вклад) |
||
| (не показаны 4 промежуточные версии этого же участника) | |||
| Строка 118: | Строка 118: | ||
Некоторые страницы состоят из нескольких блоков. Например, главная страница сайта pantera.kz: | Некоторые страницы состоят из нескольких блоков. Например, главная страница сайта pantera.kz: | ||
[[Файл:Страница из сниппетов.png|альт=Страница из сниппетов|без|мини|920x920пкс|Страница из сниппетов]] | [[Файл:Страница из сниппетов.png|альт=Страница из сниппетов|без|мини|920x920пкс|Страница из сниппетов]] | ||
Для создания таких страниц используются сниппеты. Сниппет - самостоятельный фрагмент страницы, как элемент конструктора. Сниппет можно использовать на одной странице или на нескольких. От этого зависит расположение сниппета. Если сниппет используется на одной странице, он и располагается на ней. Если на нескольких страницах, то его располагают в “Модули” -> “Сниппеты”. Рассмотрим на примере главной страницы. | <br>Для создания таких страниц используются сниппеты. Сниппет - самостоятельный фрагмент страницы, как элемент конструктора. Сниппет можно использовать на одной странице или на нескольких. От этого зависит расположение сниппета. Если сниппет используется на одной странице, он и располагается на ней. Если на нескольких страницах, то его располагают в “Модули” -> “Сниппеты”. Рассмотрим на примере главной страницы. | ||
Чтобы создать на странице сниппеты нужно: | Чтобы создать на странице сниппеты нужно: | ||
| Строка 129: | Строка 128: | ||
[[Файл:Page settings.png|альт=Свойства страницы|без|мини|1050x1050пкс|Свойства страницы]] | [[Файл:Page settings.png|альт=Свойства страницы|без|мини|1050x1050пкс|Свойства страницы]] | ||
<br>3. Указать тип данных “Сниппет”, отображение “Сниппеты” и нажать на кнопку “Сохранить”. | |||
3. Указать тип данных “Сниппет”, отображение “Сниппеты” и нажать на кнопку “Сохранить”. | |||
[[Файл:Page snippet.png|альт=Страница "Сниппет"|без|мини|1050x1050пкс|Страница "Сниппет"]] | [[Файл:Page snippet.png|альт=Страница "Сниппет"|без|мини|1050x1050пкс|Страница "Сниппет"]] | ||
<br>Теперь, если нажать на страницу в дереве разделов, в правом блоке мы можем создавать сниппеты этой страницы. | |||
Теперь, если нажать на страницу в дереве разделов, в правом блоке мы можем создавать сниппеты этой страницы. | |||
[[Файл:Создать сниппет.png|альт=Создать сниппет|без|мини|1050x1050пкс|Создать сниппет]] | [[Файл:Создать сниппет.png|альт=Создать сниппет|без|мини|1050x1050пкс|Создать сниппет]] | ||
<br>Если нажмём на кнопку создать, откроется окно создания. Здесь мы видим: | |||
Если нажмём на кнопку создать, откроется окно создания. Здесь мы видим: | |||
* '''Название'''. Нужно для удобства. Отображается только в гриде и в списке сниппетов. | * '''Название'''. Нужно для удобства. Отображается только в гриде и в списке сниппетов. | ||
| Строка 157: | Строка 151: | ||
[[Файл:Сниппет "Текст".png|альт=Сниппет "Текст"|без|мини|1050x1050пкс|Сниппет "Текст"]] | [[Файл:Сниппет "Текст".png|альт=Сниппет "Текст"|без|мини|1050x1050пкс|Сниппет "Текст"]] | ||
<br> | |||
=== Создание сниппета с источником данных === | === Создание сниппета с источником данных === | ||
Добавим сниппет “Новости”. Он будет выводить несколько последних новостей. Для этого нужно следующее: | Добавим сниппет “Новости”. Он будет выводить несколько последних новостей. Для этого нужно следующее: | ||
| Строка 163: | Строка 159: | ||
[[Файл:Snippet create item.png|альт=Создать сниппет "Новости"|без|мини|1050x1050пкс|Создать сниппет "Новости"]] | [[Файл:Snippet create item.png|альт=Создать сниппет "Новости"|без|мини|1050x1050пкс|Создать сниппет "Новости"]] | ||
2. В открывшемся окне указать название. | <br>2. В открывшемся окне указать название. | ||
[[Файл:Snippet news.png|альт=Создать сниппет "Новости"|без|мини|1050x1050пкс|Создать сниппет "Новости"]] | [[Файл:Snippet news.png|альт=Создать сниппет "Новости"|без|мини|1050x1050пкс|Создать сниппет "Новости"]] | ||
<br>3. В открывшемся окне редактирования записи раскрыть вкладку “Настройки”. | |||
3. В открывшемся окне редактирования записи раскрыть вкладку “Настройки”. | |||
[[Файл:Snippet settings.png|альт=Настройки сниппета|без|мини|1050x1050пкс|Настройки сниппета]] | [[Файл:Snippet settings.png|альт=Настройки сниппета|без|мини|1050x1050пкс|Настройки сниппета]] | ||
<br>4. В настройках обязательно выбрать '''шаблон''' сниппета из списка. | |||
4. В настройках обязательно выбрать '''шаблон''' сниппета из списка. | |||
[[Файл:Snippet template.png|альт=Шаблон сниппета|без|мини|1050x1050пкс|Шаблон сниппета]] | [[Файл:Snippet template.png|альт=Шаблон сниппета|без|мини|1050x1050пкс|Шаблон сниппета]] | ||
<br>5. В настройках обязательно выбрать '''контроллер''' сниппета. | |||
5. В настройках обязательно выбрать '''контроллер''' сниппета. | |||
[[Файл:Snippet controller.png|альт=Контроллер сниппета|без|мини|1050x1050пкс|Контроллер сниппета]] | [[Файл:Snippet controller.png|альт=Контроллер сниппета|без|мини|1050x1050пкс|Контроллер сниппета]] | ||
<br>6. Указать '''источник данных'''. В нашем примере у нас есть отдельная страница “Новости”. Чтобы не дублировать записи новостей мы просто передаём их в сниппет. Укажем в источнике данных страницу “Новости” и нажмем “Сохранить”. | |||
6. Указать '''источник данных'''. В нашем примере у нас есть отдельная страница “Новости”. Чтобы не дублировать записи новостей мы просто передаём их в сниппет. Укажем в источнике данных страницу “Новости” и нажмем “Сохранить”. | |||
[[Файл:Snippet article create.png|альт=Создать сниппет "Новости"|без|мини|1050x1050пкс|Создать сниппет "Новости"]] | [[Файл:Snippet article create.png|альт=Создать сниппет "Новости"|без|мини|1050x1050пкс|Создать сниппет "Новости"]] | ||
<br>Сниппет создан. Теперь при изменении публикаций на странице “Новости”, они будут меняться в этом блоке. | |||
Сниппет создан. Теперь при изменении публикаций на странице “Новости”, они будут меняться в этом блоке. | |||
[[Файл:Snippet article created.png|альт=Создан сниппет "Новости"|без|мини|1050x1050пкс|Создан сниппет "Новости"]] | [[Файл:Snippet article created.png|альт=Создан сниппет "Новости"|без|мини|1050x1050пкс|Создан сниппет "Новости"]] | ||
<br> | |||
=== Создание сниппета из содержимого другого сниппета === | === Создание сниппета из содержимого другого сниппета === | ||
Если сниппет у нас уже есть и нам нужно создать такой же на другой странице, мы можем передать содержимое сниппета в другой сниппет. | Если сниппет у нас уже есть и нам нужно создать такой же на другой странице, мы можем передать содержимое сниппета в другой сниппет. | ||
| Строка 192: | Строка 184: | ||
[[Файл:Snippet about.png|альт=Сниппет|без|мини|1050x1050пкс|Сниппет]] | [[Файл:Snippet about.png|альт=Сниппет|без|мини|1050x1050пкс|Сниппет]] | ||
<br>Для этого нужно: | |||
Для этого нужно: | |||
1. Создать сниппет для Главной и указать шаблон и контроллер. | 1. Создать сниппет для Главной и указать шаблон и контроллер. | ||
| Строка 200: | Строка 191: | ||
[[Файл:Сниппет из другого сниппета.png|альт=Сниппет из другого сниппета|без|мини|1050x1050пкс|Сниппет из другого сниппета]] | [[Файл:Сниппет из другого сниппета.png|альт=Сниппет из другого сниппета|без|мини|1050x1050пкс|Сниппет из другого сниппета]] | ||
Сниппет для Главной страницы создан. | <br>Сниппет для Главной страницы создан. | ||
[[Файл:Screenshot 3.png|альт=Сниппет создан|без|мини|1050x1050пкс|Сниппет создан]] | [[Файл:Screenshot 3.png|альт=Сниппет создан|без|мини|1050x1050пкс|Сниппет создан]] | ||
<br>3. Повторяем те же действия для страницы “О компании”. | |||
3. Повторяем те же действия для страницы “О компании”. | |||
[[Файл:Screenshot 4.png|альт=Такой же сниппет для страницы "О компании"|без|мини|1050x1050пкс|Такой же сниппет для страницы "О компании"]] | [[Файл:Screenshot 4.png|альт=Такой же сниппет для страницы "О компании"|без|мини|1050x1050пкс|Такой же сниппет для страницы "О компании"]] | ||
<br>Теперь, если мы внесём изменения в “Модули” -> “Сниппеты” -> “Сниппет - Форма консультации”. То изменятся формы на Главной странице и на странице “О компании”. | |||
<br> | |||
=== Управление сниппетами с дополнительными полями === | === Управление сниппетами с дополнительными полями === | ||
Для некоторых сниппетов при разработке сайта создаются дополнительные поля для содержимого. | Для некоторых сниппетов при разработке сайта создаются дополнительные поля для содержимого. | ||
| Строка 216: | Строка 206: | ||
[[Файл:Snippet carousel content.png|альт=Содержимое сниппета "Карусель"|без|мини|1050x1050пкс|Содержимое сниппета "Карусель"]] | [[Файл:Snippet carousel content.png|альт=Содержимое сниппета "Карусель"|без|мини|1050x1050пкс|Содержимое сниппета "Карусель"]] | ||
<br>В этом случае содержимое берётся из самого сниппета и указывать источник данных не нужно. Нужно только заполнить содержимое. Добавим слайды. | |||
В этом случае содержимое берётся из самого сниппета и указывать источник данных не нужно. Нужно только заполнить содержимое. Добавим слайды. | |||
Для этого нужно: | Для этого нужно: | ||
| Строка 224: | Строка 213: | ||
[[Файл:Snippet slides.png|альт=Слайды сниппета|без|мини|1050x1050пкс|Слайды сниппета]] | [[Файл:Snippet slides.png|альт=Слайды сниппета|без|мини|1050x1050пкс|Слайды сниппета]] | ||
<br>2. Добавить изображение и указать заголовок. | |||
2. Добавить изображение и указать заголовок. | |||
[[Файл:Snippet slide.png|альт=Первый слайд сниппета|без|мини|1050x1050пкс|Первый слайд сниппета]] | [[Файл:Snippet slide.png|альт=Первый слайд сниппета|без|мини|1050x1050пкс|Первый слайд сниппета]] | ||
[[Файл:Первый слайд.png|альт=Первый слайд|без|мини|1050x1050пкс|Первый слайд]] | [[Файл:Первый слайд.png|альт=Первый слайд|без|мини|1050x1050пкс|Первый слайд]] | ||
<br>3. Повторить для других слайдов. | |||
3. Повторить для других слайдов. | |||
[[Файл:Carousel slides.png|альт=Слайды|без|мини|1050x1050пкс|Слайды переименованы]] | [[Файл:Carousel slides.png|альт=Слайды|без|мини|1050x1050пкс|Слайды переименованы]] | ||
<br>Если нужны ещё слайды, нажать на кнопку “Добавить новую запись”. | |||
Если нужны ещё слайды, нажать на кнопку “Добавить новую запись”. | |||
[[Файл:Carousel slide add.png|альт=Добавить слайд|без|мини|1050x1050пкс|Добавить слайд]] | [[Файл:Carousel slide add.png|альт=Добавить слайд|без|мини|1050x1050пкс|Добавить слайд]] | ||
<br>Если слайд не нужен, его можно удалить. | |||
Если слайд не нужен, его можно удалить. | |||
[[Файл:Carousel slide delete.png|альт=Удалить слайд|без|мини|1050x1050пкс|Удалить слайд]] | [[Файл:Carousel slide delete.png|альт=Удалить слайд|без|мини|1050x1050пкс|Удалить слайд]] | ||
<br>Также можно изменить порядок отображения слайдов при помощи кнопок “Вверх” и “Вниз”. Для примера сделаем слайд “Товары для дома” первым, передвинем его вверх. | |||
Также можно изменить порядок отображения слайдов при помощи кнопок “Вверх” и “Вниз”. Для примера сделаем слайд “Товары для дома” первым, передвинем его вверх. | |||
[[Файл:Carousel up.png|альт=Переместить слайд вверх|без|мини|1050x1050пкс|Переместить слайд вверх]] | [[Файл:Carousel up.png|альт=Переместить слайд вверх|без|мини|1050x1050пкс|Переместить слайд вверх]] | ||
<br>Результат: | |||
Результат: | |||
[[Файл:Carousel result.png|альт=Результат|без|мини|1050x1050пкс|Результат]] | [[Файл:Carousel result.png|альт=Результат|без|мини|1050x1050пкс|Результат]] | ||
<br> | |||
=== Копирование сниппета === | === Копирование сниппета === | ||
Копировать сниппеты можно только между страницами с типом данных “Сниппет”. | Копировать сниппеты можно только между страницами с типом данных “Сниппет”. | ||
| Строка 263: | Строка 247: | ||
[[Файл:Snippet copy.png|альт=Копирование сниппета "Новости"|без|мини|1050x1050пкс|Копирование сниппета "Новости"]] | [[Файл:Snippet copy.png|альт=Копирование сниппета "Новости"|без|мини|1050x1050пкс|Копирование сниппета "Новости"]] | ||
<br>3. Перейти на страницу “О компании”. | |||
3. Перейти на страницу “О компании”. | |||
[[Файл:Snippet page copy 1.png|альт=Сниппет страница "О компании"|без|мини|1050x1050пкс|Сниппет страница "О компании"]] | [[Файл:Snippet page copy 1.png|альт=Сниппет страница "О компании"|без|мини|1050x1050пкс|Сниппет страница "О компании"]] | ||
<br>4. Кликнуть правой кнопкой мыши в правом блоке и выбрать пункт меню “Вставить”. | |||
4. Кликнуть правой кнопкой мыши в правом блоке и выбрать пункт меню “Вставить”. | |||
[[Файл:Snippet page copy 2.png|альт=Сниппет "О компании" вставить|без|мини|1050x1050пкс|Сниппет "О компании" вставить]] | [[Файл:Snippet page copy 2.png|альт=Сниппет "О компании" вставить|без|мини|1050x1050пкс|Сниппет "О компании" вставить]] | ||
<br>Сниппет копируется вместе с содержимым и со всеми настройками, но не опубликованным. Нужно его только опубликовать. | |||
Сниппет копируется вместе с содержимым и со всеми настройками, но не опубликованным. Нужно его только опубликовать. | |||
[[Файл:Snippet block publish.png|альт=Публикация блока "Новости"|без|мини|1050x1050пкс|Публикация блока "Новости"]] | [[Файл:Snippet block publish.png|альт=Публикация блока "Новости"|без|мини|1050x1050пкс|Публикация блока "Новости"]] | ||
<br>5. Чтобы опубликовать сниппет нужно кликнуть по нему правой кнопкой мыши и выбрать пункт меню “Опубликовать”. | |||
5. Чтобы опубликовать сниппет нужно кликнуть по нему правой кнопкой мыши и выбрать пункт меню “Опубликовать”. | |||
[[Файл:Snippet news published.png|альт=Опубликовать|без|мини|1050x1050пкс|Опубликовать]] | [[Файл:Snippet news published.png|альт=Опубликовать|без|мини|1050x1050пкс|Опубликовать]] | ||
<br>Теперь сниппет отображается на странице. | |||
<br> | |||
=== Перемещение сниппета === | === Перемещение сниппета === | ||
Перемещать сниппеты можно только между страницами с типом данных “Сниппет”. | Перемещать сниппеты можно только между страницами с типом данных “Сниппет”. | ||
[[Файл:Snippet type.png|альт=Тип страницы "Сниппет"|без|мини|1050x1050пкс|Тип страницы "Сниппет"]] | [[Файл:Snippet type.png|альт=Тип страницы "Сниппет"|без|мини|1050x1050пкс|Тип страницы "Сниппет"]] | ||
<br>Для примера переместим сниппет “Блок - Карусель” с Главной страницы на страницу “О компании”. Для этого нужно: | |||
Для примера переместим сниппет “Блок - Карусель” с Главной страницы на страницу “О компании”. Для этого нужно: | |||
1. Кликнуть по сниппету правой кнопкой мыши и выбрать пункт меню “Вырезать”. | 1. Кликнуть по сниппету правой кнопкой мыши и выбрать пункт меню “Вырезать”. | ||
[[Файл:Carousel cut.png|альт=Вырезать "Карусель"|без|мини|1050x1050пкс|Вырезать "Карусель"]] | [[Файл:Carousel cut.png|альт=Вырезать "Карусель"|без|мини|1050x1050пкс|Вырезать "Карусель"]] | ||
<br>2. Перейти на страницу “О компании”, кликнуть правой кнопкой мыши в правом блоке и выбрать пункт меню “Вставить”. | |||
2. Перейти на страницу “О компании”, кликнуть правой кнопкой мыши в правом блоке и выбрать пункт меню “Вставить”. | |||
[[Файл:Carousel paste.png|альт=Вставить сниппет "Карусель"|без|мини|1050x1050пкс|Вставить сниппет "Карусель"]] | [[Файл:Carousel paste.png|альт=Вставить сниппет "Карусель"|без|мини|1050x1050пкс|Вставить сниппет "Карусель"]] | ||
<br>Сниппет перемещается вместе с содержимым и со всеми настройками, но не опубликованным. Нужно его только опубликовать. | |||
Сниппет перемещается вместе с содержимым и со всеми настройками, но не опубликованным. Нужно его только опубликовать. | |||
3. Чтобы опубликовать сниппет нужно кликнуть по нему правой кнопкой мыши и выбрать пункт меню “Опубликовать”. | 3. Чтобы опубликовать сниппет нужно кликнуть по нему правой кнопкой мыши и выбрать пункт меню “Опубликовать”. | ||
[[Файл:Carousel publish.png|альт=Опубликовать блок "Карусель"|без|мини|1050x1050пкс|Опубликовать блок "Карусель"]] | [[Файл:Carousel publish.png|альт=Опубликовать блок "Карусель"|без|мини|1050x1050пкс|Опубликовать блок "Карусель"]] | ||
<br>Сниппет был добавлен в конец списка. Чтобы переместить его выше, можно изменить индекс в окне редактирования или воспользоваться стрелками справа. | |||
Сниппет был добавлен в конец списка. Чтобы переместить его выше, можно изменить индекс в окне редактирования или воспользоваться стрелками справа. | |||
[[Файл:Snippet block up.png|альт=Переместить блок|без|мини|1050x1050пкс|Переместить блок]] | [[Файл:Snippet block up.png|альт=Переместить блок|без|мини|1050x1050пкс|Переместить блок]] | ||
<br> | |||
=== Удаление сниппета === | === Удаление сниппета === | ||
Чтобы удалить сниппет нужно: | Чтобы удалить сниппет нужно: | ||
| Строка 314: | Строка 291: | ||
[[Файл:Block delete.png|альт=Удалить блок|без|мини|1050x1050пкс|Удалить блок]] | [[Файл:Block delete.png|альт=Удалить блок|без|мини|1050x1050пкс|Удалить блок]] | ||
<br>3. Подтвердить удаление. | |||
3. Подтвердить удаление. | |||
[[Файл:Block delete confirm.png|альт=Подтверждение удаления блока|без|мини|1050x1050пкс|Подтверждение удаления блока]] | [[Файл:Block delete confirm.png|альт=Подтверждение удаления блока|без|мини|1050x1050пкс|Подтверждение удаления блока]] | ||
<br>Блок удалён. | |||
<br> | |||
== Стили == | == Стили == | ||
| Строка 326: | Строка 302: | ||
[[Файл:Styles.png|альт=Стили|без|мини|1050x1050пкс|Стили]] | [[Файл:Styles.png|альт=Стили|без|мини|1050x1050пкс|Стили]] | ||
<br>Чтобы применить стиль к странице нужно: | |||
Чтобы применить стиль к странице нужно: | |||
1. Кликнуть правой кнопкой мыши по странице и выбрать пункт меню “Свойства”. | 1. Кликнуть правой кнопкой мыши по странице и выбрать пункт меню “Свойства”. | ||
[[Файл:Settings styles.png|альт=Меню "Свойства"|без|мини|1050x1050пкс|Меню "Свойства"]] | [[Файл:Settings styles.png|альт=Меню "Свойства"|без|мини|1050x1050пкс|Меню "Свойства"]] | ||
<br>2. В открывшемся меню редактирования страницы раскрыть вкладку “Дополнительные параметры”. | |||
2. В открывшемся меню редактирования страницы раскрыть вкладку “Дополнительные параметры”. | |||
[[Файл:Styles additional.png|альт=Вкладка "Дополнительные параметры"|без|мини|1050x1050пкс|Вкладка "Дополнительные параметры"]] | [[Файл:Styles additional.png|альт=Вкладка "Дополнительные параметры"|без|мини|1050x1050пкс|Вкладка "Дополнительные параметры"]] | ||
<br>3. Выбрать стиль из списка в поле “Стиль” и сохранить изменения. | |||
3. Выбрать стиль из списка в поле “Стиль” и сохранить изменения. | |||
[[Файл:Page dark mode.png|альт=Стиль страницы "Тёмная тема"|без|мини|1050x1050пкс|Стиль страницы "Тёмная тема"]] | [[Файл:Page dark mode.png|альт=Стиль страницы "Тёмная тема"|без|мини|1050x1050пкс|Стиль страницы "Тёмная тема"]] | ||
<br>Если этот стиль был предусмотрен для данной страницы при разработке сайта, он будет применён. | |||
Если этот стиль был предусмотрен для данной страницы при разработке сайта, он будет применён. | |||
Похожим образом стили применяются для сниппетов. | Похожим образом стили применяются для сниппетов. | ||
| Строка 347: | Строка 319: | ||
<br> | |||
== Типы ресурсов == | == Типы ресурсов == | ||
Типы ресурсов используются, чтобы выделить страницы из числа таких же. Обычно типы ресурсов используются программистами при разработке сайтов. Поэтому не рекомендуется что-либо менять. Посмотреть все доступные стили можно в Панели управления сайтом -> Модули -> Типы ресурсов. | Типы ресурсов используются, чтобы выделить страницы из числа таких же. Обычно типы ресурсов используются программистами при разработке сайтов. Поэтому не рекомендуется что-либо менять. Посмотреть все доступные стили можно в Панели управления сайтом -> Модули -> Типы ресурсов. | ||
[[Файл:Types.png|альт=Типы ресурсов|без|мини|1050x1050пкс|Типы ресурсов]] | [[Файл:Types.png|альт=Типы ресурсов|без|мини|1050x1050пкс|Типы ресурсов]] | ||
<br>Пример использования: | |||
Пример использования: | |||
У нас есть 2 одинаковых справочника: статусы заказов и города. | У нас есть 2 одинаковых справочника: статусы заказов и города. | ||
[[Файл:Items.png|альт=Одиннаковые справочники|без|мини|1050x1050пкс|Одиннаковые справочники]] | [[Файл:Items.png|альт=Одиннаковые справочники|без|мини|1050x1050пкс|Одиннаковые справочники]] | ||
<br>Чтобы отделить один справочник от другого присвоим справочнику “Города” тип ресурса “Города”. Для этого откроем свойства и укажем тип ресурса. | |||
Чтобы отделить один справочник от другого присвоим справочнику “Города” тип ресурса “Города”. Для этого откроем свойства и укажем тип ресурса. | |||
[[Файл:Type cities.png|альт=Тип ресурса: Города|без|мини|1050x1050пкс|Тип ресурса: Города]] | [[Файл:Type cities.png|альт=Тип ресурса: Города|без|мини|1050x1050пкс|Тип ресурса: Города]] | ||
<br>Теперь в коде можно при вызове справочника можно использовать идентификатор типа ресурса, в данном случае “cities”. | |||
Теперь в коде можно при вызове справочника можно использовать идентификатор типа ресурса, в данном случае “cities”. | |||
[[Файл:Type id.png|альт=Идентификатор типа ресурса|без|мини|1050x1050пкс|Идентификатор типа ресурса]] | [[Файл:Type id.png|альт=Идентификатор типа ресурса|без|мини|1050x1050пкс|Идентификатор типа ресурса]] | ||
Текущая версия на 12:23, 8 июня 2022
Формы
В этом модуле хранятся данные запросов с форм сайта. В примере ниже, есть 2 сохранённых запроса с формы “Получить консультацию”.
Откроем одну из публикаций.
Здесь мы видим:
- Дата и время, когда пользователь сайта заполнил форму.
- Тело письма. Из данных, которые пользователь указал в форме на основе шаблона, было сформировано это письмо. Также здесь указаны:
- URL и название страницы, с которой был отправлен запрос.
- Дата и время запроса.
- IP пользователя.
- Тема письма.
- E-Mail получателя, кому было отправлено письмо.
- Шаблон на основе которого сформировалось письмо.
Каждая отправленная посетителем форма на сайте сохраняется здесь и отправляется на email, указанный в настройках.
Шаблоны писем
Когда посетитель сайта заполняет какую-нибудь форму, например “Получить консультацию”, данные из этой формы подставляются в шаблон письма. В таком виде они сохраняются в базу данных сайта и отправляются на email получателя.
Откроем страницу шаблонов:
Откроем шаблон “Получить консультацию”.
Здесь мы видим:
- Тема письма.
- Тело письма. Из текста и прочих данных, которые здесь указаны создаётся письмо. В теле письма можно использовать метки. Они заменяются на данные, которые посетитель указал в форме на сайте. Количество и названия меток настраиваются программистом при разработке сайта. Наиболее распространённые метки:
- [[MAIL_SUBJECT]] - тема письма.
- [[NAME]] - имя.
- [[PHONE]] - телефон.
- [[EMAIL]] - электронная почта.
- [[MESSAGE]] - сообщение.
- [[MAIL_SIGNATURE]] - подпись администрации.
- [[MAIL_HOST]] - адрес сайта.
- [[REQUEST_URL]] - страница, на которой заполнили форму.
- [[MAIL_DATE]] - дата отправки формы.
- [[MAIL_IP]] - IP посетителя.
- Идентификатор формы.
- Название. Название формы, которое используется списке сообщений (Модули -> Формы).
- Категория формы.
- Почта получателя. Письма с сайта по умолчанию отправляются на почту, указанную в Настройках.. Если нужно, чтобы письма с этого шаблона отправлялись на другую электронную почту, то нужно указать её в этом поле.
- Имя отправителя. Имя отправителя по умолчанию берётся из настроек почты. Если для писем этого шаблона нужно указать другое имя отправителя, его нужно вписать в это поле.
- Почта для ответа. Почта, которая будет указана по умолчанию у пользователей, получивших письмо с этого шаблона.
- Опубликовано. Включен/выключен шаблон. Если выключен, письма с форм, которые используют этот шаблон, отправляться не будут.
Шаблоны форм создаются программистом при разработке сайта. Администратор сайта может работать с готовыми шаблонами.
Редиректы
Редиректы используются для создания произвольных перенаправлений с одного URL сайта на другой.
Например, у нас была страница https://example.com/taburetka.html. Товара больше нет и не будет, поэтому мы решили удалить этот товар. Теперь, если посетитель сайта перейдёт по адресу https://example.com/taburetka.html у него отобразится ошибка 404. Можно оставить так, но в иногда лучше предложить посетителю похожий товар. Для этого можно использовать редирект на страницу https://example.com/stul.html. Чтобы создать редирект нужно: 1. В дереве разделов выбрать пункт “Редиректы”.
2. Нажать на кнопку “Создать” внизу правого блока.
3. В поле “Адрес” нужно указать URL, откуда будет происходить перенаправление. В нашем примере это “/taburetka.html”. В качестве адреса можно указать регулярное выражение. В этом случае нужно указать флаг “Регулярное выражение”, ниже поля “Адрес”.
4. В поле “Перенаправление” нужно указать URL страницы/публикации куда будет происходить перенаправление. В нашем примере это “/stul.html”.
5. В поле “Код” выбираем код перенаправления.
6. Обязательно указать флаг “Активно”, иначе перенаправление работать не будет.
7. Нажать на кнопку “Сохранить”. Редирект создан.
Теперь при переходе на страницу “/taburetka.html” сайта будет открываться страница “/stul.html”.
Виджеты
Виджеты используются для размещения стороннего js-кода на сайте. Например, онлайн-консультанта.
Чтобы создать виджет нужно:
1. В дереве разделов выбрать пункт “Виджеты”.
2. Нажать на кнопку “Создать” внизу правого блока.
3. Заполнить поля:
- Имя переменной. Любое название.
- Описание. Краткое описание виджета. Используется только в панели, в списке виджетов для удобства.
- Страницы. Отметить страницы, на которых должен отображаться виджет.
- HTML. В это поле вставить код виджета
- Опубликовано. Если не указано, виджет отображаться не будет.
4. Нажать на кнопку “Сохранить”. Виджет создан.
Сниппеты
Некоторые страницы состоят из нескольких блоков. Например, главная страница сайта pantera.kz:
Для создания таких страниц используются сниппеты. Сниппет - самостоятельный фрагмент страницы, как элемент конструктора. Сниппет можно использовать на одной странице или на нескольких. От этого зависит расположение сниппета. Если сниппет используется на одной странице, он и располагается на ней. Если на нескольких страницах, то его располагают в “Модули” -> “Сниппеты”. Рассмотрим на примере главной страницы.
Чтобы создать на странице сниппеты нужно:
1. В дереве разделов выбрать страницу и кликнуть по ней правой кнопкой мыши.
2. В открывшемся меню выбрать пункт “Свойства”.
3. Указать тип данных “Сниппет”, отображение “Сниппеты” и нажать на кнопку “Сохранить”.
Теперь, если нажать на страницу в дереве разделов, в правом блоке мы можем создавать сниппеты этой страницы.
Если нажмём на кнопку создать, откроется окно создания. Здесь мы видим:
- Название. Нужно для удобства. Отображается только в гриде и в списке сниппетов.
- Текущая страница. Если флаг установлен, то сниппет отображается только на странице, на которой создан. Если не установлен, можно настроить отображение на нескольких страницах.
- Идентификатор. Используется программистом при разработке. Лучше оставить как есть.
- Метка. Используется программистом при разработке. Лучше оставить как есть.
- Шаблон сниппета. Это фрагмент HTML-разметки, он отвечает за внешний вид блока на странице. Список шаблонов создаётся во время разработки сайта и в дальнейшем в сниппетах используются шаблоны из этого списка. Чтобы добавить новый шаблон в список нужны навыки вёрстки сайтов.
- Контроллер сниппета. Это программный код сниппета. Список контроллеров создаётся программистом во время разработки сайтов. Используется в паре с шаблоном сниппета. Не все шаблоны и контроллеры взаимно совместимы. Обычно совместимые шаблоны и контроллеры имеют одинаковое название. Например шаблон - block_news.latte, контроллер block_news.php. О назначениях шаблонов/контроллеров можно узнать у программиста. Но обычно оно указывается в названиях. Например слово news в названии указывает на то, что эти шаблон и контроллер выводят на страницу новости.
- Источник данных. Эта опция нужна, чтобы передать в сниппет содержимое другой страницы.
- Стиль (CSS). Если к сниппету применяется особый стиль отображения, он выбирается из списка. Список стилей настраивается при разработке сайта.
- Копия сниппета. Если сниппет должен быть полной копией другого сниппета.
- Индекс. Отвечает за порядок отображения сниппетов на странице, от меньшего к большему.
- Опубликовано. Если флаг не установлен, сниппет не отображается на странице.
Создание сниппета с источником данных
Добавим сниппет “Новости”. Он будет выводить несколько последних новостей. Для этого нужно следующее:
1. Нажать на кнопку “Создать”.
2. В открывшемся окне указать название.
3. В открывшемся окне редактирования записи раскрыть вкладку “Настройки”.
4. В настройках обязательно выбрать шаблон сниппета из списка.
5. В настройках обязательно выбрать контроллер сниппета.
6. Указать источник данных. В нашем примере у нас есть отдельная страница “Новости”. Чтобы не дублировать записи новостей мы просто передаём их в сниппет. Укажем в источнике данных страницу “Новости” и нажмем “Сохранить”.
Сниппет создан. Теперь при изменении публикаций на странице “Новости”, они будут меняться в этом блоке.
Создание сниппета из содержимого другого сниппета
Если сниппет у нас уже есть и нам нужно создать такой же на другой странице, мы можем передать содержимое сниппета в другой сниппет.
Например, у нас есть сниппет “Форма консультации”, который должен отображаться на Главной странице и на странице “О компании”.
Для этого нужно:
1. Создать сниппет для Главной и указать шаблон и контроллер.
2. В поле “Копия сниппета” выбираем “Сниппет - Форма консультации” и сохраняем сниппет.
Сниппет для Главной страницы создан.
3. Повторяем те же действия для страницы “О компании”.
Теперь, если мы внесём изменения в “Модули” -> “Сниппеты” -> “Сниппет - Форма консультации”. То изменятся формы на Главной странице и на странице “О компании”.
Управление сниппетами с дополнительными полями
Для некоторых сниппетов при разработке сайта создаются дополнительные поля для содержимого.
Пример такого сниппета:
В этом случае содержимое берётся из самого сниппета и указывать источник данных не нужно. Нужно только заполнить содержимое. Добавим слайды.
Для этого нужно:
1. Кликнуть на слайд.
2. Добавить изображение и указать заголовок.
3. Повторить для других слайдов.
Если нужны ещё слайды, нажать на кнопку “Добавить новую запись”.
Если слайд не нужен, его можно удалить.
Также можно изменить порядок отображения слайдов при помощи кнопок “Вверх” и “Вниз”. Для примера сделаем слайд “Товары для дома” первым, передвинем его вверх.
Результат:
Копирование сниппета
Копировать сниппеты можно только между страницами с типом данных “Сниппет”.
Для примера скопируем сниппет “Новости” с Главной страницы на страницу “О компании”.
Чтобы скопировать сниппет нужно:
1. Кликнуть по сниппету правой кнопкой мыши.
2. В открывшемся меню выбрать пункт “Копировать”.
3. Перейти на страницу “О компании”.
4. Кликнуть правой кнопкой мыши в правом блоке и выбрать пункт меню “Вставить”.
Сниппет копируется вместе с содержимым и со всеми настройками, но не опубликованным. Нужно его только опубликовать.
5. Чтобы опубликовать сниппет нужно кликнуть по нему правой кнопкой мыши и выбрать пункт меню “Опубликовать”.
Теперь сниппет отображается на странице.
Перемещение сниппета
Перемещать сниппеты можно только между страницами с типом данных “Сниппет”.
Для примера переместим сниппет “Блок - Карусель” с Главной страницы на страницу “О компании”. Для этого нужно:
1. Кликнуть по сниппету правой кнопкой мыши и выбрать пункт меню “Вырезать”.
2. Перейти на страницу “О компании”, кликнуть правой кнопкой мыши в правом блоке и выбрать пункт меню “Вставить”.
Сниппет перемещается вместе с содержимым и со всеми настройками, но не опубликованным. Нужно его только опубликовать.
3. Чтобы опубликовать сниппет нужно кликнуть по нему правой кнопкой мыши и выбрать пункт меню “Опубликовать”.
Сниппет был добавлен в конец списка. Чтобы переместить его выше, можно изменить индекс в окне редактирования или воспользоваться стрелками справа.
Удаление сниппета
Чтобы удалить сниппет нужно:
1. Кликнуть по нему правой кнопкой мыши.
2. В открывшемся меню выбрать пункт “Удалить”.
3. Подтвердить удаление.
Блок удалён.
Стили
Для некоторых страниц или публикаций могут использоваться особые стили. Они настраиваются программистом при разработке сайта. Поэтому не рекомендуется в них что-либо менять. Посмотреть все доступные стили можно в Панели управления сайтом -> Модули -> Стили.
Чтобы применить стиль к странице нужно:
1. Кликнуть правой кнопкой мыши по странице и выбрать пункт меню “Свойства”.
2. В открывшемся меню редактирования страницы раскрыть вкладку “Дополнительные параметры”.
3. Выбрать стиль из списка в поле “Стиль” и сохранить изменения.
Если этот стиль был предусмотрен для данной страницы при разработке сайта, он будет применён.
Похожим образом стили применяются для сниппетов.
Типы ресурсов
Типы ресурсов используются, чтобы выделить страницы из числа таких же. Обычно типы ресурсов используются программистами при разработке сайтов. Поэтому не рекомендуется что-либо менять. Посмотреть все доступные стили можно в Панели управления сайтом -> Модули -> Типы ресурсов.
Пример использования:
У нас есть 2 одинаковых справочника: статусы заказов и города.
Чтобы отделить один справочник от другого присвоим справочнику “Города” тип ресурса “Города”. Для этого откроем свойства и укажем тип ресурса.
Теперь в коде можно при вызове справочника можно использовать идентификатор типа ресурса, в данном случае “cities”.



























