[Всички проекти](https://88lab.eu/portfolio/) АВТОАКСЕСОАРИ, ДОМ И ГРАДИНА # Praktik Market Голям каталог. Удобен избор. Ясна поръчка. [Посети сайта](https://praktikmarket.bg/) Headless Онлайн магазин API интеграции Автоматизация  Реален проект от портфолиото на 88Lab · Praktik Market 01 / КОНТЕКСТ И ЗАДАЧА ## Голям каталог. Удобен избор. Ясна поръчка. Praktik Market събира продукти за автомобила, дома, градината и къмпинга, както и собствена линия платнища и покривала. Задачата беше да превърнем голям доставен продуктов каталог в подреден магазин с актуални цени и наличности, удобна мобилна покупка и реално изчисляване на доставката. Разработихме самостоятелен интерфейс с индивидуален дизайн, свързан през API с WordPress и WooCommerce за управление на продуктите, съдържанието, клиентите и поръчките. Каталогът, продуктовите страници, количката, профилът и завършването на поръчката следват обща визуална система с ясна типография, меки цветни преливки, илюстративни акценти и плавни анимации. ### Каталог, който се обновява автоматично Свързахме XML продуктов фийд с над 13 000 артикула и ежедневна синхронизация на цените и наличностите. Добавихме функция за ценовите правила, която не натрупва повторно надценка при следващ импорт. Ръчно въведените собствени продукти са отделени от доставчика и се запазват при синхронизацията. ### Подреден избор в голям каталог Изградихме многостепенна навигация по отдели и подкатегории. На десктоп вложените менюта се отварят встрани при hover, а на телефон отделни стрелки разгъват нивата. Търсенето работи по име и продуктов код с подсказки със снимка и цена. Контекстните филтри, ценовият диапазон и изборът между решетка и списък улесняват сравняването, като запазват избраните настройки и позицията при филтриране. ### Собствени продукти с ясен избор на размер Подготвихме собствените платнища и покривала със снимки, описания, размери, характеристики и цени в евро. Изборът на вариант показва конкретната цена преди поръчка. Галерията позволява увеличаване на снимките и остава видима при по-дълго описание на десктоп, а мобилното действие за поръчка е близо до избрания продукт. ### Бърза поръчка и собствен процес на покупка Посетителят може да остави телефон за бърза поръчка или да премине през количка и пълна форма за покупка. Добавихме директно набиране, промяна на количества, запазване на количката, регистрация, вход и клиентски профил. Проверяваме данните и сумите на сървъра, показваме грешките до полетата и защитаваме поръчката от повторно изпращане. Получените поръчки се управляват в администрацията. ### Доставка с Еконт и Спиди с автоматична цена Свързахме магазина с реалните API на Еконт и Спиди за доставка до офис или адрес. Формата предлага населени места, офиси и улици според избрания куриер. След избор на офис или попълване на адрес доставката и общата сума се преизчисляват автоматично. Настроихме наложения платеж и потвържденията по имейл за клиента и магазина. ### Дизайн и съдържание за целия магазин Разработихме адаптивни оформления с плавно променящи се шрифтове и отстояния, последователни SVG икони, цветни подчертавания, декоративни форми, сенки, hover ефекти и Lottie анимации. Каталогът се допълва от полезни статии, въпроси и отговори, информационни страници и собствена 404 страница. Подготвихме метаданни, канонични адреси, споделяне в социални мрежи и XML карта на сайта. ### Пускане на собствен домейн и автоматизация Преместихме магазина от работната среда на praktikmarket.bg с отделна база данни, HTTPS сертификати и пренасочвания от старите адреси. Прехвърлихме графиците за импорт и фоновите задачи без дублиране и добавихме ежедневни резервни копия. Проверихме реалното записване на поръчки, получаването на имейли, куриерските тарифи и поведението на основните страници при различни ширини на екрана. 02 / КАКВО ИЗГРАДИХМЕ ## Детайлите правят цялото - 01 Индивидуален интерфейс с WordPress / WooCommerce администрация през API - 02 Ежедневен XML импорт на над 13 000 продукта, цени и наличности - 03 Ценови правила и отделно управление на собствените продукти - 04 Многостепенни менюта за десктоп, мобилно и клавиатура - 05 Търсене по име и код с продуктови подсказки - 06 Контекстни филтри, ценови диапазон и Grid / List изглед - 07 Варианти по размер с конкретна цена и характеристики - 08 Продуктова галерия с увеличаване и sticky поведение на десктоп - 09 Бърза поръчка с телефон и директно набиране - 10 Собствени количка, чекаут, регистрация и клиентски профил - 11 Еконт и Спиди: офиси, адреси и автоматично изчисляване на доставка - 12 Поръчки и имейл потвърждения, свързани с администрацията - 13 Флуидна типография, SVG икони, Lottie и плавни анимации - 14 Полезни статии, FAQ, информационни страници и собствена 404 страница - 15 SEO метаданни, канонични адреси и XML карта на сайта - 16 Миграция, HTTPS, пренасочвания и ежедневни резервни копия РЕАЛИЗИРАНОТО РЕШЕНИЕ Praktik Market получи магазин, в който големият автоматично обновяван каталог и собствените продукти работят в обща система. Клиентът може да открие подходящ артикул, да избере вариант, да види доставката и да поръча, а екипът управлява съдържанието, клиентите и получените поръчки от едно място. ## Имате подобен проект? [Да поговорим](https://88lab.eu/contact/?service=%D0%9E%D0%BD%D0%BB%D0%B0%D0%B9%D0%BD%20%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD%D0%B8) СЛЕДВАЩ ПРОЕКТ [## American Popcorn](https://88lab.eu/klienti/popcornbg-com/)