Наш спонсор · Редизайн на сайт
gpscom.gr, изграден наново от основата.
GPScom продава GPS тракери, телематика за автопаркове и двупосочни радиостанции от Солун от 2001 г. Заменихме стария дизайн на магазина с нов, направен от нулата, и написахме наново каталога, езиците, търсенето, доставките и скоростта отдолу, без да спираме магазина.
На живо на gpscom.gr от октомври 2026 г., на гръцки и английски.
- CS-Cart
- Desktop
- Mobile
- Greek · English
- Light & dark
- продукта със структурирани спецификации в 14 семейства устройства
- 1107
- шаблона на страници, преработени – от началната до плащането
- 83
- изображения от описания, преместени в магазина и превърнати в WebP
- 5736
- държави от ЕС вече с цени на доставка по тегло
- 27
Новият gpscom.gr
Снимки на екрана на работещия магазин днес – на компютър и на телефон.
Начална страница 
Категория с филтри 
Страница на продукт 
Двупосочни радиостанции 
Блог 
Английската версия
Началната на телефон 
Продукт на телефон
Какво се промени
Старият и новият сайт, област по област.
Дизайн
Преди Стандартна тема на CS-Cart с мега меню от трета страна и твърдо зададени връзки във footer-а.
Сега Собствена дизайн система със светла и тъмна тема, нов header, мега меню и менюта във footer-а, които магазинът редактира сам.
Телефони
Преди Компютърни страници, свити да се поберат.
Сега Долна лента с раздели за меню, търсене, количка, профил и контакт, като всяка цел за докосване е поне 44 px.
Страници на продукти
Преди 533 описания под 150 знака и 5032 изображения, вградени от други сайтове.
Сега Нови описания, карти с кратки спецификации, съпоставими спецификации за 1107 продукта и всяко изображение в магазина като WebP.
Търсене
Преди Търсенията не даваха резултати.
Сега Наш собствен подреждащ индекс за търсене, с филтри в страничен панел.
Английски
Преди 750 английски етикета на интерфейса показваха гръцки текст, а гръцките адреси понякога връщаха английски.
Сега Плащане, имейли, статуси на поръчки, формуляри, менюта, филтри и 16 страници със съдържание на английски – по един език на адрес.
Скорост
Преди 391 от 410 изображения на началната страница бяха PNG – 2,5 MB от страница с тегло 3,9 MB, плюс уеб шрифт от 131 KB без гръцки букви.
Сега WebP, предоставян автоматично, адаптивни размери на изображенията, собствен шрифт от 51,5 KB с гръцки букви, Brotli компресия и отложени скриптове от трети страни.
Цени и доставка
Преди Закръгляването можеше да начисли 69,01 € за продукт, показан на 69,00 €, а поръчките за ЕС нямаха цени за доставка.
Сега Цени, съхранявани с ДДС, така че цената на рафта да е тази, която се начислява, и доставка по тегло до всичките 27 държави от ЕС.
Бюлетин
Преди Записванията се запазваха, но никога не се доставяше имейл.
Сега Нов диалог за записване и приветствен имейл, изпращани през пощенския сървър на магазина.
Какво получават купувачите сега
Дизайн, който пасва на марката
Затворен набор от цветове, разстояния и радиуси, използван навсякъде – в светла и тъмна тема, с контраст, повишен според насоките за достъпност.
Бързо намиране на подходящо устройство
Работещо търсене, филтри по предназначение (коли, лодки, домашни любимци, камиони…) и 51 страници с филтри, които Google може да индексира.
Спецификации за сравнение
Батерия, тегло, мрежа и геозона с един поглед при всеки тракер и нормализирани спецификации в целия каталог.
По-ясно плащане
Всяка стъпка от плащането е преработена, с предлагани аксесоари, ясни варианти за доставка и имейли за поръчките в съответния стил.
Гръцки и английски
Целият магазин на двата езика, включително начини на плащане и доставка, статуси, имейли и публикации в блога.
Създаден за телефони
Долна лента с раздели, плъзгащо се меню и оформления, проверени на 320, 390, 768 и 1440 px, без хоризонтално превъртане.
Как го изградихме наново
Нова тема и добавка по поръчка върху съществуващия магазин на CS-Cart, така че поръчките, клиентите и интеграциите да работят непрекъснато.
Нова тема
Тема за CS-Cart по поръчка със собствени дизайн токени, 25 стилови файла и 83 преработени шаблона. Тънък слой за нулиране не позволява базовите стилове на платформата да просмукват в новия дизайн.
- CS-Cart
- LESS
- Smarty
- Design tokens
Добавка по поръчка
Нашата добавка съдържа header-а, footer-а, главния банер и блоковете на началната страница, индекса за търсене, бюлетина и индексируемите страници с филтри, така че магазинът да обновява съдържанието от своя админ панел.
- PHP
- CS-Cart add-on
- JavaScript
Инструменти за каталога
Над 100 скрипта, които проверяват и поправят каталога: спецификации, описания, SEO полета, тагове, тегла, локализиране на изображения и превръщане в WebP – всички могат да се пускат отново.
- PHP
- MySQL
- WebP
Езици и SEO
Преводни файлове, качвани в базата данни и теглени от нея, един език на адрес с hreflang, пренаписан robots.txt и llms.txt, генериран от каталога.
- hreflang
- robots.txt
- llms.txt
Плащане и доставка
Цени с включено ДДС, зони за доставка в ЕС по тегло, проверки на ДДС номера, които връщат юридическото име на фирмата, и описания на плащанията, които назовават поръчката.
- VIES
- Viva Wallet
- UPS zones
Скорост и сигурност
По-бързо, по-безопасно, по-лесно за поддръжка
Работата зад дизайна: изображения, шрифтове, кеширане, заглавки за сигурност и преминаването от тестовото копие към работещия магазин.
- Изображенията се предоставят автоматично като WebP, когато браузърът го поддържа
- Собствен шрифт с гръцки и латински букви вместо уеб шрифт без гръцки букви
- Brotli компресия и правила за кеширане, така че повторните посетители винаги да получават текущия дизайн
- Заглавки за сигурност: HSTS, nosniff, политики за referrer и разрешения, както и заключени лични файлове
- Сменени пароли по подразбиране за cron и платежни данни, които вече не се пазят в поръчките
- Скриптирано и обратимо превключване от тестовото копие към работещия магазин
Проблеми, които решихме по пътя
Редизайнът е и моментът да поправите онова, което посетителите никога не виждат. Числата са измерени на стария сайт.
Нов дизайн върху стара платформа
- Проблемът
- Магазинът работи на CS-Cart, чиито базови стилове покриват мрежата, формулярите и цялото плащане: една страница на продукт ползва 108 от неговите класове. Отказването от тях би означавало да се напише наново магазинът.
- Какво направихме
- Запазихме основата и добавихме слой за нулиране, който неутрализира само правилата, просмукващи се в новия маркъп, ограничени до новите компоненти.
Резултат Напълно нов вид, при който всяка функция, добавка и интеграция на CS-Cart продължава да работи.
Каталог от 1107 продукта
- Проблемът
- Спецификациите бяха в свободен текст, 640 кратки описания бяха просто името на продукта и само 8% от продуктите имаха тагове.
- Какво направихме
- Скриптове извличат и нормализират спецификациите в 14 семейства устройства, пишат кратки описания, SEO полета и тагове и могат да се пускат отново, когато се добавят продукти.
Резултат Съпоставими спецификации и филтри в целия каталог.
Изображения, които принадлежаха на други
- Проблемът
- 5032 от 5736 изображения в описанията се зареждаха от други сайтове, така че можеха да се счупят или забавят по всяко време.
- Какво направихме
- Всяко изображение беше изтеглено в магазина и превърнато в WebP, а прекалено големите бяха смалени 3,6 до 7,7 пъти.
Резултат Всичките 5736 изображения вече се зареждат от самия gpscom.gr.
Правилният език на всеки адрес
- Проблемът
- Платформата налучкваше езика от браузъра, така че гръцки страници можеха да се показват на английски. Това объркваше купувачите и разваляше езиковите сигнали към Google на 1377 страници.
- Какво направихме
- Един език на адрес, възстановени 750 английски етикета и преведени плащане, имейли, статуси и страници.
Резултат Пълен английски магазин редом с гръцкия, с правилен hreflang.
Начисляване точно на показаното
- Проблемът
- Цените се пазеха без ДДС, така че закръгляването можеше да превърне 69,00 € на рафта в 69,01 € при плащането.
- Какво направихме
- Преместихме целия каталог към цени с включено ДДС с фиксирана точност.
Резултат Цената на страницата е цената, която се начислява.
Поправка, която така и не се показа
- Проблемът
- CS-Cart именува компилирания си CSS по имена на файлове, а не по съдържание, така че промяна можеше да остави старата сборка на мястото ѝ. Един клиент след пускането още виждаше „стария сайт“.
- Какво направихме
- Страниците и сборките вече се преверяват при всяко посещение, инструмент принуждава браузърите към текущата сборка и всяка промяна се проверява в предоставения CSS, преди да се счита за готова.
Резултат Всеки посетител вижда текущия дизайн.
Проверено като продукт
- Всяка страница е измерена в браузър без екран: без хоризонтално преливане на 320, 390, 768 и 1440 px
- Цели за докосване поне 44 × 44 px, един h1 на страница и без пропуснати нива на заглавия
- В стиловете на компонентите са позволени само цветовете и разстоянията от дизайн системата
- Скриптове за проверка на съдържанието на продуктите, страниците и маркъпа на описанията, плюс чист дневник на сървърните грешки след всяка промяна
Технологии
- CS-Cart
- PHP
- Smarty
- LESS
- MySQL
- JavaScript
- WebP
- Brotli
- Viva Wallet
- VIES
Искате магазинът ви да бъде изграден наново така?
Преработваме и осъвременяваме онлайн магазини, без да спираме бизнеса: дизайн, каталог, езици, скорост, SEO и плащане.