Презаписване на уебсайт (Website Overwrites)

Една от най-мощните функции на WiXO е възможността за презаписване на стилове и скриптове (Website Overwrites). Тя позволява на вашия сайт да изглежда и да се усеща като 100% нативно мобилно приложение, без да променяте нищо по кода на основния си уебсайт за обикновени браузъри!

---

Екран за уеб презаписвания

---

1. Защо е необходимо да скрием елементи?

Когато сайтът ви се зареди в браузър на компютър или телефон, той съдържа:

• Главен хедър с лого и хамбургер меню (което дублира нативната долна лента на WiXO).
• Футър с дълги списъци от линкове, авторски права и банери.
• Банери за бисквитки (Cookies), чат бутони или промоционални изскачащи прозорци (Popups).

Чрез CSS презаписванията в WiXO можете да скриете тези елементи само и единствено за потребителите на мобилното приложение!

---

2. Практически пример: Готов CSS код

Ето пример за стандартен CSS код, който можете да поставите в полето CSS презаписвания:

/* 1. Скриване на горния хедър и мобилното меню на сайта */
header.site-header,
.main-header,
.mobile-header,
.mobile-nav-toggle {
    display: none !important;
}

/* 2. Скриване на футъра и авторските права */
footer.site-footer,
.footer-widgets,
.copyright-bar {
    display: none !important;
}

/* 3. Скриване на банери за бисквитки (приложението управлява съгласието) */
#cookie-notice,
.cookie-banner,
.cc-window {
    display: none !important;
}

/* 4. Премахване на излишни празни пространства отгоре */
body {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

aside.tip

Ако не знаете точните CSS класове на вашия хедър или футър, отворете сайта си на компютър, натиснете десен бутон върху елемента и изберете Inspect (Провери елемента), или се свържете с нашия екип по поддръжка за съдействие.

---

3. JavaScript презаписвания

В полето JavaScript презаписвания можете да добавите скриптове, които се изпълняват при зареждане на всяка страница в приложението:

• Скриване на определени pop-up форми след клик.
• Интегриране на аналитични събития.
• Автоматично пренасочване или взаимодействие с елементи от магазина.

---

Как се запазват промените?

1. Поставете вашите CSS или JavaScript правила в съответните редактори.
2. Натиснете бутона Запази CSS (или натиснете Ctrl + S).
3. Новите стилове веднага се прилагат при следващото отваряне на страница в мобилното приложение.