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

 

Крім зображень товару, на головній сторінці є ще багато інших картинок, це можуть бути логотип, банер, слайдер і т.д.

Зараз розглянемо як ми можемо все це змінити.

Почнемо з самого верху.

---

Логотип

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

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

Що ж до ширини логотипу, то вона не повинна перевищувати 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.  у вікні вводите необхідну URL-адресу, все зберігаєте.

Тепер при натисканні на зображення ви перейдете за посиланням.