Меню Затваряне

Style Guide / Demo

1. Бутони (Buttons)

Стандартен розов бутон:

ПОРЪЧАЙ СЕГА

Бутон за количка/плащане:

2. Таблица с размери (Size Table)

РазмерШирина (см)Дължина (см)
S4870
M5172

3. Полета за Форми (Contact Form Style)

Пример за текстово поле (Input):

Пример за голямо текстово поле (Textarea):

Бутон за изпращане:

4. Специфични заглавия и акценти

Заглавие на Секция (Widget Title)

Това заглавие ползва стила от основната тема за страничните ленти и секции.

Текст в стил „Footer Info“ (по-дребен и сив).

5. Продуктов Grid и Навигация (Pagination)

Провери дали активната страница (1) има твоя цвят за акцент.

6. Инфо лента (Top Bar / Header Info)

📞 08777 422 30 | Пн – Пт: 10:00 – 18:00 ч.

Тук проверяваме дали иконите и разстоянията се спазват според Customify файла.

7. Контейнери и Подравняване (Structural Classes)

Клас .site-main: Това е основният ти „контейнер“. Виж дали има правилни странични отстояния (padding).

8. Социални икони и Футър елементи

9. Типография – Акценти

Букви с „Drop Cap“ (голяма начална буква), ако темата го поддържа.

„Цитат или важно съобщение, което ползва стила на темата.“

— Studio Dariya

10. Продуктови етикети (Badges)

РАЗПРОДАЖБА!

Виж дали цветът на този етикет съвпада с твоето червено.

11. Breadcrumbs (Навигационна пътека)

Провери шрифта и разстоянието над заглавието.

12. Полета за търсене (Search Bar)

Стилът на бутона „Търси“ идва директно от Customify.

13. Съобщения и Известия (WooCommerce Notices)

14. Празни състояния (Empty States)

Вашата количка в момента е празна.

ОБРАТНО КЪМ МАГАЗИНА

15. Мета данни и Количество (Product Meta)

Артикулен номер (SKU): 12345
Категория: Тениски

Тук проверяваме дали шрифтовете са малки и дискретни, както е зададено в темата.

16. Избор на варианти (Variation Swatches)

Проверяваме подравняването на текста вляво и разстоянието до избора.

17. Главно Меню и Активни връзки (Main Navigation)

Тук проверяваме цвета на активния елемент и разстоянието между линковете от Customify.

18. Списъци с булети (Styled Lists)

  • Първо предимство на Studio Dariya
  • Второ предимство с персонализация
  • Бърза доставка за 13-те градини [cite: 2026-02-26]

Проверяваме дали темата добавя специфични иконки или точки пред текста.

19. Табове с информация (Product Tabs)

Стилът на тези табове е важен за подредбата на описанието на продуктите.

20. Филтри за продукти (Product Filters)

Провери как са подравнени цифрите в скобите и дали имат специфичен цвят от Customify.

21. Текстови джаджи в Sidebar (Widget Text)

Това е пример за текст в страничната лента. Провери разстоянието между редовете и големината на шрифта.

22. Списък с категории (Product Categories Grid)

Виж дали точките (bullets) са премахнати и как е подреден списъкът.

23. Социални мрежи (Studio Dariya Style)

Тези икони трябва да са кръгли, 60px големи и да сменят цвета си плавно при посочване (син за FB, розов за IG).

24. Долно лого и Центриране (Footer Bottom)

Този клас автоматично центрира съдържанието и добавя фина линия отгоре.

25. Авторско право и Правна информация (Copyright)

Провери подравняването и шрифта, които идват от структурата на Customify.

26. Hero Анимация (Текст + Изображение)

Твоят дизайн,
нашата страст!

Персонализирани продукти за теб и твоите любими хора.

РАЗГЛЕДАЙ
T-shirts

Клас hero-text-side управлява текста, а hero-tshirts-image добавя анимацията на тениските.

27. Акцентиран текст (Drop Cap & Highlights)

Твоето заглавно изречение тук. Първата буква ще е голяма и стилизирана спрямо темата.

Подчертан важен текст – използваме розовия цвят от палитрата ти.

28. Стилизирани разделители (Separators)


Този клас прави разделителя на точки, вместо на линия. Провери дали са центрирани и с правилния цвят.

29. Тъмен режим (Dark Mode Support)

Примерен текст в Dark Mode. Темата ти има поддръжка за бели текстове върху тъмен фон за определени секции.

Линк в тъмен режим

30. Количка в Хедъра (Mini Cart Style)

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

31. Продуктови галерии (Image Hover & Zoom)

Темата ти има специфичен код за позицията на иконата за лупа върху продукта.

32. Информация за доставка и плащане (Checkout Notices)

Изчисли доставка
  • Наложен платеж – Плащане при получаване.

Проверяваме шрифтовете в страницата за плащане, за да са чисти и лесни за четене.

33. Цени и Промоции (Product Prices)

25.00 лв.

Провери дали червеният цвят на новата цена съвпада с бранда ти.

34. Наличност на продукта (Stock Status)

✔ В наличност (Готово за изпращане)

✘ Изчерпано количество

Стиловете за наличност идват от основната тема и трябва да са ясни и четливи.

35. Поле за Купон (Coupon Code Section)

Бутонът за купона ползва стандартния стил на бутоните от Customify.

36. Текстово описание под продукт (Short Description)

Кратко и грабващо описание на тениската, което се появява до снимката. Тук шрифтът е леко омекотен.

Твоят Дизайн,
Твоят Стил

Уникални тениски и аксесоари от Studio Dariya. Качество, което носиш с усмивка.

Custom T-shirts

Нашите Топ Модели

Тези дизайни станаха любими на стотици клиенти.

SALE!

Персонализирана тениска „Dariya“

35.00 лв. 28.00 лв.

ДОБАВИ В КОЛИЧКАТА

Тениска „Super Mom“

32.00 лв.

ДОБАВИ В КОЛИЧКАТА

Повече от просто тениска

  • Висококачествен памук – за комфорт през целия ден.
  • 🎨 Устойчив печат – цветовете остават ярки след всяко пране.
  • 🚚 Бърза изработка – изпращаме в рамките на 48 часа.
  • 💖 Лично отношение – всеки продукт се прави с внимание към детайла.

Стани част от нашето семейство

Споделяй своите моменти със #StudioDariya в социалните мрежи.

Кръглите икони ползват твоя оригинален hover ефект.

Имаш въпрос за дизайн?

Пиши ни и нашият екип ще ти отговори възможно най-бързо.

📞 08777 422 30 📧 office@studiodariya.com

Абонирай се за нови модели и промоции.

37. Отзиви от клиенти (Product Reviews)

⭐⭐⭐⭐⭐

Иван Петров – 15 февруари, 2026

Страхотно качество на тениската! Печатът е много плътен и цветовете са точно като на снимката.

38. Страница с резултати (Search Layout)

Резултати за: „Супер Мама“

39. Лепкаво меню (Sticky Header Tweaks)

Примерно лого (намален размер)

Тук се проверява дали логото се свива автоматично при скролване.

40. Моят Профил (My Account Layout)

Проверяваме дали активният таб се подчертава с твоето червено.

41. Бутон „Нагоре“ (Back to Top)

Този бутон ползва анимацията от Customify при появяване.

42. Чекбокс за Общи Условия (Checkout Checkbox)

Стилът тук е важен за мобилните конверсии – да е лесно за кликане.