Съдържание
Съдържание
За редакторите на кодове
Къде се намират редакторите?
Как се работи с JS Editor?
Пример за поставен код
Как да работиш с CSS редактор?
Пример за поставен код
За редакторите на кодове
Всички клиенти имат достъп до 11 готови шаблона за дизайн на магазини, които вече са конфигурирани да работят правилно на различни устройства, размери на екрана и браузъри. Промяната на шаблона става в Управление на магазина -> Дизайн.
Допълнителна персонализация на избрания шаблон се извършва на същата страница чрез избиране на опции за дизайн.
Редакторите на код ти позволяват да правиш специфични промени във външния вид и елементите на сайта чрез добавяне на JS, HTML и CSS код.
За да работиш с редактори, се изисква познаване на езиците за уеб разработка: JavaScript, HTML и CSS. Не ти препоръчваме да добавяш код, намерен в интернет, тъй като това може да навреди на твоя сайт.
Къде се намират редакторите?
И двата редактора се намират в Управление на магазина -> Дизайн.
CSS Редактор
JS Редактор
Как се работи с JS Редактор
Целият код, добавен към редактора, ще бъде добавен към всички страници на сайта в края на блока <head> във формата, в която си посочил в редактора. Тоест JS кодът трябва да бъде посочен в HTML <script> тага, в противен случай той няма да бъде разпознат от браузъра и няма да работи.
Поради естеството на <head> скриптовете, ако твоя код има достъп до <body> елементи, той трябва да бъде задействан след зареждане на DOM например чрез DOMContentLoaded:
document.addEventListener('DOMContentLoaded', () => {
// съдържание на скрипта
});Може също да използваш библиотеката jQuery или да свържеш свои собствени библиотеки чрез JS Редактор, като ги поставиш преди изпълнимия код.
За да вмъкнеш HTML код в конкретна област на страницата, използвай също JS събития, след като съдържанието на страницата се зареди.
Как се работи с CSS Редактор
Целият код, добавен към редактора, се добавя автоматично към тага <style> в <head> на всяка страница след всички стандартни стилове. Тоест в самия редактор трябва да посочиш кода на желания стил без HTML тагове.
Ако стилът не се прилага на сайта, обърнете внимание на приоритета на селектор със селектора, който се опитваш да презапишеш.
Ако нямаш специалист
С абонаментния план Sellavi Plus ние създаваме за теб индивидуален дизайн по твоя заявка с помощта на професионален дизайнер и разработчик, като част от плана, нашите специалисти ще разработят кода и ще го свържат с твоя уебсайт.
За съвети относно абонаментния план, моля, свържи се с чата за поддръжка на платформата.