<div class="font-sans text-gray-800 leading-relaxed antialiased max-w-5xl mx-auto py-8 px-4">
<!-- Hero Section -->
<div class="mb-16 text-center bg-blue-50 py-12 rounded-2xl border border-blue-200 shadow-sm px-6">
<h1 class="text-3xl md:text-5xl font-extrabold text-slate-900 mb-6 leading-tight">
Premeňte svoj zoznam zákazníkov na mini-CRM.
<br />
<span class="text-blue-700">
Customer Grid Pro
</span>
</h1>
<p class="text-xl text-slate-600 max-w-3xl mx-auto px-4">
V predvolenej tabuľke zákazníkov PrestaShop chýbajú dôležité informácie, ako sú telefónne čísla, celkový počet objednávok a adresy.
Tento modul vám umožňuje
<strong>
pridať výkonné polia CRM, skryť zbytočné stĺpce a všetko preusporiadať
</strong>
pomocou jednoduchého rozhrania drag-and-drop.
</p>
<div class="mt-8 flex flex-wrap justify-center gap-4">
<span class="inline-flex items-center px-4 py-2 rounded-full bg-blue-100 text-blue-700 font-semibold text-sm border border-blue-200">
<div class="w-4 h-4 mr-2 shrink-0">
<span class="hidden">
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="w-4 h-4" viewbox="0 0 20 20">
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
clip-rule="evenodd">
</path>
</svg>
</div>
Viac ako 10 nových CRM stĺpcov
</span>
<span class="inline-flex items-center px-4 py-2 rounded-full bg-green-100 text-green-800 font-semibold text-sm border border-green-200">
<div class="w-4 h-4 mr-2 shrink-0">
<span class="hidden">
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="w-4 h-4" viewbox="0 0 20 20">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
clip-rule="evenodd">
</path>
</svg>
</div>
Preusporiadanie potiahnutím a pustením
</span>
<span class="inline-flex items-center px-4 py-2 rounded-full bg-orange-100 text-orange-800 font-semibold text-sm border border-orange-200">
<div class="w-4 h-4 mr-2 shrink-0">
<span class="hidden">
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z">
</path>
</svg>
</div>
Žiadne prepisovanie jadra (Core Overrides)
</span>
</div>
</div>
<!-- Real talk -->
<div class="mb-16">
<h2 class="text-3xl font-bold text-slate-800 mb-8 text-center">
Prečo je predvolená mriežka zákazníkov obmedzujúca
</h2>
<div class="grid md:grid-cols-2 gap-12 items-start">
<div class="text-lg text-slate-600 leading-relaxed">
<p class="mb-6">
Keď v PrestaShope otvoríte kartu "Zákazníci", chcete vidieť, kto sú vaši najlepší kupujúci, odkiaľ sú a ako ich kontaktovať. Namiesto toho získate pevnú tabuľku, ktorá vás núti klikať na jednotlivé profily len preto, aby ste našli telefónne číslo alebo zistili, koľko objednávok zadali.
</p>
<p class="mb-6">
<strong>
Customer Grid Pro
</strong>
to rieši vytiahnutím najdôležitejších údajov priamo do hlavného zoznamu. Potrebujete zavolať zákazníkovi? Telefónne číslo je hneď tam. Chcete vidieť, kto už dlhšie neobjednával? Zoraďte podľa stĺpca "Dátum poslednej objednávky".
</p>
<p>
Navyše vám umožňuje urobiť si poriadok. Ak nikdy nepoužívate stĺpce "Oslovenie" alebo "Ponuky partnerov", jednoducho ich skryte. Potom potiahnite a pustite zostávajúce stĺpce do presného poradia, ktoré vyhovuje vášmu každodennému pracovnému postupu.
</p>
</div>
<div class="bg-white p-8 rounded-2xl shadow-md border border-slate-100">
<h3 class="text-lg font-bold text-slate-800 mb-4 border-b pb-2">
Okamžité výhody
</h3>
<ul class="space-y-5">
<li class="flex items-start">
<div class="text-indigo-500 mr-3 shrink-0 mt-0.5">
<span class="hidden">
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewbox="0 0 24 24" stroke-width="2" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5">
</path>
</svg>
</div>
<span class="text-slate-600">
<strong class="text-slate-800">
Ušetrite čas pri zákazníckom servise:
</strong>
<br />
Zobrazte si telefónne čísla, mestá a interné poznámky bez toho, aby ste museli otvárať každý profil zákazníka.
</span>
</li>
<li class="flex items-start">
<div class="text-indigo-500 mr-3 shrink-0 mt-0.5">
<span class="hidden">
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewbox="0 0 24 24" stroke-width="2" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5">
</path>
</svg>
</div>
<span class="text-slate-600">
<strong class="text-slate-800">
Okamžite identifikujte najlepších kupujúcich:
</strong>
<br />
Zobrazte si celkový počet platných objednávok a dátum ich posledného nákupu priamo v mriežke.
</span>
</li>
<li class="flex items-start">
<div class="text-indigo-500 mr-3 shrink-0 mt-0.5">
<span class="hidden">
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewbox="0 0 24 24" stroke-width="2" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5">
</path>
</svg>
</div>
<span class="text-slate-600">
<strong class="text-slate-800">
Čistejší pracovný priestor:
</strong>
<br />
Skryte stĺpce, ktoré nepotrebujete (napríklad "Newsletter" alebo "Súhlas"), aby ste uvoľnili miesto pre údaje, na ktorých pre vašu firmu skutočne záleží.
</span>
</li>
</ul>
</div>
</div>
</div>
<!-- Core features grid -->
<h2 class="text-3xl font-bold text-slate-900 mb-8 border-l-4 border-blue-500 pl-4">
Základné funkcie
</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-16">
<div class="bg-white p-6 rounded-xl shadow-sm border border-slate-200 hover:shadow-md transition-shadow">
<div class="w-12 h-12 bg-blue-100 text-blue-600 rounded-lg flex items-center justify-center mb-5 shrink-0">
<span class="hidden">
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15">
</path>
</svg>
</div>
<h3 class="text-xl font-bold mb-3 text-slate-900">
Pridať CRM stĺpce
</h3>
<p class="text-slate-600 text-sm leading-relaxed">
Povoľte viac ako 10 nových dátových stĺpcov. Modul inteligentne čerpá údaje z najnovšej adresy zákazníka (telefón, mesto, krajina) a za behu počíta štatistiky objednávok (celkový počet objednávok, dátum poslednej objednávky).
</p>
</div>
<div class="bg-white p-6 rounded-xl shadow-sm border border-slate-200 hover:shadow-md transition-shadow">
<div class="w-12 h-12 bg-emerald-100 text-emerald-600 rounded-lg flex items-center justify-center mb-5 shrink-0">
<span class="hidden">
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25H12">
</path>
</svg>
</div>
<h3 class="text-xl font-bold mb-3 text-slate-900">
Poradie Drag & Drop
</h3>
<p class="text-slate-600 text-sm leading-relaxed">
Nepáči sa vám, kde je stĺpec "E-mail"? Chcete stĺpec "Telefón" hneď vedľa mena zákazníka? Stačí potiahnuť a pustiť stĺpce v konfigurácii modulu a nastaviť si dokonalé rozloženie.
</p>
</div>
<div class="bg-white p-6 rounded-xl shadow-sm border border-slate-200 hover:shadow-md transition-shadow">
<div class="w-12 h-12 bg-purple-100 text-purple-600 rounded-lg flex items-center justify-center mb-5 shrink-0">
<span class="hidden">
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88">
</path>
</svg>
</div>
<h3 class="text-xl font-bold mb-3 text-slate-900">
Skryť zbytočné údaje
</h3>
<p class="text-slate-600 text-sm leading-relaxed">
Vypnite ktorýkoľvek z predvolených stĺpcov PrestaShopu jediným kliknutím. Keď skryjete stĺpec, modul odstráni aj jeho filter vyhľadávania, čím udrží váš back office čistý a rýchly.
</p>
</div>
</div>
<!-- New Columns Section -->
<div class="mb-16">
<h2 class="text-3xl font-bold text-slate-900 mb-6 border-l-4 border-blue-500 pl-4">
Dostupné nové stĺpce CRM
</h2>
<p class="text-lg text-slate-600 mb-8">
Tieto polia je možné povoliť a pridať do vašej mriežky zákazníkov. Dynamicky získavajú údaje z adries, objednávok a interných poznámok.
</p>
<div class="bg-white rounded-2xl shadow-sm border border-slate-200 overflow-hidden">
<div class="overflow-x-auto">
<table class="table-auto w-full text-left border-collapse">
<thead>
<tr>
<th class="bg-slate-50 border-b-2 border-slate-200 py-4 px-6 text-slate-800 font-bold w-1/3">
Názov stĺpca
</th>
<th class="bg-slate-50 border-b-2 border-slate-200 py-4 px-6 text-slate-800 font-bold">
Čo zobrazuje
</th>
</tr>
</thead>
<tbody class="text-sm">
<tr class="hover:bg-slate-50 transition-colors">
<td class="border-b border-slate-100 py-4 px-6 font-semibold text-slate-800 flex items-center">
<div class="w-6 h-6 text-blue-500 mr-3 shrink-0">
<span class="hidden">
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-2.896-1.596-5.48-4.18-7.076-7.076l1.293-.97c.362-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z">
</path>
</svg>
</div>
Telefón (najnovšia adresa)
</td>
<td class="border-b border-slate-100 py-4 px-6 text-slate-600">
Zobrazuje telefónne číslo z naposledy vytvorenej aktívnej adresy zákazníka. Uprednostňuje mobilné číslo, potom sa vráti k pevnej linke.
</td>
</tr>
<tr class="hover:bg-slate-50 transition-colors">
<td class="border-b border-slate-100 py-4 px-6 font-semibold text-slate-800 flex items-center">
<div class="w-6 h-6 text-emerald-500 mr-3 shrink-0">
<span class="hidden">
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5V6a3.75 3.75 0 10-7.5 0v4.5m11.356-1.993l1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 01-1.12-1.243l1.264-12A1.125 1.125 0 015.513 7.5h12.974c.576 0 1.059.435 1.119 1.007zM8.625 10.5a.375.375 0 11-.75 0 .375.375 0 01.75 0zm7.5 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z">
</path>
</svg>
</div>
Štatistiky objednávok (počet a dátum)
</td>
<td class="border-b border-slate-100 py-4 px-6 text-slate-600">
<ul class="list-disc list-inside space-y-1 ml-2">
<li>
<strong>
Platné objednávky (počet):
</strong>
Koľko úspešných objednávok zákazník zadal.
</li>
<li>
<strong>
Dátum poslednej objednávky:
</strong>
Presný dátum ich posledného platného nákupu.
</li>
</ul>
</td>
</tr>
<tr class="hover:bg-slate-50 transition-colors">
<td class="border-b border-slate-100 py-4 px-6 font-semibold text-slate-800 flex items-center">
<div class="w-6 h-6 text-purple-500 mr-3 shrink-0">
<span class="hidden">
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 11-6 0 3 3 0 016 0z">
</path>
<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z">
</path>
</svg>
</div>
Poloha (Mesto, PSČ, Krajina)
</td>
<td class="border-b border-slate-100 py-4 px-6 text-slate-600">
Povoľuje tri samostatné stĺpce:
<strong>
Mesto
</strong>
,
<strong>
PSČ
</strong>
, a
<strong>
Krajina
</strong>
. Všetky údaje sa dynamicky získavajú z najnovšej aktívnej adresy zákazníka.
</td>
</tr>
<tr class="hover:bg-slate-50 transition-colors">
<td class="border-b border-slate-100 py-4 px-6 font-semibold text-slate-800 flex items-center">
<div class="w-6 h-6 text-orange-500 mr-3 shrink-0">
<span class="hidden">
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z">
</path>
</svg>
</div>
Interná poznámka a údaje profilu
</td>
<td class="border-b border-slate-100 py-4 px-6 text-slate-600">
<ul class="list-disc list-inside space-y-1 ml-2">
<li>
<strong>
Interná poznámka:
</strong>
Zobrazuje prvých 200 znakov súkromnej poznámky, ktorú ste zanechali v profile zákazníka.
</li>
<li>
<strong>
Typ účtu:
</strong>
Rýchlo zistite, či je používateľ "Hosť" alebo "Registrovaný".
</li>
<li>
<strong>
Narodeniny a webové stránky:
</strong>
Zobrazuje dátum narodenia zákazníka a webovú adresu URL, ak sú uvedené.
</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- Default Columns Section -->
<div class="mb-16">
<h2 class="text-3xl font-bold text-slate-900 mb-6 border-l-4 border-blue-500 pl-4">
Základné stĺpce, ktoré môžete skryť
</h2>
<p class="text-lg text-slate-600 mb-8">
Vyčistite si pracovný priestor. Ktorýkoľvek z týchto predvolených stĺpcov PrestaShopu môžete zakázať. Skrytím stĺpca sa odstráni aj jeho filter vyhľadávania, aby bolo rozhranie prehľadné.
</p>
<div class="bg-white rounded-2xl shadow-sm border border-slate-200 overflow-hidden">
<div class="overflow-x-auto">
<table class="table-auto w-full text-left border-collapse">
<thead>
<tr>
<th class="bg-slate-50 border-b-2 border-slate-200 py-4 px-6 text-slate-800 font-bold w-1/4">
Stĺpec
</th>
<th class="bg-slate-50 border-b-2 border-slate-200 py-4 px-6 text-slate-800 font-bold">
Popis
</th>
</tr>
</thead>
<tbody class="text-sm">
<tr class="hover:bg-slate-50 transition-colors">
<td class="border-b border-slate-100 py-3 px-6 font-semibold text-slate-700">
ID / Oslovenie
</td>
<td class="border-b border-slate-100 py-3 px-6 text-slate-600">
Interné ID zákazníka a jeho oslovenie (Pán/Pani).
</td>
</tr>
<tr class="hover:bg-slate-50 transition-colors">
<td class="border-b border-slate-100 py-3 px-6 font-semibold text-slate-700">
Meno / Priezvisko
</td>
<td class="border-b border-slate-100 py-3 px-6 text-slate-600">
Meno zákazníka (zvyčajne zostáva viditeľné, ale môže byť skryté).
</td>
</tr>
<tr class="hover:bg-slate-50 transition-colors">
<td class="border-b border-slate-100 py-3 px-6 font-semibold text-slate-700">
E-mail / Spoločnosť
</td>
<td class="border-b border-slate-100 py-3 px-6 text-slate-600">
E-mailová adresa a názov spoločnosti.
</td>
</tr>
<tr class="hover:bg-slate-50 transition-colors">
<td class="border-b border-slate-100 py-3 px-6 font-semibold text-slate-700">
Predaj
</td>
<td class="border-b border-slate-100 py-3 px-6 text-slate-600">
Predvolený výpočet celkovej útraty v PrestaShope.
</td>
</tr>
<tr class="hover:bg-slate-50 transition-colors">
<td class="border-b border-slate-100 py-3 px-6 font-semibold text-slate-700">
Newsletter / Ponuky partnerov
</td>
<td class="border-b border-slate-100 py-3 px-6 text-slate-600">
Stavy prihlásenia na odber marketingových e-mailov. Často skryté kvôli úspore miesta.
</td>
</tr>
<tr class="hover:bg-slate-50 transition-colors">
<td class="border-b border-slate-100 py-3 px-6 font-semibold text-slate-700">
Registrácia / Posledná návšteva
</td>
<td class="border-b border-slate-100 py-3 px-6 text-slate-600">
Dátum vytvorenia účtu a dátum ich poslednej relácie.
</td>
</tr>
<tr class="hover:bg-slate-50 transition-colors">
<td class="border-b border-slate-100 py-3 px-6 font-semibold text-slate-700">
Skupina / Obchod / Povolené
</td>
<td class="border-b border-slate-100 py-3 px-6 text-slate-600">
Predvolená skupina zákazníkov, priradenie k Multistore a aktívny stav.
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- Technical Specs -->
<div class="bg-slate-800 text-slate-300 p-8 rounded-2xl shadow-sm border border-slate-700 mb-8">
<h3 class="text-xl font-bold text-white mb-6 text-center">
Technická špecifikácia a kompatibilita
</h3>
<p class="text-center text-slate-400 mb-8 max-w-2xl mx-auto">
Vytvorené natívne pre moderný PrestaShop. Bezpečná integrácia pomocou oficiálnych Symfony Grid Hooks.
</p>
<div class="grid sm:grid-cols-2 gap-6 text-sm">
<div class="flex items-start">
<div class="text-green-400 mr-3 shrink-0 mt-0.5">
<span class="hidden">
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewbox="0 0 24 24" stroke-width="2" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5">
</path>
</svg>
</div>
<span class="leading-relaxed">
<strong class="text-white block mb-1">
Verzie
Tento modul zatiaľ nemá žiadne recenzie. Buďte prvý!
O tomto produkte nie sú žiadne diskusie. Buďte prvý!
Na začatie diskusie použite tlačidlo vyššie.
Momentálne nie je k dispozícii changelog pre tento modul PrestaShop