feat(project-editor): header layout + sticky option

- HeaderConfig gains sticky (default true) and layout ('default'|'centered')
- header editor exposes layout select + sticky toggle
- runtime header component applies static/centered classes from config

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
sdarbinyan
2026-07-17 15:29:55 +04:00
parent b183410888
commit d8456ecb9f
10 changed files with 82 additions and 3 deletions

View File

@@ -430,6 +430,10 @@ export const en: Translations = {
socialImage: 'Social Share Image',
gallery: 'Gallery',
addGalleryImage: 'Add image',
headerLayout: 'Header Layout',
headerLayoutDefault: 'Default',
headerLayoutCentered: 'Centered',
headerSticky: 'Sticky Header',
marketplaceTitle: 'Marketplace Title',
primaryColor: 'Primary Color',
secondaryColor: 'Secondary Color',
@@ -577,6 +581,8 @@ export const en: Translations = {
faviconDesc: 'Browser tab icon image URL. Should be a small square image.',
socialImageDesc: 'Default image shown when the marketplace is shared on social media (Open Graph).',
galleryDesc: 'Extra brand images available for future use across the storefront.',
headerLayoutDesc: 'How the header content is arranged: default (logo left, nav spread) or centered.',
headerStickyDesc: 'Keep the header pinned to the top of the viewport while scrolling.',
marketplaceTitleDesc: 'The page title used by search engines and browser tabs.',
primaryColorDesc: 'The main brand color, used on primary buttons and highlights. Must be a valid hex color.',
secondaryColorDesc: 'A supporting brand color used for secondary UI elements. Must be a valid hex color.',

View File

@@ -430,6 +430,10 @@ export const hy: Translations = {
socialImage: 'Սոցիալական պատկեր',
gallery: 'Պատկերասրահ',
addGalleryImage: 'Ավելացնել պատկեր',
headerLayout: 'Վերնագրի դասավորություն',
headerLayoutDefault: 'Կանխադրված',
headerLayoutCentered: 'Կենտրոնացված',
headerSticky: 'Կպչուն վերնագիր',
marketplaceTitle: 'Մարքեթփլեյսի վերնագիր',
primaryColor: 'Հիմնական գույն',
secondaryColor: 'Երկրորդական գույն',
@@ -577,6 +581,8 @@ export const hy: Translations = {
faviconDesc: 'Բրաուզերի ներդիրի պատկերակի URL։ Պետք է լինի փոքր քառակուսի պատկեր։',
socialImageDesc: 'Կանխադրված պատկեր, երբ մարքեթփլեյսը կիսվում է սոցիալական ցանցերում (Open Graph)։',
galleryDesc: 'Լրացուցիչ բրենդային պատկերներ ապագա օգտագործման համար։',
headerLayoutDesc: 'Ինչպես է դասավորված վերնագրի պարունակությունը՝ կանխադրված (լոգոն ձախից) կամ կենտրոնացված։',
headerStickyDesc: 'Պահել վերնագիրը էկրանի վերևում էջը էջում ոլորելիս։',
marketplaceTitleDesc: 'Էջի վերնագիրը որոնողական համակարգերի և բրաուզերի ներդիրների համար։',
primaryColorDesc: 'Բրենդի հիմնական գույնը՝ հիմնական կոճակների և ընդգծումների համար։ Պետք է վավեր hex գույն լինի։',
secondaryColorDesc: 'Բրենդի երկրորդական գույնը՝ երկրորդական տարրերի համար։ Պետք է վավեր hex գույն լինի։',

View File

@@ -430,6 +430,10 @@ export const ru: Translations = {
socialImage: 'Изображение для соцсетей',
gallery: 'Галерея',
addGalleryImage: 'Добавить изображение',
headerLayout: 'Расположение шапки',
headerLayoutDefault: 'По умолчанию',
headerLayoutCentered: 'По центру',
headerSticky: 'Липкая шапка',
marketplaceTitle: 'Заголовок маркетплейса',
primaryColor: 'Основной цвет',
secondaryColor: 'Вторичный цвет',
@@ -577,6 +581,8 @@ export const ru: Translations = {
faviconDesc: 'URL иконки вкладки браузера. Должен быть небольшим квадратным изображением.',
socialImageDesc: 'Изображение по умолчанию при публикации маркетплейса в соцсетях (Open Graph).',
galleryDesc: 'Дополнительные брендовые изображения для будущего использования в витрине.',
headerLayoutDesc: 'Как расположен контент шапки: по умолчанию (логотип слева, навигация разнесена) или по центру.',
headerStickyDesc: 'Закреплять шапку вверху экрана при прокрутке.',
marketplaceTitleDesc: 'Заголовок страницы для поисковых систем и вкладок браузера.',
primaryColorDesc: 'Основной цвет бренда для главных кнопок и акцентов. Должен быть корректным hex-цветом.',
secondaryColorDesc: 'Дополнительный цвет бренда для второстепенных элементов. Должен быть корректным hex-цветом.',

View File

@@ -428,6 +428,10 @@ export interface Translations {
socialImage: string;
gallery: string;
addGalleryImage: string;
headerLayout: string;
headerLayoutDefault: string;
headerLayoutCentered: string;
headerSticky: string;
marketplaceTitle: string;
primaryColor: string;
secondaryColor: string;
@@ -575,6 +579,8 @@ export interface Translations {
faviconDesc: string;
socialImageDesc: string;
galleryDesc: string;
headerLayoutDesc: string;
headerStickyDesc: string;
marketplaceTitleDesc: string;
primaryColorDesc: string;
secondaryColorDesc: string;