feat(builder): visual footer builder with drag-and-drop columns
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> P0 user feedback: footer static pages were comma-separated text; no way to add extra phones/emails for different countries. - New FooterColumnConfig/FooterLinkConfig model (footer-config.model.ts): columns of links, each link pointing at an existing static page (resolved by key, so it survives route renames) or a custom URL - Footer Builder UI: add/remove columns and links, per-link toggle between 'existing page' (dropdown of real static pages) and 'custom URL', drag-and-drop reordering of both columns and links via @angular/cdk/drag-drop (same primitive already used by the homepage section builder) - Wired FooterResolverService (the service the real storefront footer actually renders through) to read footer.columns as the primary source when present - without this the builder would have saved data nobody ever displayed. Falls back to the existing legacy static-page auto-grouping when no columns are configured, so existing sites are unaffected - CompanyContactConfig gains additionalPhones/additionalEmails (primary phone/email field unchanged) with add/remove UI for country-specific support lines - Old comma-separated staticPageKeys input removed from the UI; field kept on the model as deprecated/read-compat only - New builder.* i18n keys (en/ru/hy); fixed an accidental duplicate-key collision with pre-existing navigation-section addLink/removeLink keys during the rename pass - Verified in browser: added column, added link, switched link source page->custom, added phone number - all reactive and error-free
This commit is contained in:
@@ -634,6 +634,24 @@ export const en: Translations = {
|
||||
iconAltLabelDesc: 'Alt text describing the payment icon for accessibility.',
|
||||
socialLinkUrlDesc: 'Full URL to the social media profile, must start with http:// or https://.',
|
||||
staticPagesFieldDesc: 'Static pages (about, terms, privacy, etc.) linked from the footer.',
|
||||
additionalPhones: 'Extra phone numbers',
|
||||
additionalPhonesDesc: 'Add more numbers if you support customers in different countries.',
|
||||
addPhone: 'Add phone number',
|
||||
removePhone: 'Remove phone number',
|
||||
additionalEmails: 'Extra email addresses',
|
||||
additionalEmailsDesc: 'Add more addresses for different regions or departments.',
|
||||
addEmail: 'Add email address',
|
||||
removeEmail: 'Remove email address',
|
||||
footerColumns: 'Footer columns',
|
||||
footerColumnsDesc: 'Group links into columns, like a real footer. Drag columns and links to reorder them.',
|
||||
footerColumnTitlePlaceholder: 'Column title, e.g. Company',
|
||||
footerLinkLabelPlaceholder: 'Link text',
|
||||
footerLinkExistingPage: 'Existing page',
|
||||
footerLinkCustomUrl: 'Custom URL',
|
||||
addColumn: 'Add column',
|
||||
removeColumn: 'Remove column',
|
||||
addColumnLink: 'Add link',
|
||||
removeColumnLink: 'Remove link',
|
||||
sectionVisibleDesc: 'Whether this homepage section is shown to shoppers.',
|
||||
layoutStrategyLabel: 'Layout strategy',
|
||||
layoutStrategyDesc: 'How widgets inside this section are arranged.',
|
||||
|
||||
@@ -634,6 +634,24 @@ export const hy: Translations = {
|
||||
iconAltLabelDesc: 'Վճարային icon-ի այլընտրանքային տեքստ՝ մատչելիության համար։',
|
||||
socialLinkUrlDesc: 'Սոցիալական պրոֆիլի ամբողջական URL, պետք է սկսվի http:// կամ https://-ով։',
|
||||
staticPagesFieldDesc: 'Ստատիկ էջեր (մեր մասին, պայմաններ, գաղտնիության քաղաքականություն և այլն), որոնց հղում է անում footer-ը։',
|
||||
additionalPhones: 'Լրացուցիչ հեռախոսահամարներ',
|
||||
additionalPhonesDesc: 'Ավելացրեք համարներ, եթե սպասարկում եք հաճախորդների տարբեր երկրներում։',
|
||||
addPhone: 'Ավելացնել համար',
|
||||
removePhone: 'Հեռացնել համարը',
|
||||
additionalEmails: 'Լրացուցիչ էլ. փոստի հասցեներ',
|
||||
additionalEmailsDesc: 'Ավելացրեք հասցեներ տարբեր տարածաշրջանների կամ բաժինների համար։',
|
||||
addEmail: 'Ավելացնել էլ. փոստ',
|
||||
removeEmail: 'Հեռացնել էլ. փոստը',
|
||||
footerColumns: 'Ստորատակի սյունակներ',
|
||||
footerColumnsDesc: 'Խմբավորեք հղումները սյունակների մեջ, ինչպես իրական ստորատակում։ Քաշեք սյունակներն ու հղումները՝ կարգը փոխելու համար։',
|
||||
footerColumnTitlePlaceholder: 'Սյունակի վերնագիր, օր.՝ Ընկերություն',
|
||||
footerLinkLabelPlaceholder: 'Հղման տեքստ',
|
||||
footerLinkExistingPage: 'Առկա էջ',
|
||||
footerLinkCustomUrl: 'Սեփական URL',
|
||||
addColumn: 'Ավելացնել սյունակ',
|
||||
removeColumn: 'Հեռացնել սյունակը',
|
||||
addColumnLink: 'Ավելացնել հղում',
|
||||
removeColumnLink: 'Հեռացնել հղումը',
|
||||
sectionVisibleDesc: 'Արդյո՞ք գլխավոր էջի այս սեկցիան ցուցադրվում է գնորդներին։',
|
||||
layoutStrategyLabel: 'Դասավորության ռազմավարություն',
|
||||
layoutStrategyDesc: 'Ինչպես են դասավորվում վիջեթները այս սեկցիայի ներսում։',
|
||||
|
||||
@@ -634,6 +634,24 @@ export const ru: Translations = {
|
||||
iconAltLabelDesc: 'Альтернативный текст для иконки оплаты (для доступности).',
|
||||
socialLinkUrlDesc: 'Полный URL профиля в соцсети, должен начинаться с http:// или https://.',
|
||||
staticPagesFieldDesc: 'Статические страницы (о компании, условия, политика и т.д.), на которые ссылается футер.',
|
||||
additionalPhones: 'Дополнительные номера телефонов',
|
||||
additionalPhonesDesc: 'Добавьте номера, если поддерживаете клиентов в разных странах.',
|
||||
addPhone: 'Добавить номер',
|
||||
removePhone: 'Удалить номер',
|
||||
additionalEmails: 'Дополнительные адреса email',
|
||||
additionalEmailsDesc: 'Добавьте адреса для разных регионов или отделов.',
|
||||
addEmail: 'Добавить email',
|
||||
removeEmail: 'Удалить email',
|
||||
footerColumns: 'Колонки подвала',
|
||||
footerColumnsDesc: 'Группируйте ссылки по колонкам, как в настоящем подвале сайта. Перетаскивайте колонки и ссылки, чтобы изменить порядок.',
|
||||
footerColumnTitlePlaceholder: 'Название колонки, напр. Компания',
|
||||
footerLinkLabelPlaceholder: 'Текст ссылки',
|
||||
footerLinkExistingPage: 'Существующая страница',
|
||||
footerLinkCustomUrl: 'Свой URL',
|
||||
addColumn: 'Добавить колонку',
|
||||
removeColumn: 'Удалить колонку',
|
||||
addColumnLink: 'Добавить ссылку',
|
||||
removeColumnLink: 'Удалить ссылку',
|
||||
sectionVisibleDesc: 'Показывать ли эту секцию главной страницы покупателям.',
|
||||
layoutStrategyLabel: 'Стратегия раскладки',
|
||||
layoutStrategyDesc: 'Как располагаются виджеты внутри этой секции.',
|
||||
|
||||
@@ -632,6 +632,24 @@ export interface Translations {
|
||||
iconAltLabelDesc: string;
|
||||
socialLinkUrlDesc: string;
|
||||
staticPagesFieldDesc: string;
|
||||
additionalPhones: string;
|
||||
additionalPhonesDesc: string;
|
||||
addPhone: string;
|
||||
removePhone: string;
|
||||
additionalEmails: string;
|
||||
additionalEmailsDesc: string;
|
||||
addEmail: string;
|
||||
removeEmail: string;
|
||||
footerColumns: string;
|
||||
footerColumnsDesc: string;
|
||||
footerColumnTitlePlaceholder: string;
|
||||
footerLinkLabelPlaceholder: string;
|
||||
footerLinkExistingPage: string;
|
||||
footerLinkCustomUrl: string;
|
||||
addColumn: string;
|
||||
removeColumn: string;
|
||||
addColumnLink: string;
|
||||
removeColumnLink: string;
|
||||
sectionVisibleDesc: string;
|
||||
layoutStrategyLabel: string;
|
||||
layoutStrategyDesc: string;
|
||||
|
||||
Reference in New Issue
Block a user