Помимо оформления, у корзины есть несколько настроек поведения, которые управляют её взаимодействием с вашей витриной — когда открывается выдвижная корзина и какие элементы темы Aftersell синхронизирует с корзиной.
В редакторе корзины откройте Cart settings. Описанные ниже параметры сгруппированы в разделах Behavior и Custom selector.
Открывать корзину при добавлении товара
Open cart when an item is added определяет, будет ли выдвижная корзина автоматически открываться каждый раз, когда покупатель добавляет товар. По умолчанию включено. Выключите, если предпочитаете, чтобы корзина оставалась закрытой, пока покупатель не откроет её сам.
Aftersell подключается к вашей витрине через CSS-селекторы — например, чтобы знать, какой элемент открывает корзину или какой счётчик на иконке корзины нужно синхронизировать. Встроенное определение охватывает самые популярные темы Shopify (Dawn, Sense, Crave, Debut, Impulse, Horizon и многие другие), поэтому большинству магазинов эти настройки трогать не нужно. Изменяйте селектор только в том случае, если что-то работает некорректно в вашей теме.
Каждый селектор предлагает одни и те же три режима:
Поле ввода селектора доступно только в режимах Default + custom и Custom only.
- Откройте свою витрину в браузере (рекомендуется Chrome).
- Щёлкните правой кнопкой мыши по нужному элементу — иконке корзины, числу счётчика или кнопке добавления в корзину — и выберите Inspect (Просмотреть код).
- В открывшейся панели найдите элемент, который его представляет (счётчик часто является
span внутри иконки корзины).
- Запишите его класс (начинается с
.) или ID (начинается с #) — например .header__cart-count span или #CartCount.
- Вернитесь в Cart settings, переключите селектор в режим Default + custom или Custom only и вставьте его.
- Сохраните, затем протестируйте и на десктопе, и на мобильных устройствах.
Начните с Default — он работает для большинства тем без настройки. Переходите к Default + custom, когда обновляется только одна из нескольких иконок (например, десктоп работает, а мобильная версия нет), и к Custom only, когда стандартный режим нацеливается не на тот элемент. Если вы не уверены, какой селектор использовать, разработчик вашей темы сможет подсказать — писать код не нужно, достаточно скопировать и вставить.