1. Основні налаштування

Сучасний інтернет-магазин повинен бути зручним, інтуїтивно зрозумілим, швидким, привабливим для користувачів.

    Дизайн інтернет-магазину – це не тільки красива оболонка для функціонального ядра, він повинен викликати інтерес у користувача з перших секунд, кожен елемент сайту повинен мати своє місце, коректно відображатися на кожному пристрої (Десктоп, планшет, смартфон). Тобто, на сьогоднішній день - дизайн відіграє одну з ключових ролей у просуванні сайту. 

Команда Solomono розробила зручний функціонал для роботи з дизайном Вашого інтернет-магазину. Який значно спрощує обслуговування процесів: здійснення покупки завдяки автоматизації, підвищення рівня попиту шляхом рекламування товарів, що стимулює інтерес нових користувачів. Також командою розроблено форми в адмін-панелі для збору відгуків, коментарів і думок користувачів про товари Вашого інтернет-магазину.

Для налаштування інтернет магазину треба перейти до адміністративної панелі та перейти на сторінку "Налаштування" - "Дизайн" 

В розділі “Основні налаштування”, загалом,  Ви можете змінити кольорову гаму вашого сайту, фон сторінок, колір кнопок, кількість товарів на сторінці та ін.:

Детальніше:

  •  “Кількість товарів на сторінці”:

Вкажіть можливу “кількість товарів на сторінці” в адмін панелі:

яка буде виведена на вашому сайті:

  •  “Ширина контенту”

В адмін-панелі встановіть “Ширину контенту”, можна вибрати 100% екрану, або можна обмежити максимально до 1440рх.

Width 1440px:

вивід на сайті при ширині “1440px”:

 

Width 100%:

вивід на сайті при ширині “100%”:

 

  •  “Кількість товарів в рядку”:

В адмін-панелі в блоці “кількість товарів у рядку” можна встановити відповідну кількість виводу товару, де в кожному значенні є підказка, при якій умові буде виведене дане значення, а саме розширення екрану (Десктоп, планшет, мобільна версія):

  • Блоки “Висота маленького зображення” та “Ширина маленького зображення” відповідають за величину картинок продуктів

  •  “Показати/приховати ліву колонку”:

В даному блоці, Ви можете включити/виключити вивід лівої колонки Вашого сайту

  •  “Відступ між товарами”:

В даному блоці можна додати відступ між товарами на сайті

 

  •  “Формат виведення товару”:

  •  “Розтягування картинки товару”:

В розділі “Розтягування картинки товару” у Вас є можливість встановити положення картинки.

 contain - картинка у вихідному розмірі:

cover - картинку буде масштабувати по висоті і ширині блока в якому знаходиться:

 

  •  “Змінювати картинку при наведенні”:

В розділі “Змінювати картинку при наведенні” можете самостійно увімкнути/вимкнути ефект зміни однієї картинки на іншу при наведенні ка блок товару 

вихідне положення:

при наведенні:

  •  “Колір тексту”:

В розділі “Колір тексту” у Вас є можливість змінити колір тексту для всього сайту

  •  “Фон шапки”:

В розділі “Фон шапки” маєте можливість самостійно змінити колір фону шапки Вашого сайту

  •  “Фон підвалу”:

В розділі “Фон підвалу” маєте можливість самостійно змінити колір фону підвалу Вашого сайту

  •  “Колір посилань”:

В розділі “Колір посилань” маєте можливість самостійно змінити колір посилань для Вашого сайту

  •  “Колір кнопок”:

В розділі “Колір кнопок” маєте можливість самостійно змінити фон кнопок для Вашого сайту

  •  “Колір фону”:

В розділі “Колір фону” маєте можливість самостійно змінити колір фону для всього Вашого сайту

  •  “Текст кнопок”:

В розділі “Текст кнопок” маєте можливість самостійно змінити колір тексту для кнопок Вашого сайту

  •  “Сірі елементи”:

В розділі “Сірі елементи” маєте можливість самостійно змінити колір фону деяких елементів Вашого сайту, таких як: фон пошуку; фон категорій в лівій колонці; фон блоку відгуків; бордер блоку товарів при наведенні; кнопка в нижній правій частині сайту, що піднімає контент догори. 

Оновлено: 04/07/2024
icon