Перейти к содержимому


Небольшие Изменения Корзины1


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 4

#1 МихаилДолматов

МихаилДолматов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 319 сообщений

Отправлено 21 Июнь 2019 - 16:38

На главной странице в верхней шапке рядом со значком корзины, хотелось бы чтобы отображалась сумма корректно .

Сейчас заходишь на сайт и все вроде норм - Безымянный124.png

Далее добавляю товар и жму продолжить покупки
и сумма уже не отображается - Безымянный126.png
но после того как перезагружаю страницу сумма появляется

Далее захожу в корзину и сумма уже отображается таким образом (не корректно ) - Безымянный1261.png

Помогите настроить все корректно чтобы сумма отображалась всегда и отображалась всегда корректно не вылезая за рамки

А так же сумма должна быть немного жирнее и отображаться синим цветом

#2 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 24 Июнь 2019 - 10:49

Просмотр сообщенияМихаилДолматов (21 Июнь 2019 - 16:38) писал:

На главной странице в верхней шапке рядом со значком корзины, хотелось бы чтобы отображалась сумма корректно .

Сейчас заходишь на сайт и все вроде норм - Прикрепленный файл Безымянный124.png

Далее добавляю товар и жму продолжить покупки
и сумма уже не отображается - Прикрепленный файл Безымянный126.png
но после того как перезагружаю страницу сумма появляется

Далее захожу в корзину и сумма уже отображается таким образом (не корректно ) - Прикрепленный файл Безымянный1261.png

Помогите настроить все корректно чтобы сумма отображалась всегда и отображалась всегда корректно не вылезая за рамки

А так же сумма должна быть немного жирнее и отображаться синим цветом
Здравствуйте, найдите в шаблоне HTML код
<div class="cart-title rhombus">
<a href="{CART_URL}"><i class="fa fa-shopping-cart" title="Перейти в корзину">&nbsp;</i></a>
<span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span>
<span id="cartSum">
{% IF cart_count_empty %}
<span>0</span> руб.
{% ELSE %}
{% FOR cart_sum %}
<span class="num">{cart_sum.NOW_WITH_DISCOUNT | money_format}</span><br />
{% ENDFOR %}
{% ENDIF %}
</span>
</div>
замените на

<div class="cart-title rhombus">
<a href="{CART_URL}"><i class="fa fa-shopping-cart" title="Перейти в корзину">&nbsp;</i></a>
<span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span>
<span id="cartSum" class="price RUB">
{% IF cart_count_empty %}
<span>0</span> руб.
{% ELSE %}
{% FOR cart_sum %}
<span class="num ">{cart_sum.NOW_WITH_DISCOUNT | money_format}</span>
{% ENDFOR %}
{% ENDIF %}
</span>
</div>

далее найдите в шаблоне Ajax добавление товара в корзину код
<div style="display:none;" id="newCartCount">
  <a href="{CART_URL}"><i class="fa fa-shopping-cart">&nbsp;</i></a>
  <span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span>
</div>
замените на

<div style="display:none;" id="newCartCount">
<a href="{CART_URL}"><i class="fa fa-shopping-cart" title="Перейти в корзину">&nbsp;</i></a>
<span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span>
<span id="cartSum" class="price RUB">
{% IF cart_count_empty %}
<span>0</span> руб.
{% ELSE %}
{% FOR cart_sum %}
<span class="num ">{cart_sum.NOW_WITH_DISCOUNT | money_format}</span>
{% ENDFOR %}
{% ENDIF %}
</span>
</div>


найдите в файле main.css код
#cartSum {
	position: absolute;
	line-height: 2;
	width: 72px;
}

замените на
#cartSum {
	position: absolute;
	line-height: 2;
	width: 72px;
	color: #1674b7;
}


#3 МихаилДолматов

МихаилДолматов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 319 сообщений

Отправлено 26 Июнь 2019 - 20:19

спасибо!

#4 МихаилДолматов

МихаилДолматов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 319 сообщений

Отправлено 26 Июнь 2019 - 20:29

Просмотр сообщенияИрина345 (24 Июнь 2019 - 10:49) писал:

Здравствуйте, найдите в шаблоне HTML код
<div class="cart-title rhombus">
<a href="{CART_URL}"><i class="fa fa-shopping-cart" title="Перейти в корзину">&nbsp;</i></a>
<span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span>
<span id="cartSum">
{% IF cart_count_empty %}
<span>0</span> руб.
{% ELSE %}
{% FOR cart_sum %}
<span class="num">{cart_sum.NOW_WITH_DISCOUNT | money_format}</span><br />
{% ENDFOR %}
{% ENDIF %}
</span>
</div>
замените на

<div class="cart-title rhombus">
<a href="{CART_URL}"><i class="fa fa-shopping-cart" title="Перейти в корзину">&nbsp;</i></a>
<span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span>
<span id="cartSum" class="price RUB">
{% IF cart_count_empty %}
<span>0</span> руб.
{% ELSE %}
{% FOR cart_sum %}
<span class="num ">{cart_sum.NOW_WITH_DISCOUNT | money_format}</span>
{% ENDFOR %}
{% ENDIF %}
</span>
</div>

далее найдите в шаблоне Ajax добавление товара в корзину код
<div style="display:none;" id="newCartCount">
<a href="{CART_URL}"><i class="fa fa-shopping-cart">&nbsp;</i></a>
<span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span>
</div>
замените на

<div style="display:none;" id="newCartCount">
<a href="{CART_URL}"><i class="fa fa-shopping-cart" title="Перейти в корзину">&nbsp;</i></a>
<span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span>
<span id="cartSum" class="price RUB">
{% IF cart_count_empty %}
<span>0</span> руб.
{% ELSE %}
{% FOR cart_sum %}
<span class="num ">{cart_sum.NOW_WITH_DISCOUNT | money_format}</span>
{% ENDFOR %}
{% ENDIF %}
</span>
</div>


найдите в файле main.css код
#cartSum {
position: absolute;
line-height: 2;
width: 72px;
}

замените на
#cartSum {
position: absolute;
line-height: 2;
width: 72px;
color: #1674b7;
}


Можно еще кое-что подправить:
Я добавляю два товара - 2221.png
после я удаляю один из товаров - 222.png
Но сумма  в итого и сверху в правом углу возле значка корзины остается той же. Помогите сделать так чтобы сумма в цифрах возле значка корзины и в итого отображалась корректно даже после того как я удалил какой либо товар.

#5 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 28 Июнь 2019 - 19:30

Просмотр сообщенияМихаилДолматов (26 Июнь 2019 - 20:29) писал:

Можно еще кое-что подправить:
Я добавляю два товара - Прикрепленный файл 2221.png
после я удаляю один из товаров - Прикрепленный файл 222.png
Но сумма  в итого и сверху в правом углу возле значка корзины остается той же. Помогите сделать так чтобы сумма в цифрах возле значка корзины и в итого отображалась корректно даже после того как я удалил какой либо товар.
Здравствуйте, по умолчанию, корзина в шапке на странице корзины не отображается.
Так как в большинстве случаев покупатель отслеживает итоговую сумму заказ по таблицы на странице заказа и не обращает внимание на корзину в шапке.
Что бы скрыть корзину в шапке на странице корзины, добавьте в конец файла main.css код
.block-cart.cart-page {
	display: none;
}





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных