> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Добавление строки промежуточной суммы в Upcart

> Для тех, кто предпочитает, чтобы строка промежуточной суммы также отображалась над кнопкой оформления заказа

<div id="introduction">
  ## Введение
</div>

Если настройка промежуточной суммы *(показана ниже)* у вас не работает, вот документ о том, как вставить строку промежуточной суммы вручную.

<div id="enabling-subtotal-line">
  ## Включение строки промежуточной суммы
</div>

Вы можете легко включить строку Subtotal в настройках дизайна корзины.

Вот где находится настройка:

**Cart Editor > Design > General > Enable subtotal line**

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/subtotal-line-cart-editor-design-settings.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=a1c15c581fe49f32c8144e25c23f5d5b" alt="Настройки Design в Cart Editor с выделенным чекбоксом Enable Subtotal Line" width="505" height="380" data-path="images/upcart/subtotal-line-cart-editor-design-settings.png" />

<div id="inserting-subtotal-via-code">
  # Вставка промежуточной суммы через код
</div>

<div id="accessing-custom-css-and-html-settings">
  ## Доступ к настройкам Custom CSS и HTML
</div>

Чтобы начать настраивать CSS для вашего Upcart, выполните следующие шаги:

1. Откройте приложение Upcart в своей панели управления.
2. Перейдите в Cart Editor.
3. Откройте **Settings**. Это ряд вкладок — выберите **Custom HTML** или **Custom CSS** (они находятся за **More settings**, если ряд не помещается).

<div id="html">
  ## HTML
</div>

Обязательно выберите расположение HTML, чтобы направить изменения туда, где вы хотите их видеть в Upcart. В нашем случае мы хотим, чтобы строка промежуточной суммы была «above the checkout button» (над кнопкой оформления заказа). Вы можете изменить текст «Subtotal» ниже на предпочитаемый вами язык.

```
<div   
  class="cart-subtotal-section"   
  style="display: flex; justify-content: space-between;"  
>  
  <span class="cart-subtotal-title">Subtotal</span>  
  <span class="cart-subtotal-value">{{UPCART_SUBTOTAL}}</span>  
</div>
```

Вот как должны выглядеть ваши настройки пользовательского HTML в Upcart:

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/subtotal-line-custom-html-settings-above.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=28c3da390eca8817499ed35864f7f381" alt="Настройки Custom HTML, установленные на Above checkout button, с кодом строки промежуточной суммы" width="1470" height="966" data-path="images/upcart/subtotal-line-custom-html-settings-above.png" />

<div id="css">
  ## CSS
</div>

В **Settings =>Custom CSS** измените размер шрифта и цвета в пользовательском CSS по мере необходимости. Не забудьте нажать «Save», когда закончите!

```
.cart-subtotal-section {  
  margin-bottom: 4px;  
}  
  
.cart-subtotal-title {  
  font-size: 24px;  
  color: red;  
}  
  
.cart-subtotal-value {  
  font-size: 18px;  
  color: green  
}
```

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/subtotal-line-custom-css-settings-cart.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=2b4bd1b5ee98bc6eb5bb8f507a91ba31" alt="Настройки Custom CSS с правилами стилизации промежуточной суммы корзины" width="1452" height="1032" data-path="images/upcart/subtotal-line-custom-css-settings-cart.png" />

***

<div id="support-for-customizations">
  ## 🚧 Поддержка пользовательских настроек
</div>

Служба поддержки Upcart не может помочь с внедрением пользовательских решений на CSS или HTML в вашу корзину.

Если вам нужна помощь в разработке или стилизации чего-то нестандартного, мы рекомендуем [проконсультироваться с экспертом Shopify](https://www.shopify.com/partners/directory) или пообщаться с LLM, [используя наши рекомендации по промптам для ИИ](https://docs.aftersell.com/upcart/ai_prompt_suggestions_for_adding_custom_code_to_your_upcart_settings#ai-prompt-suggestions-for-adding-custom-code-to-your-upcart-settings).