• en
  • ru
  • a blog about web development

    Category Без рубрики

    Ремонтируем Shopify шапку в теме Dawn.

    Шаг.1 Делаем правильную блокировку скрола которая будет доступна глобально. Открываем в папке assets файл global.js и в самый конец добавляем: Шаг.2 Переделываем блокировку скрола в существующих файлах темы Нужно сделать это в двух файлах cart-drawer.js и в details-modal.js в cart-drawer.js… Continue Reading →

    Делаем дропдаун-поиск товаров в хедере Shopify тема Dawn.

    Давай немного усовершенствуем функционал существующего компонента поиска в теме и создадим еще один для дропдауна, который будет полностью повторять логику дефолтного, но работать с нашей таилвинд разметкой. Главным усовершенствованием будет добавление настройки в теме для контроля количества символов после набора… Continue Reading →

    Весь цикл задач по секции FAQ.

    Инструкция: Создание FAQ на метаобъектах Shopify (для ChatGPT и SEO) Главная цель: Сделать так, чтобы нейросети (ChatGPT, Perplexity, Gemini) видели ответы на сайте, а контент-менеджер мог добавлять новые вопросы мышкой, не трогая код. Шаг 0: Подготовка (Техника безопасности) Никогда не… Continue Reading →

    Как настраивать секцию FAQ для главной и страницы page/faq ?

    Инструкция: Настройка и управление секцией FAQ (WEBLEGKO FAQ META) Эта инструкция описывает, как работает новая секция FAQ. Она построена на метаобъектах Shopify (без сторонних приложений), оптимизирована для нейросетей (ChatGPT, Perplexity) и имеет гибкие настройки вывода. 🛠 Шаг 1. Создание базы… Continue Reading →

    Postgres + postgis

    ЭТАП.2 Установка PostgreSQL и создание БД для проекта. Для Windows (через официальный инсталлятор) Шаг 1. Скачай установщик Переходи на официальный сайт: https://www.postgresql.org/download/windows/ Выбирай последнюю версию (сейчас 16.x или 17.x) и скачивай интерактивный установщик от EDB. Шаг 2. Запусти установку Шаг 3. Выбери компоненты Оставь… Continue Reading →

    ЧАСТЬ.4 Делаем визуал : мы возьмем Next.js 16+ (App Router) + TypeScript + TailwindCSS.

    Мы переходим на территорию визуала и реактивности! Бэкенд — это мотор, а Next.js — это крутой кузов, интерьер и руль. Поехали! Чтобы проект был современным, быстрым и удобным для разработки, мы возьмем Next.js 14+ (App Router) + TypeScript + TailwindCSS…. Continue Reading →

    ЧАСТЬ.3 Усовершенствуем сервер

    Если это реальный проект, который пойдет в продакшен, мы должны с самого начала заложить архитектуру, которая выдержит модерацию App Store, Google Play, законы о защите данных (GDPR) и просто человеческую токсичность. Удаление аккаунта — это не просто кнопка. В реальном… Continue Reading →

    ЧАСТЬ.2 Сайт знакомств “ЧАТ и СООБЩЕНИЯ”

    Чат и Сообщения Раз у нас есть мэтчи, людям нужно общаться! При мэтче мы будем создавать “Комнату/Диалог” (Conversation), а внутри неё уже писать сообщения (Messages). 1. Создаем миграции: 2.Открой миграцию …_create_conversations_table.php: 3. Открой миграцию …_create_messages_table.php: 4. Накатываем миграции: Как только… Continue Reading →

    ЧАСТЬ.1 План по созданию сайта знакомств.

    Брат, огонь! Если делаем серьезно и на долгий срок, чтобы не переписывать всё через год, нам нужно заложить правильную архитектуру с первого дня. Раз ты хочешь SEO, реактивность и будущее мобильное приложение, нам нужно отказаться от классического монолита (где Laravel… Continue Reading →