Despre editorii de cod
Toți comercianții au acces la 12 șabloane de magazin predefinite, deja adaptate pentru diferite dispozitive, dimensiuni de ecran și browsere.
Editorii de cod îți permit să adaugi cod personalizat HTML, JS și CSS pe paginile magazinului.
Este necesară cunoașterea limbajelor de dezvoltare web pentru a lucra cu editorii. Nu recomandăm să adaugi cod găsit pe internet fără să înțelegi bine ce face, deoarece acest lucru poate afecta negativ magazinul tău online.
Unde găsești editorii de cod
Ambii editori se găsesc în Accesare panou administrator → Design → Avansat:
Cum să lucrezi cu editorul JS
Codul inserat va fi adăugat așa cum este pe toate paginile, la finalul blocului <head>.
Asta înseamnă că trebuie să inserezi codul JS în interiorul tag-ului <script>, altfel codul nu va fi recunoscut de browser și nu va funcționa.
Din cauza specificului scripturilor din <head>, dacă codul tău accesează elemente din <body>, acesta trebuie executat după ce DOM-ul a fost încărcat, de exemplu, folosind evenimentul DOMContentLoaded:
<script>
document.addEventListener('DOMContentLoaded', () => {
// script content
});
</script>
Poți folosi și biblioteca jQuery sau poți conecta propriile biblioteci prin editorul JS, plasându-le înaintea codului executabil.
Pentru a insera cod HTML într-o anumită parte a paginii, recomandăm să folosești funcționalitatea Module, în special modulul de tip „Custom HTML”, deoarece este optimizat pentru această sarcină.
Cum să lucrezi cu editorul CSS
Codul inserat va fi adăugat în interiorul tag-ului <style> din <head> pe fiecare pagină, după stilurile standard ale platformei.
Asta înseamnă că trebuie să inserezi cod CSS fără tag-uri HTML.
Dacă stilul tău nu se aplică pe site, acordă atenție priorității selectorului tău în comparație cu selectorul pe care încerci să îl suprascrii.
Pentru non-dezvoltatori
În planul Sellavi Plus, echipa noastră te va ajuta să creezi un design de magazin cu conversie ridicată, adaptat nevoilor afacerii tale, cu expertiza designerilor și dezvoltatorilor noștri. Noi ne ocupăm de tot codul și ne asigurăm că totul funcționează perfect 👌
Pentru mai multe informații, te rugăm să contactezi suportul nostru prin chat.