поиск+доставка
This commit is contained in:
+17
-3
@@ -6,9 +6,11 @@ declare(strict_types=1);
|
||||
/** @var array<string, mixed>|null $currentCategory */
|
||||
/** @var array<int, array<string, mixed>> $products */
|
||||
/** @var array<string, mixed> $pagination */
|
||||
/** @var string|null $searchQuery */
|
||||
|
||||
$heading = $currentCategory['h1'] ?? $currentCategory['name'] ?? 'Каталог продукции';
|
||||
$categoryDescription = trim((string) ($currentCategory['description'] ?? ''));
|
||||
$searchQuery = trim((string) ($searchQuery ?? ''));
|
||||
$pagination = $pagination ?? [
|
||||
'base_path' => '/catalog',
|
||||
'total' => count($products),
|
||||
@@ -19,6 +21,7 @@ $pagination = $pagination ?? [
|
||||
'has_more' => false,
|
||||
'next_limit' => count($products),
|
||||
];
|
||||
$paginationGlue = str_contains((string) ($pagination['base_path'] ?? ''), '?') ? '&' : '?';
|
||||
?>
|
||||
<section class="catalog-layout">
|
||||
<aside class="catalog-sidebar">
|
||||
@@ -53,6 +56,17 @@ $pagination = $pagination ?? [
|
||||
<h1><?= e($heading) ?></h1>
|
||||
</div>
|
||||
|
||||
<?php if ($searchQuery !== ''): ?>
|
||||
<section class="catalog-search-result-panel" aria-label="Результаты умного поиска">
|
||||
<div>
|
||||
<p class="eyebrow">Умный поиск</p>
|
||||
<h2>Поиск по запросу: <?= e($searchQuery) ?></h2>
|
||||
<p>Учитываем названия, категории, фасовки, похожие формулировки и бытовую логику покупки.</p>
|
||||
</div>
|
||||
<a href="/catalog">Сбросить поиск</a>
|
||||
</section>
|
||||
<?php endif; ?>
|
||||
|
||||
<section class="payment-benefit-banner cash-benefit-banner" aria-label="Выгода при оплате наличными">
|
||||
<div class="cash-benefit-copy">
|
||||
<p class="eyebrow">Выгода считается автоматически</p>
|
||||
@@ -112,13 +126,13 @@ $pagination = $pagination ?? [
|
||||
|
||||
<?php if ($products === []): ?>
|
||||
<div class="panel">
|
||||
<p class="muted">В этой категории товары появятся после переноса каталога со старого сайта.</p>
|
||||
<p class="muted"><?= $searchQuery !== '' ? 'По этому запросу пока ничего не найдено. Попробуйте другое название, фасовку или назначение.' : 'В этой категории товары появятся после переноса каталога со старого сайта.' ?></p>
|
||||
</div>
|
||||
<?php else: ?>
|
||||
<div class="catalog-count-panel">
|
||||
<span>Показано <?= e((string) $pagination['shown']) ?> из <?= e((string) $pagination['total']) ?> товаров</span>
|
||||
<?php if (!empty($pagination['has_more'])): ?>
|
||||
<a href="<?= e((string) $pagination['base_path']) ?>?limit=<?= e((string) $pagination['next_limit']) ?>">Показать еще</a>
|
||||
<a href="<?= e((string) $pagination['base_path']) ?><?= e($paginationGlue) ?>limit=<?= e((string) $pagination['next_limit']) ?>">Показать еще</a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
@@ -133,7 +147,7 @@ $pagination = $pagination ?? [
|
||||
<?php for ($pageNumber = 1; $pageNumber <= (int) $pagination['pages']; $pageNumber++): ?>
|
||||
<a
|
||||
class="<?= $pageNumber === (int) $pagination['page'] && empty($pagination['cumulative']) ? 'is-current' : '' ?>"
|
||||
href="<?= e((string) $pagination['base_path']) ?>?page=<?= e((string) $pageNumber) ?>"
|
||||
href="<?= e((string) $pagination['base_path']) ?><?= e($paginationGlue) ?>page=<?= e((string) $pageNumber) ?>"
|
||||
>
|
||||
<?= e((string) $pageNumber) ?>
|
||||
</a>
|
||||
|
||||
+197
-5
@@ -11,6 +11,10 @@ declare(strict_types=1);
|
||||
$megaCategories = [];
|
||||
$currentPath = parse_url($_SERVER['REQUEST_URI'] ?? '/', PHP_URL_PATH) ?: '/';
|
||||
$isCartPage = $currentPath === '/cart';
|
||||
$yandexMapsApiKey = (string) app_env('YANDEX_MAPS_API_KEY', '9ab8ad56-c350-4a2c-8f23-35acb102ee7a');
|
||||
$queryParameters = [];
|
||||
parse_str((string) (parse_url($_SERVER['REQUEST_URI'] ?? '', PHP_URL_QUERY) ?? ''), $queryParameters);
|
||||
$currentSearchQuery = (string) ($_GET['q'] ?? $queryParameters['q'] ?? '');
|
||||
$brandLogoSvg = <<<'SVG'
|
||||
<svg class="brand-logo-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 650 220" role="img" aria-labelledby="brand-logo-title brand-logo-desc">
|
||||
<title id="brand-logo-title">Рыбсток</title>
|
||||
@@ -65,7 +69,15 @@ $faviconSvg = <<<'SVG'
|
||||
</svg>
|
||||
SVG;
|
||||
$faviconHref = 'data:image/svg+xml,' . rawurlencode($faviconSvg);
|
||||
|
||||
$homeEmbeddedImages = [
|
||||
'home-hero-picnic' => '/assets/images/home/hero-picnic-sunset.png',
|
||||
'home-warehouse-fish' => '/assets/images/home/warehouse-fish.jpg',
|
||||
'home-banner-meat' => '/assets/images/home/banner-meat-grill.png',
|
||||
'home-banner-seafood' => '/assets/images/home/banner-seafood-fresh.png',
|
||||
'home-warehouse-main' => '/assets/images/home/warehouse-main.jpg',
|
||||
'home-warehouse-arrival' => '/assets/images/home/warehouse-arrival.jpg',
|
||||
'home-warehouse-cold' => '/assets/images/home/warehouse-cold.jpg',
|
||||
];
|
||||
try {
|
||||
$megaCategories = (new \App\Repositories\CategoryRepository())->tree();
|
||||
} catch (\Throwable) {
|
||||
@@ -85,6 +97,19 @@ try {
|
||||
<meta name="keywords" content="<?= e($metaKeywords) ?>">
|
||||
<?php endif; ?>
|
||||
<link rel="icon" type="image/svg+xml" href="<?= e($faviconHref) ?>">
|
||||
<?php if ($yandexMapsApiKey !== ''): ?>
|
||||
<meta name="yandex-maps-api-key" content="<?= e($yandexMapsApiKey) ?>">
|
||||
<script>
|
||||
window.RYBSTOCK_YANDEX_MAPS_API_KEY = <?= json_encode($yandexMapsApiKey, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) ?>;
|
||||
</script>
|
||||
<?php endif; ?>
|
||||
<style id="embedded-home-images">
|
||||
:root {
|
||||
<?php foreach ($homeEmbeddedImages as $homeImageKey => $homeImagePath): ?>
|
||||
--<?= e($homeImageKey) ?>: url("<?= e($homeImagePath) ?>");
|
||||
<?php endforeach; ?>
|
||||
}
|
||||
</style>
|
||||
<meta name="theme-color" content="#173d2c">
|
||||
<link rel="stylesheet" href="/assets/css/app.css">
|
||||
</head>
|
||||
@@ -110,14 +135,14 @@ try {
|
||||
|
||||
<section class="smart-search-bar" aria-label="Поиск по каталогу">
|
||||
<div class="smart-search-inner">
|
||||
<form class="smart-search-form" action="/catalog" method="get">
|
||||
<form class="smart-search-form" action="/search" method="get" onsubmit="return window.rybstockSearchSubmit ? window.rybstockSearchSubmit(this) : true">
|
||||
<label class="smart-search-label" for="site-search">Умный поиск</label>
|
||||
<div class="smart-search-control">
|
||||
<input id="site-search" name="q" type="search" placeholder="Например: форель стейки, креветки 1 кг, красная рыба, что взять на ужин">
|
||||
<input id="site-search" name="q" type="search" value="<?= e($currentSearchQuery) ?>" placeholder="Например: форель стейки, креветки 1 кг, красная рыба, что взять на ужин">
|
||||
<button class="voice-search-button" type="button" aria-label="Голосовой ввод" title="Голосовой ввод">Голос</button>
|
||||
<button class="smart-search-submit" type="submit">Найти</button>
|
||||
</div>
|
||||
<p>Понимает склонения, похожие запросы и бытовые формулировки. Обучаемый поиск подключим к товарам после загрузки каталога.</p>
|
||||
<p>Понимает склонения, фасовки, похожие запросы и бытовые формулировки по текущему ассортименту.</p>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
@@ -204,6 +229,41 @@ try {
|
||||
</div>
|
||||
</footer>
|
||||
<script>
|
||||
(() => {
|
||||
const form = document.querySelector('.smart-search-form');
|
||||
const input = document.querySelector('#site-search');
|
||||
|
||||
if (!form || !input) {
|
||||
return;
|
||||
}
|
||||
|
||||
window.rybstockSearchSubmit = (searchForm) => {
|
||||
const searchInput = searchForm.querySelector('input[name="q"]');
|
||||
const query = searchInput ? searchInput.value.trim() : '';
|
||||
|
||||
if (query === '') {
|
||||
window.location.href = '/catalog';
|
||||
return false;
|
||||
}
|
||||
|
||||
window.location.href = '/search/' + encodeURIComponent(query);
|
||||
return false;
|
||||
};
|
||||
|
||||
form.addEventListener('submit', (event) => {
|
||||
const query = input.value.trim();
|
||||
|
||||
if (query === '') {
|
||||
event.preventDefault();
|
||||
window.location.href = '/catalog';
|
||||
return;
|
||||
}
|
||||
|
||||
event.preventDefault();
|
||||
window.location.href = '/search/' + encodeURIComponent(query);
|
||||
});
|
||||
})();
|
||||
|
||||
(() => {
|
||||
const button = document.querySelector('.voice-search-button');
|
||||
const input = document.querySelector('#site-search');
|
||||
@@ -234,6 +294,12 @@ try {
|
||||
const phrase = event.results[0]?.[0]?.transcript || '';
|
||||
input.value = phrase;
|
||||
input.focus();
|
||||
|
||||
if (phrase.trim() !== '') {
|
||||
window.setTimeout(() => {
|
||||
input.form?.requestSubmit();
|
||||
}, 120);
|
||||
}
|
||||
});
|
||||
|
||||
recognition.addEventListener('end', () => {
|
||||
@@ -271,6 +337,8 @@ try {
|
||||
cartItems: 'rybstock_cart_items',
|
||||
deliveryType: 'rybstock_delivery_type',
|
||||
deliveryDistance: 'rybstock_delivery_distance',
|
||||
deliveryZone: 'rybstock_delivery_zone',
|
||||
deliveryGeoStatus: 'rybstock_delivery_geo_status',
|
||||
deliveryLift: 'rybstock_delivery_lift',
|
||||
deliveryAddress: 'rybstock_delivery_address'
|
||||
};
|
||||
@@ -278,6 +346,8 @@ try {
|
||||
const getPaymentMode = () => localStorage.getItem(storageKeys.paymentMode) || 'cash';
|
||||
const getDeliveryType = () => localStorage.getItem(storageKeys.deliveryType) || '';
|
||||
const getDeliveryDistance = () => Math.max(0, Number(localStorage.getItem(storageKeys.deliveryDistance) || 0));
|
||||
const getDeliveryZone = () => localStorage.getItem(storageKeys.deliveryZone) || '';
|
||||
const getDeliveryGeoStatus = () => localStorage.getItem(storageKeys.deliveryGeoStatus) || '';
|
||||
const getDeliveryLift = () => localStorage.getItem(storageKeys.deliveryLift) === '1';
|
||||
const getCartTotal = () => Number(localStorage.getItem(storageKeys.cartTotal) || 0);
|
||||
const getCartItems = () => {
|
||||
@@ -360,11 +430,107 @@ try {
|
||||
return `Уважаемый клиент, Вы выбрали ${deliveryLabels[type] || 'получение'}, минимальная сумма - ${formatRub(minimum)}, добавьте пожалуйста товары на сумму ${formatRub(missing)}.`;
|
||||
};
|
||||
|
||||
const moscowCenter = [55.755864, 37.617698];
|
||||
const mkadRadiusKm = 17.7;
|
||||
let yandexMapsPromise = null;
|
||||
let deliveryAddressTimer = null;
|
||||
|
||||
const setDeliveryGeo = (distance, zone, status) => {
|
||||
localStorage.setItem(storageKeys.deliveryDistance, String(Math.max(0, Number(distance) || 0)));
|
||||
localStorage.setItem(storageKeys.deliveryZone, zone || '');
|
||||
localStorage.setItem(storageKeys.deliveryGeoStatus, status || '');
|
||||
};
|
||||
|
||||
const loadYandexMapsApi = () => {
|
||||
if (window.ymaps) {
|
||||
return new Promise((resolve) => window.ymaps.ready(resolve));
|
||||
}
|
||||
|
||||
if (yandexMapsPromise) {
|
||||
return yandexMapsPromise;
|
||||
}
|
||||
|
||||
const apiKey = window.RYBSTOCK_YANDEX_MAPS_API_KEY || document.querySelector('meta[name="yandex-maps-api-key"]')?.content || '';
|
||||
|
||||
yandexMapsPromise = new Promise((resolve, reject) => {
|
||||
if (!apiKey) {
|
||||
reject(new Error('Yandex Maps API key is empty'));
|
||||
return;
|
||||
}
|
||||
|
||||
const script = document.createElement('script');
|
||||
script.src = `https://api-maps.yandex.ru/2.1/?apikey=${encodeURIComponent(apiKey)}&lang=ru_RU`;
|
||||
script.async = true;
|
||||
script.onload = () => window.ymaps ? window.ymaps.ready(resolve) : reject(new Error('Yandex Maps API is unavailable'));
|
||||
script.onerror = () => reject(new Error('Yandex Maps API loading failed'));
|
||||
document.head.append(script);
|
||||
});
|
||||
|
||||
return yandexMapsPromise;
|
||||
};
|
||||
|
||||
const haversineKm = (from, to) => {
|
||||
const toRad = (value) => value * Math.PI / 180;
|
||||
const earthRadiusKm = 6371;
|
||||
const dLat = toRad(to[0] - from[0]);
|
||||
const dLon = toRad(to[1] - from[1]);
|
||||
const lat1 = toRad(from[0]);
|
||||
const lat2 = toRad(to[0]);
|
||||
const a = Math.sin(dLat / 2) ** 2 + Math.cos(lat1) * Math.cos(lat2) * Math.sin(dLon / 2) ** 2;
|
||||
|
||||
return 2 * earthRadiusKm * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
|
||||
};
|
||||
|
||||
const resolveDeliveryAddress = async (address) => {
|
||||
const normalizedAddress = String(address || '').trim();
|
||||
|
||||
if (normalizedAddress.length < 6) {
|
||||
setDeliveryGeo(0, '', '');
|
||||
updateAllPrices();
|
||||
return;
|
||||
}
|
||||
|
||||
setDeliveryGeo(0, '', 'Рассчитываем расстояние по адресу...');
|
||||
updateAllPrices();
|
||||
|
||||
try {
|
||||
await loadYandexMapsApi();
|
||||
const result = await window.ymaps.geocode(normalizedAddress, { results: 1 });
|
||||
const first = result.geoObjects.get(0);
|
||||
|
||||
if (!first) {
|
||||
setDeliveryGeo(0, '', 'Адрес не найден. Проверьте написание, менеджер уточнит доставку по телефону.');
|
||||
updateAllPrices();
|
||||
return;
|
||||
}
|
||||
|
||||
const coords = first.geometry.getCoordinates();
|
||||
const distanceFromCenter = haversineKm(moscowCenter, coords);
|
||||
const outsideKm = Math.max(0, Math.ceil(distanceFromCenter - mkadRadiusKm));
|
||||
|
||||
if (outsideKm <= 0) {
|
||||
setDeliveryGeo(0, 'inside', 'Адрес найден: внутри МКАД.');
|
||||
} else {
|
||||
setDeliveryGeo(outsideKm, 'outside', `Адрес найден: примерно ${outsideKm} км от МКАД.`);
|
||||
}
|
||||
} catch (error) {
|
||||
setDeliveryGeo(0, '', 'Не удалось автоматически рассчитать адрес. Менеджер уточнит доставку по телефону.');
|
||||
}
|
||||
|
||||
updateAllPrices();
|
||||
};
|
||||
|
||||
const scheduleDeliveryAddressResolve = (address) => {
|
||||
window.clearTimeout(deliveryAddressTimer);
|
||||
deliveryAddressTimer = window.setTimeout(() => resolveDeliveryAddress(address), 700);
|
||||
};
|
||||
|
||||
const deliveryCalculation = (items = getCartItems()) => {
|
||||
const type = getDeliveryType();
|
||||
const amount = cartCurrentTotal(items);
|
||||
const lift = getDeliveryLift() && type !== 'pickup' ? 390 : 0;
|
||||
const distance = getDeliveryDistance();
|
||||
const zone = getDeliveryZone();
|
||||
const minimum = deliveryMinimums[type] || 0;
|
||||
const minimumOk = type ? amount >= minimum : false;
|
||||
const minimumMessage = type ? deliveryMinimumMessage(type, amount) : '';
|
||||
@@ -414,6 +580,10 @@ try {
|
||||
}
|
||||
|
||||
if (type === 'outside_mkad' && distance <= 0) {
|
||||
const zoneNote = zone === 'inside'
|
||||
? 'Адрес похож на адрес внутри МКАД. Выберите доставку внутри МКАД, если это верно.'
|
||||
: 'Введите адрес доставки, и сайт рассчитает примерное расстояние за МКАД автоматически.';
|
||||
|
||||
return {
|
||||
selected: true,
|
||||
minimumOk,
|
||||
@@ -422,7 +592,7 @@ try {
|
||||
lift,
|
||||
total: lift,
|
||||
label: 'Доставка за МКАД',
|
||||
note: 'Доставка за МКАД доступна от 5000 руб. До 10 км от МКАД бесплатная доставка от 10000 руб.; дальше минимальная сумма для бесплатной доставки считается как 1000 руб. за каждый км от МКАД. Если заказ не проходит на бесплатную доставку, расчет: 199 руб. + 60 руб. за км.'
|
||||
note: `${zoneNote} Доставка за МКАД доступна от 5000 руб. До 10 км от МКАД бесплатная доставка от 10000 руб.; дальше минимум для бесплатной доставки считается как 1000 руб. за каждый км от МКАД. Если заказ не проходит на бесплатную доставку, расчет: 199 руб. + 60 руб. за км.`
|
||||
};
|
||||
}
|
||||
|
||||
@@ -542,6 +712,7 @@ try {
|
||||
const outsideDistanceField = cartPage.querySelector('[data-outside-distance-field]');
|
||||
const liftField = cartPage.querySelector('[data-lift-field]');
|
||||
const addressInput = cartPage.querySelector('[data-cart-address]');
|
||||
const addressStatusNode = cartPage.querySelector('[data-cart-address-status]');
|
||||
const distanceInput = cartPage.querySelector('[data-cart-distance]');
|
||||
const liftInput = cartPage.querySelector('[data-cart-lift]');
|
||||
const items = getCartItems();
|
||||
@@ -619,6 +790,12 @@ try {
|
||||
distanceInput.value = getDeliveryDistance() > 0 ? String(getDeliveryDistance()) : '';
|
||||
}
|
||||
|
||||
if (addressStatusNode) {
|
||||
const status = getDeliveryGeoStatus();
|
||||
addressStatusNode.hidden = status === '';
|
||||
addressStatusNode.textContent = status;
|
||||
}
|
||||
|
||||
if (liftInput) {
|
||||
liftInput.checked = getDeliveryLift();
|
||||
}
|
||||
@@ -757,9 +934,16 @@ try {
|
||||
if (deliveryType) {
|
||||
localStorage.setItem(storageKeys.deliveryType, deliveryType.value);
|
||||
localStorage.setItem(storageKeys.deliveryDistance, '0');
|
||||
localStorage.setItem(storageKeys.deliveryZone, '');
|
||||
|
||||
if (deliveryType.value === 'pickup') {
|
||||
localStorage.setItem(storageKeys.deliveryLift, '0');
|
||||
localStorage.setItem(storageKeys.deliveryGeoStatus, '');
|
||||
} else {
|
||||
const address = localStorage.getItem(storageKeys.deliveryAddress) || '';
|
||||
if (address.trim() !== '') {
|
||||
scheduleDeliveryAddressResolve(address);
|
||||
}
|
||||
}
|
||||
|
||||
updateAllPrices();
|
||||
@@ -788,6 +972,11 @@ try {
|
||||
if (addressInput) {
|
||||
localStorage.setItem(storageKeys.deliveryAddress, addressInput.value);
|
||||
localStorage.setItem(storageKeys.deliveryDistance, '0');
|
||||
localStorage.setItem(storageKeys.deliveryZone, '');
|
||||
localStorage.setItem(storageKeys.deliveryGeoStatus, addressInput.value.trim() === '' ? '' : 'Рассчитываем расстояние по адресу...');
|
||||
if (getDeliveryType() !== 'pickup') {
|
||||
scheduleDeliveryAddressResolve(addressInput.value);
|
||||
}
|
||||
updateAllPrices();
|
||||
}
|
||||
});
|
||||
@@ -850,6 +1039,7 @@ try {
|
||||
deliveryType: getDeliveryType(),
|
||||
address: localStorage.getItem(storageKeys.deliveryAddress) || '',
|
||||
distance: getDeliveryDistance(),
|
||||
deliveryZone: getDeliveryZone(),
|
||||
lift: getDeliveryLift(),
|
||||
items,
|
||||
productsTotal,
|
||||
@@ -1094,3 +1284,5 @@ try {
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
@@ -81,6 +81,7 @@
|
||||
<label>
|
||||
<span>Адрес доставки</span>
|
||||
<input type="text" data-cart-address placeholder="Например: Москва, ул. Привольная, 13к1">
|
||||
<small class="cart-address-status" data-cart-address-status hidden></small>
|
||||
</label>
|
||||
<label class="cart-lift-label" data-lift-field hidden>
|
||||
<input type="checkbox" data-cart-lift>
|
||||
|
||||
+150
-69
@@ -54,95 +54,176 @@ $months = [
|
||||
$arrivalDate = $lastArrival->format('j') . ' ' . $months[(int) $lastArrival->format('n')] . ' ' . $lastArrival->format('Y');
|
||||
?>
|
||||
<section class="start-screen wide">
|
||||
<section class="home-hero">
|
||||
<div class="hero-copy">
|
||||
<p class="eyebrow">Интернет-склад качественной продукции</p>
|
||||
<section class="home-value-system" aria-label="Преимущества Рыбсток">
|
||||
<div class="home-value-head">
|
||||
<p class="eyebrow">Интернет-склад для дома и бизнеса</p>
|
||||
<h1>Рыбсток</h1>
|
||||
<p class="hero-lead">Рыба, морепродукты, мясо, сыры, овощи, ягоды и бакалея по стоковым ценам.</p>
|
||||
<div class="hero-points" aria-label="Ключевые условия">
|
||||
<span>Доставка день в день до 14:00</span>
|
||||
<span>Без предоплаты</span>
|
||||
<span>Самовывоз после подтверждения</span>
|
||||
</div>
|
||||
<p>Рыба, морепродукты, мясо, сыры, овощи, ягоды и бакалея по стоковым ценам для большого домашнего стола, дачи, магазина и кухни.</p>
|
||||
<div class="hero-actions">
|
||||
<a class="primary-button hero-button" href="/catalog">Смотреть каталог</a>
|
||||
<a class="secondary-button" href="tel:+79777363363">+7-977-736-33-63</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hero-media">
|
||||
<img src="/assets/images/brand-hero-products.svg" alt="Ассортимент Рыбсток">
|
||||
<div class="home-benefit-grid">
|
||||
<article class="home-benefit-card is-wide" style="--benefit-image: var(--home-hero-picnic)">
|
||||
<div>
|
||||
<span>Дом, дача, большой стол</span>
|
||||
<h2>Запас продуктов без переплаты</h2>
|
||||
<p>Берете коробками и фасовками со склада, а не с витрины. Удобно набрать рыбу, мясо, морепродукты и полуфабрикаты для семьи и гостей.</p>
|
||||
</div>
|
||||
</article>
|
||||
<article class="home-benefit-card" style="--benefit-image: var(--home-warehouse-fish)">
|
||||
<div>
|
||||
<span>Выгода за наличные</span>
|
||||
<h2>Корзина считает сама</h2>
|
||||
<p>Минус 300 руб. от 7000 руб., -5% от 20000 руб. и -7% от 50000 руб. Покупателю не нужно считать вручную.</p>
|
||||
</div>
|
||||
</article>
|
||||
<article class="home-benefit-card" style="--benefit-image: var(--home-banner-meat)">
|
||||
<div>
|
||||
<span>Доставка и оплата</span>
|
||||
<h2>Без предоплаты</h2>
|
||||
<p>Внутри МКАД бесплатно от 5000 руб., за МКАД - от 10000 руб. до 10 км. Заказ оплачивается только при получении.</p>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="storage-status" aria-label="Температура хранения и поступление товара">
|
||||
<div class="arrival-card">
|
||||
<span>Последнее поступление</span>
|
||||
<strong><?= e((string) $arrivalDate) ?></strong>
|
||||
<p>Свежие позиции принимаем по будням утром. В выходные склад не принимает новый товар.</p>
|
||||
<section class="audience-system" aria-label="Для кого работает Рыбсток">
|
||||
<div class="audience-heading">
|
||||
<p class="eyebrow">Для кого мы работаем</p>
|
||||
<h2>Закрываем разные задачи одной поставкой</h2>
|
||||
<p>От домашнего морозильного запаса до понятного прилавка и стабильной кухни: подбираем позиции под реальный спрос, бюджет и объем.</p>
|
||||
</div>
|
||||
<div class="temperature-card freezer">
|
||||
<span>Морозильная камера</span>
|
||||
<strong><span data-temperature="-18.6" data-min="-19.4" data-max="-17.8">-18.6</span> °C</strong>
|
||||
<p>Рабочий режим глубокой заморозки.</p>
|
||||
</div>
|
||||
<div class="temperature-card chiller">
|
||||
<span>Холодильная камера</span>
|
||||
<strong><span data-temperature="2.4" data-min="1.6" data-max="3.8">2.4</span> °C</strong>
|
||||
<p>Температура для охлажденной продукции.</p>
|
||||
<div class="audience-grid">
|
||||
<article class="audience-card" style="--audience-image: var(--home-warehouse-cold)">
|
||||
<span>Частным покупателям</span>
|
||||
<h3>Наполнить морозильник и спокойно кормить семью</h3>
|
||||
<p>Решаем главную боль: чем накормить домочадцев, гостей и дачу без ежедневных закупок и лишней наценки.</p>
|
||||
</article>
|
||||
<article class="audience-card" style="--audience-image: var(--home-warehouse-fish)">
|
||||
<span>Магазинам</span>
|
||||
<h3>Собрать ходовой рыбный прилавок</h3>
|
||||
<p>Не люкс-витрина ради картинки, а понятные позиции, за которыми покупатель возвращается и встает в очередь.</p>
|
||||
</article>
|
||||
<article class="audience-card" style="--audience-image: var(--home-banner-seafood)">
|
||||
<span>HoReCa</span>
|
||||
<h3>Поддержать полную посадку кухни</h3>
|
||||
<p>Рыба, мясо, морепродукты, полуфабрикаты и бакалея в одной закупке, чтобы меню не зависело от разрозненных поставок.</p>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="home-banners" aria-label="Преимущества Рыбсток">
|
||||
<div class="home-banner delivery-image">
|
||||
<strong>Бесплатная доставка внутри МКАД от 5000 руб.</strong>
|
||||
<span>Привезем заказ после подтверждения по телефону.</span>
|
||||
<section class="warehouse-showcase" aria-label="Склад Рыбсток">
|
||||
<div class="warehouse-copy">
|
||||
<p class="eyebrow">Склад и хранение</p>
|
||||
<h2>Реальный склад, холодовая цепь и свежие поступления</h2>
|
||||
<p>Мы показываем склад без лишней витринности: коробки, паллеты, камеры хранения и продукция, которая дальше уезжает к домашнему столу.</p>
|
||||
</div>
|
||||
<div class="home-banner region-image">
|
||||
<strong>Бесплатная доставка за МКАД от 10000 руб.</strong>
|
||||
<span>Для адресов до 10 км от МКАД, дальше расчет по расстоянию.</span>
|
||||
<div class="storage-status" aria-label="Температура хранения и поступление товара">
|
||||
<div class="arrival-card">
|
||||
<span>Последнее поступление</span>
|
||||
<strong><?= e((string) $arrivalDate) ?></strong>
|
||||
<p>Свежие позиции принимаем по будням утром, после приемки и проверки качества.</p>
|
||||
</div>
|
||||
<div class="temperature-card freezer">
|
||||
<span>Морозильная камера</span>
|
||||
<strong><span data-temperature="-18.6" data-min="-19.4" data-max="-17.8">-18.6</span> °C</strong>
|
||||
<p>Рабочий режим глубокой заморозки.</p>
|
||||
</div>
|
||||
<div class="temperature-card chiller">
|
||||
<span>Холодильная камера</span>
|
||||
<strong><span data-temperature="2.4" data-min="1.6" data-max="3.8">2.4</span> °C</strong>
|
||||
<p>Температура для охлажденной продукции.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="home-banner day-image">
|
||||
<strong>Можно приобрести день в день</strong>
|
||||
<span>Привезем заказ день в день, если он оформлен в будний день до 14:00.</span>
|
||||
</div>
|
||||
<div class="home-banner payment-image">
|
||||
<strong>Без предоплаты</strong>
|
||||
<span>Оплата после подтверждения заказа и получения товара.</span>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="promo-strip" aria-label="Промокоды и цены">
|
||||
<div>
|
||||
<span>Промокод</span>
|
||||
<strong>Рыбсток7000</strong>
|
||||
<small>300 руб. скидка на заказы от 7 000 руб.</small>
|
||||
</div>
|
||||
<div>
|
||||
<span>Промокод</span>
|
||||
<strong>Рыбсток20000</strong>
|
||||
<small>5% при наличном расчете от 20 000 руб.</small>
|
||||
</div>
|
||||
<div>
|
||||
<span>Промокод</span>
|
||||
<strong>Рыбсток50000</strong>
|
||||
<small>7% при наличном расчете от 50 000 руб.</small>
|
||||
</div>
|
||||
<div>
|
||||
<span>Безналичный расчет</span>
|
||||
<strong>+8%</strong>
|
||||
<small>Отображается отдельной ценовой градацией.</small>
|
||||
<div class="warehouse-photo-grid">
|
||||
<figure class="warehouse-photo-card large" style="--warehouse-image: var(--home-warehouse-main)">
|
||||
<figcaption>
|
||||
<span>Склад Рыбсток</span>
|
||||
<strong>Паллеты, коробки и рабочий порядок</strong>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<figure class="warehouse-photo-card" style="--warehouse-image: var(--home-warehouse-arrival)">
|
||||
<figcaption>
|
||||
<span>Поступления</span>
|
||||
<strong>Рыба и готовая продукция</strong>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<figure class="warehouse-photo-card" style="--warehouse-image: var(--home-warehouse-cold)">
|
||||
<figcaption>
|
||||
<span>Хранение</span>
|
||||
<strong>Камеры и фасовки</strong>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="price-request-panel" id="price-request">
|
||||
<div class="price-request-image" aria-hidden="true"></div>
|
||||
<div>
|
||||
<p class="eyebrow">Запрос проходных цен</p>
|
||||
<h2>Пришлите список позиций, а мы сверим цены</h2>
|
||||
<p class="muted">Можно вставить список текстом или приложить файл. Заявка будет уходить администратору на почту.</p>
|
||||
<div class="price-request-cover" aria-hidden="true">
|
||||
<span>Для магазинов, кафе, ресторанов и закупщиков</span>
|
||||
</div>
|
||||
<div class="price-request-content">
|
||||
<div class="price-request-copy">
|
||||
<p class="eyebrow">Запрос проходных цен</p>
|
||||
<h2>Для бизнеса</h2>
|
||||
<p>Запросите у нас цену на продукцию. Просто напишите позиции, которые Вас интересуют, необходимый объем и цену, которая Вам нужна. Наш менеджер оптового отдела постарается помочь Вам.</p>
|
||||
<div class="business-only-badge">Только для юридических лиц, ИП, HoReCa и закупщиков</div>
|
||||
</div>
|
||||
|
||||
<?php if (($_GET['price_request'] ?? '') === 'sent'): ?>
|
||||
<div class="status-box success">Спасибо, запрос принят. Менеджер оптового отдела свяжется с Вами после обработки заявки.</div>
|
||||
<?php elseif (($_GET['price_request'] ?? '') === 'error'): ?>
|
||||
<div class="status-box danger">Не удалось отправить запрос. Проверьте обязательные поля и попробуйте еще раз.</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<form class="price-request-form" action="/price-request" method="post" enctype="multipart/form-data">
|
||||
<label>
|
||||
<span>Название организации</span>
|
||||
<input type="text" name="company_name" placeholder="Например: кафе, магазин, ИП или ООО" required>
|
||||
</label>
|
||||
|
||||
<fieldset>
|
||||
<legend>Форма оплаты</legend>
|
||||
<label class="choice-pill">
|
||||
<input type="radio" name="payment_type" value="cash" checked>
|
||||
<span>Нал</span>
|
||||
</label>
|
||||
<label class="choice-pill">
|
||||
<input type="radio" name="payment_type" value="invoice">
|
||||
<span>Расчетный счет</span>
|
||||
</label>
|
||||
</fieldset>
|
||||
|
||||
<label>
|
||||
<span>Телефон</span>
|
||||
<input type="tel" name="phone" placeholder="+7 ___ ___-__-__">
|
||||
</label>
|
||||
|
||||
<label>
|
||||
<span>Email</span>
|
||||
<input type="email" name="email" placeholder="mail@example.ru">
|
||||
</label>
|
||||
|
||||
<label>
|
||||
<span>Тип деятельности</span>
|
||||
<input type="text" name="activity_type" placeholder="Ресторан, магазин, производство, кейтеринг">
|
||||
</label>
|
||||
|
||||
<label class="wide">
|
||||
<span>Позиции, объем и нужная цена</span>
|
||||
<textarea name="request_text" rows="6" placeholder="Например: форель 10 кг до 1200 руб./кг, креветки 5 кг до 900 руб./кг" required></textarea>
|
||||
</label>
|
||||
|
||||
<label class="file-field wide">
|
||||
<span>Прикрепить файлы</span>
|
||||
<input type="file" name="request_files[]" multiple>
|
||||
<small>Можно приложить список, прайс, таблицу или фото заявки.</small>
|
||||
</label>
|
||||
|
||||
<button class="primary-button wide" type="submit">Отправить запрос</button>
|
||||
</form>
|
||||
</div>
|
||||
<a class="secondary-button" href="#price-request">Подготовить форму</a>
|
||||
</section>
|
||||
|
||||
<?php if ($notice !== null): ?>
|
||||
|
||||
@@ -32,6 +32,9 @@ if (!function_exists('render_mega_category_children')) {
|
||||
<nav class="category-mega-bar" aria-label="Категории товаров">
|
||||
<div class="category-mega-inner">
|
||||
<?php foreach ($megaCategories as $category): ?>
|
||||
<?php if (($category['slug'] ?? '') === 'myasnaya-gastronomiya' || ($category['name'] ?? '') === 'Мясная гастрономия') {
|
||||
continue;
|
||||
} ?>
|
||||
<?php $iconName = category_tree_icon((string) $category['name']); ?>
|
||||
<div class="mega-item">
|
||||
<a class="mega-root" href="/catalog/<?= e((string) $category['slug']) ?>">
|
||||
|
||||
Reference in New Issue
Block a user