// Кастомный REST endpoint для каталога камней
// с фильтрацией по десяткам геммологических параметров
add_action('rest_api_init', function() {
  register_rest_route('catalog/v1', '/stones', [
    'methods'   => 'GET',
    'callback'  => 'get_catalog_items',
  ]);
});

function get_catalog_items($request) {
  global $wpdb;
  $color   = trim($request->get_param('color'));
  $clarity = $request->get_param('clarity') ?: 'any';

  // Исключаем ювелирные изделия (category 42)
  $sql = "SELECT p.*, m.meta_value AS images FROM {$prefix}posts p ...";
  return rest_ensure_response($wpdb->get_results($sql));
}

REST API каталога. Endpoint на трейд-цвет, чистоту, категории и медиа. Меньше 150 мс на запрос.

// Единая система избранного — работает везде:
// каталог, карточка, личный кабинет
const SiteFav = {
  toggle(stoneId) {
    if (!window.SITE_LOGGED_IN) return SiteFav.openLogin();
    fetch('/wp-json/catalog/v1/favs', {
      method: 'POST',
      headers: { 'X-WP-Nonce': window.SITE_NONCE },
      body: JSON.stringify({ id: stoneId })
    }).then(r => r.json()).then(SiteFav.updateHearts);
  }
};

Favorites. Таблица БД user_favorites плюс REST плюс общий JS. Три компонента — одно поведение.

/* VOC Gems — Design Tokens (единый источник правды) */
:root {
  --voc-teal: #45BDB0;   --voc-gold: #C9A86C;
  --radius-card: 16px;   --radius-pill: 50px;
  --shadow-card: 0 3px 20px rgba(0,0,0,.04);
  --font-display: 'Playfair Display';
  --font-body: 'DM Sans';
}

Design system. Единый источник правды для тридцати с лишним страниц и всех кастомных модулей. На следующем развороте можно покрутить эти токены руками.

// Smart Auth Guard: защита закрытых страниц
// с модалкой и возвратом на исходный URL
class AuthGuard {
  init() {
    if (!this.isProtected(location.pathname) || window.SITE_LOGGED_IN) return;
    sessionStorage.setItem('return_url', location.href);
    this.renderModal({ title: 'Access to Private Collection' });
  }
}
new AuthGuard(['/item/', '/collection/', '/private/']);

Auth Guard. Защита четырёх закрытых разделов с сохранением состояния и возвратом ровно туда, откуда пользователя развернули.

// AI Jewelry Constructor — собственный пайплайн, созданный с нуля
async function generateJewelry(promptBase, stoneData) {
  const fullPrompt = `vocgems style, ${promptBase}, ${stoneData.type} (${stoneData.weight}ct)`;
  const response = await fetch(AI_ENDPOINT, {
    method: 'POST',
    body: JSON.stringify({ prompt: fullPrompt, style: 'vocgems_custom' })
  });
  return response.json().then(r => r.output.image);
}

AI Jewelry Constructor (V4). Собственный AI-пайплайн, разработанный с нуля под сайт и задачу VOC Gems. Обучен на фирменном датасете из 900+ изображений.