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

 

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

Сейчас рассмотрим как мы можем все это изменить.

Начнем с самого верха.

---

Логотип.

Для того чтоб изменить логотип вашего сайта, вам необходимо пройти "Настройки / Мой магазин" и в появившемся окне найти заголовок "Логотип компании", кликнуть на его "Значение", выбрать ваше изображение логотипа и нажать "ОК".

Высоту логотипа Вы можете корректировать самостоятельно в панели администрирования "Дизайн" -> "Настройки шаблона" -> "Блоки шапки" -> "Лого", где как для десктопа, так и для мобильного вида, можно задать высоту логотипа.

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

Важно! Формат картинки должен быть в "PNG". Данный формат является форматом сжатия без потерь и позволяет сохранять изображения, в которых требуется особенная чёткость. Если же у Вас формат картинки другой, у Вас всегда есть возможность выбрать любой он-лайн конвертер для преобразования вашего формата в PNG (например, в поиске задайте: "он-лайн конвертер з svg в png"), еще важно учитывать размер изображения в пикселях, чем больше пикселей, тем лучше качество картинки, посмотрите размер в параметрах изображения.

Все, теперь ваш логотип в шапке сайта.

---

Слайдер.

Теперь поменяем слайд. Для этого нам необходимо пройти "Контент /  Страницы / Слайдер". 

Перед нами откроется такое окно:

Рассмотрим как изменить первый слайд.

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

При этом цвет переключателя изменится с голубого на серый:  

Теперь перейдем к редактированию первого слайда, для этого нам необходимо нажать кнопку "Обновить".

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

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

Для того чтобы изменить изображение слайда необходимо нажать на кнопку "Image":

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

1 шаг - перейти на вкладку "Upload",

2 шаг - нажать на кнопку "Choose File" и выбрать подготовленное изображение слайда,

3 шаг - загрузить картинку на сервер нажав на кнопку "Send it to the Server" и в конце нажать кнопку "ОК".

Все, слайд загружен.

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

Чтобы разместить слайды для мобильной версии сайта, то на всех доступных языках Вашего сайта, нужно загрузить картинку через иконку "Изображение":

Важно! Если Вы добавляете картинку для мобильной версии, то для правильного отображения картинки в слайдере на разных языках,  в блоке "Код" нужно прописать -  "mobile_slide".

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

Перед нами откроется окно для редактирования слайда, где мы повторяем уже знакомые нам действия (даем название нашему слайду и вставляем сам слайд).

***

Слайдер-Видео

Также можно вставить видео на главной странице в слайдер.

Для этого необходимо пройти "Контент / Страницы / Слайдер" и добавить новый слайд.

Назовем его "Video" и в поле "URL линк" вставим URL видео который скопировали на YouTube сервисе.

Все сохраняем, нажав кнопку "OK".

Видео-слайд на главной странице готов:

---

Баннер.

Процесс изменения баннера, очень похож на процесс изменения слайдера.  

К примеру, нам необходимо изменить "Баннер №1". Поэтому мы снова проходим "Контент / Страницы / Блоки" и справа от названия "Баннер слева 1" нажимаем "Обновить".

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

Так же, как мы редактировали "Баннер №1", мы можем редактировать "Баннер №2" и "Баннер длинный".

 

---

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

Для этого надо сделать пару шагов:

шаг №1. Открыть статью и выделить картинку, к которой вам надо присвоить ссылку
шаг №2. Нажимаете на иконку "Link"

шаг №3.  B открывшемся окне вводите необходимый URL-адрес, все сохраняете.

Теперь при нажатии на изображение вы перейдете по установленной ссылке.