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


Чек Вместо Корзины


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

#41 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 01 Март 2014 - 10:28

Просмотр сообщенияBrendi (01 Март 2014 - 09:55) писал:

Спасибо, а размер шрифта контактов где поменять?
И корзина теперь не обновляется, пока страницу не обновишь, когда добавляешь товар, и со страницы товара, и с категории.

Здравствуйте,
Размер шрифта контактов
Находим
.contacts {
color: white;
margin: 70px 0 0 20px;
font-weight: bold;
float: left;
}

Заменяем на
.contacts {
color: white;
margin: 70px 0 0 20px;
font-weight: bold;
float: left;
font-size: 15px;
}

Внесли изменения для обновления корзины.

#42 Brendi

Brendi

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

  • Пользователи
  • PipPipPipPip
  • 719 сообщений
  • ГородНорильск

Отправлено 01 Март 2014 - 10:40

Огромное Вам спасибо! Обещаю 2 дня не приставать. Но вопросы еще есть. Корзина с каталога так и не обновляется(

#43 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 01 Март 2014 - 12:32

Просмотр сообщенияBrendi (01 Март 2014 - 10:40) писал:

Огромное Вам спасибо! Обещаю 2 дня не приставать. Но вопросы еще есть. Корзина с каталога так и не обновляется(

Проверьте внесенные изменения

#44 Brendi

Brendi

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

  • Пользователи
  • PipPipPipPip
  • 719 сообщений
  • ГородНорильск

Отправлено 01 Март 2014 - 12:39

Работает! Спасибо!

#45 Яндекс

Яндекс

    Продвинутый пользователь

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

Отправлено 23 Апрель 2016 - 10:22

Здравствуйте.
Хочу аналогично сделать форму в виде чека, как указано в 1м сообщении, для шаблона "Радость".
Но чтобы всё это дело отображалось слева под каталогом "Каталог интернет-магазина"
Подскажите пожалуйста что куда добавить.

Заранее спасибо!!!

#46 Юля123

Юля123

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

  • Модератоpы
  • 2 567 сообщений

Отправлено 25 Апрель 2016 - 17:01

Просмотр сообщенияЯндекс (23 Апрель 2016 - 10:22) писал:

Здравствуйте.
Хочу аналогично сделать форму в виде чека, как указано в 1м сообщении, для шаблона "Радость".
Но чтобы всё это дело отображалось слева под каталогом "Каталог интернет-магазина"
Подскажите пожалуйста что куда добавить.

Заранее спасибо!!!

Здравствуйте, для начала нужна картинка-фон чека. Если она у Вас есть, то загрузите ее в редакторе шаблонов, далее с инструкцией мы Вам поможем. Если у Вас нет такой картинки, то либо поищите в интернете, либо закажите у дизайнера.

#47 Яндекс

Яндекс

    Продвинутый пользователь

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

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

Что-то наподобии как написано на сайте http://punktinitiati...emart-i-joomla/ можно сделать ?

#48 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 21 Июль 2016 - 06:02

Блок корзины в шаблоне у нас выглядит иначе, а в целом это только стилистический нюанс, как вам писали выше необходимо предоставить картинку чека чтобы в инструкции мы могли ее сразу использовать и указать готовый код =)
Или вы хотите без использования картинок, сделать идентичный вид как на сайте примере?

#49 Яндекс

Яндекс

    Продвинутый пользователь

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

Отправлено 21 Июль 2016 - 08:09

Просмотр сообщенияVaccina (21 Июль 2016 - 06:02) писал:

Блок корзины в шаблоне у нас выглядит иначе, а в целом это только стилистический нюанс, как вам писали выше необходимо предоставить картинку чека чтобы в инструкции мы могли ее сразу использовать и указать готовый код =)
Или вы хотите без использования картинок, сделать идентичный вид как на сайте примере?
Если возможно то без использования картинок хотел бы сделать как пример на сайте.
Расположение слева под каталогом товаров.

#50 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 22 Июль 2016 - 05:44

В шаблоне HTML найдите:
{% IF CLIENT_IS_LOGIN %}
				<div class="hi red b fnt16">Здравствуйте, {CLIENT_NAME}.</div>
				{% ENDIF %}
			   
				{% IF CLIENT_IS_LOGIN %}
				<div class="hi b i green fmlptn fnt14">Отследить статус Вашего заказа а также посмотреть историю всех Ваших заказов можно в личном кабинете. Нажмите на изображение ниже.</div>
				{% ENDIF %}


после него вставьте:
<!-- Корзина -->
		  <div class="block-cart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}">
			<div class="title">
			  <a href="{CART_URL}" title="Перейти в корзину">В Корзине:<span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span></a>
			</div>
			<div class="dropdown-cart">
			  <div class="cart-content">
				{% IF cart_count_empty %}
				<div class="cart-empty">Ваша корзина пуста</div>
				{% ELSE %}
				<ul class="cart-products-list">
				  {% FOR cart_items %}
				  <li class="item">
					<a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove"></a>
					<a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=infinity{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
					<div class="product-details">
					  <div class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></div>
					  {% IFNOT cart_items.distinctive_properties_empty %}<div class="product-mod">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</div>{% ENDIF %}
					  <div class="product-price">
						<span class="quantity">{cart_items.ORDER_LINE_QUANTITY} x </span>
						<span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
					  </div>
					</div>
				  </li>
				  {% ENDFOR %}
				</ul>
				{% FOR cart_sum %}
				<div class="subtotal">
				  <span class="label">Итого:</span>
				  <span class="price {CURRENCY_CHAR_CODE} total-sum">{cart_sum.NOW | money_format}</span>
				</div>
				{% ENDFOR %}
				<div class="actions">
				  <a class="button products-remove" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить</a>
				  <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
				</div>
				{% ENDIF %}
			  </div>
			</div>
		  </div>

в main.css добавьте:
/* Корзина */
.block-cart {display: block;position: relative;padding: 5px;margin-bottom: 5px;}
.block-cart .title {padding-right: 30px;margin-right: -30px;}
.block-cart .title a {display: block;padding: 10px;background-color: #FC4302;color: #fff;text-transform: uppercase;text-align: center;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.block-cart:hover .title a {background-color: #26518D;}
.block-cart .title a span {display: inline-block;font-weight: bold;margin-left: 10px;}
.block-cart .title a i {margin-right: 10px;}
.block-cart .title .cart-count {color: #fff;}
.block-cart.cart-page {display: none;}
.block-cart .dropdown-cart {padding: 15px 5px 0px 10px;width: 300px;color: #282828;border: 1px solid #e1e1e1;background-color: #ffffff;z-index: 99;}
.block-cart .dropdown-cart .cart-content .cart-empty {padding: 0px 5px 15px 0px;}
.block-cart .dropdown-cart .cart-content .cart-products-list {margin-bottom: 0;overflow: auto;max-height: 355px;}
.block-cart .dropdown-cart .cart-content .cart-products-list .item {display: inline-block;position: relative;width: 100%;margin: 0 0 10px;padding: 0 0 10px;border-bottom: 1px solid #f0f0f0;}
.block-cart .dropdown-cart .cart-content .cart-products-list .item .product-image {display: block;position: relative;float: left;margin-right: 15px;margin-bottom: 0;width: 100px;height: 100px;line-height: 100px;}
.block-cart .dropdown-cart .cart-content .cart-products-list .item .product-details {margin-left: 120px;padding-top: 0;}
.block-cart .dropdown-cart .cart-content .cart-products-list .item .product-details .product-rating {display: table;}
.block-cart .dropdown-cart .cart-content .cart-products-list .item .product-details .product-name {display: block;position: relative;margin-bottom: 5px;font-size: 16px;max-height: 56px;text-transform: uppercase;overflow: hidden;white-space: normal;text-overflow: ellipsis;}
.block-cart .dropdown-cart .cart-content .cart-products-list .item .product-details .product-name a:hover {color: #FC4302;}
.block-cart .dropdown-cart .cart-content .cart-products-list .item .product-details .product-price {margin-bottom: 5px;}
.block-cart .dropdown-cart .cart-content .cart-products-list .item .product-details .product-mod {font-size: 12px;margin-bottom: 5px;}
.block-cart .dropdown-cart .cart-content .cart-products-list .item .remove {display: inline-block;position: absolute;float: none;left: 1px;top: 1px;z-index: 10;}
.block-cart .dropdown-cart .cart-content .subtotal {float: left;width: 100%;text-transform: uppercase;margin: 10px 0 15px;}
.block-cart .dropdown-cart .cart-content .subtotal .label {float: left;margin-right: 20px;padding-top: 5px;color: #808080;font-weight: 700;}
.block-cart .dropdown-cart .cart-content .subtotal .price {font-weight: bold;float: right;font-size: 20px;line-height: 24px;margin-right: 15px;}
.block-cart .dropdown-cart .cart-content .actions {margin: 0 -6px -1px -11px;padding: 15px 20px 5px;color: #ffffff;border-color: #FC4302;background-color: #FC4302;overflow: hidden;clear: both;}
.block-cart .dropdown-cart .cart-content .actions .button {border: 1px solid #ffffff;padding: 7px 20px;margin: 0 0 10px 0;}
.block-cart .dropdown-cart .cart-content .actions .button:hover {color: #282828;border-color: #ffffff;background-color: #ffffff;}
.block-cart .dropdown-cart .cart-content .actions .button:first-child {float: left;}
.block-cart .dropdown-cart .cart-content .actions .button:nth-child(2) {float: right;}


#51 Яндекс

Яндекс

    Продвинутый пользователь

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

Отправлено 22 Июль 2016 - 08:27

Сделал.
Теперь нужно:
1. Подогнать по размерам...
2. В "итого" уменьшить шрифт РУБЛЕЙ и наоборот чуть увеличить сумму
3. Также желательно на самих блоках уменьшить штрифт и высоту самих блоков

Также не работает кнопка очистить. + Сделать её и "в корзину" кнопками с заливкой оранжевого цвета.

Вопросы актуальны, на время доработки пока временно удалил код из HTML.

#52 Яндекс

Яндекс

    Продвинутый пользователь

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

Отправлено 22 Июль 2016 - 17:34

Актуально.

#53 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 23 Июль 2016 - 04:14

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

#54 Яндекс

Яндекс

    Продвинутый пользователь

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

Отправлено 23 Июль 2016 - 06:40

Просмотр сообщенияVaccina (23 Июль 2016 - 04:14) писал:

Уточните пожалуйста, где можно просмотреть изменения по инструкции выше?
Временно удалил код из HTML (на время доработки кода).

#55 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 23 Июль 2016 - 07:07

Желательно сохранять изменения, чтобы наши инструкции были более точными.
В main.css найдите:
.block-cart .dropdown-cart {padding: 15px 5px 0px 10px;width: 300px;color: #282828;border: 1px solid #e1e1e1;background-color: #ffffff;z-index: 99;}

замените на:
.block-cart .dropdown-cart {padding: 15px 5px 0px 10px;width: 100%;color: #282828;border: 1px solid #e1e1e1;background-color: #ffffff;z-index: 99;}

далее строки:
.block-cart .dropdown-cart .cart-content .subtotal {float: left;width: 100%;text-transform: uppercase;margin: 10px 0 15px;}
.block-cart .dropdown-cart .cart-content .subtotal .label {float: left;margin-right: 20px;padding-top: 5px;color: #808080;font-weight: 700;}
.block-cart .dropdown-cart .cart-content .subtotal .price {font-weight: bold;float: right;font-size: 20px;line-height: 24px;margin-right: 15px;}

измените на:
.block-cart .dropdown-cart .cart-content .subtotal {font-size: 16px;float: left;width: 100%;text-transform: uppercase;margin: 10px 0 15px;}
.block-cart .dropdown-cart .cart-content .subtotal .label {float: left;margin-right: 20px;padding-top: 5px;color: #808080;font-weight: 700;}
.block-cart .dropdown-cart .cart-content .subtotal .price {font-weight: bold;float: right;line-height: 24px;margin-right: 15px;}

далее строку:
.block-cart .dropdown-cart .cart-content .cart-products-list .item {display: inline-block;position: relative;width: 100%;margin: 0 0 10px;padding: 0 0 10px;border-bottom: 1px solid #f0f0f0;}

замените на:
.block-cart .dropdown-cart .cart-content .cart-products-list .item {display: inline-block;position: relative;width: 100%;margin: 0;padding: 0 0 10px;border-bottom: 1px solid #f0f0f0;}

далее строку:
.block-cart .dropdown-cart .cart-content .cart-products-list .item .product-details .product-name {display: block;position: relative;margin-bottom: 5px;font-size: 16px;max-height: 56px;text-transform: uppercase;overflow: hidden;white-space: normal;text-overflow: ellipsis;}

замените на:
.block-cart .dropdown-cart .cart-content .cart-products-list .item .product-details .product-name {display: block;position: relative;margin-bottom: 5px;font-size: 14px;max-height: 56px;text-transform: uppercase;overflow: hidden;white-space: normal;text-overflow: ellipsis;}


#56 Яндекс

Яндекс

    Продвинутый пользователь

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

Отправлено 23 Июль 2016 - 07:12

Сделал бекап, и внес изменения.
Посмотрите пожалуйста.

#57 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 23 Июль 2016 - 07:30

В самых первых строках вы немного не так изменили надо было в строке:
.block-cart .dropdown-cart {padding: 15px 5px 0px 10px;width: 300px;color: #282828;border: 1px solid #e1e1e1;background-color: #ffffff;z-index: 99;}

значение стиля width менять не на 100px, а на 100%

далее найдите:
.block-cart .dropdown-cart .cart-content .cart-products-list .item .product-image {
	display: block;
	position: relative;
	float: left;
	margin-right: 15px;
	margin-bottom: 0;
	width: 100px;
	height: 100px;
	line-height: 100px;
}

замените на:
.block-cart .dropdown-cart .cart-content .cart-products-list .item .product-image {
	display: block;
	position: relative;
	float: left;
	margin-right: 15px;
	margin-bottom: 0;
	width: 40px;
}


далее найдите:
.block-cart .dropdown-cart .cart-content .cart-products-list .item .product-details {
	margin-left: 120px;
	padding-top: 0;
}

замените на:
.block-cart .dropdown-cart .cart-content .cart-products-list .item .product-details {
	margin-left: 60px;
	padding-top: 0;
}


#58 Яндекс

Яндекс

    Продвинутый пользователь

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

Отправлено 23 Июль 2016 - 07:34

Просмотр сообщенияVaccina (23 Июль 2016 - 07:30) писал:

В самых первых строках вы немного не так изменили надо было в строке:
.block-cart .dropdown-cart {padding: 15px 5px 0px 10px;width: 300px;color: #282828;border: 1px solid #e1e1e1;background-color: #ffffff;z-index: 99;}

значение стиля width менять не на 100px, а на 100%

далее найдите:
.block-cart .dropdown-cart .cart-content .cart-products-list .item .product-image {
display: block;
position: relative;
float: left;
margin-right: 15px;
margin-bottom: 0;
width: 100px;
height: 100px;
line-height: 100px;
}

замените на:
.block-cart .dropdown-cart .cart-content .cart-products-list .item .product-image {
display: block;
position: relative;
float: left;
margin-right: 15px;
margin-bottom: 0;
width: 40px;
}


далее найдите:
.block-cart .dropdown-cart .cart-content .cart-products-list .item .product-details {
margin-left: 120px;
padding-top: 0;
}

замените на:
.block-cart .dropdown-cart .cart-content .cart-products-list .item .product-details {
margin-left: 60px;
padding-top: 0;
}
Да, точно.
Спасибо!.
Поставил не 100% а 94 потому как при 100 опять "уезжает" за поля...

По размерам подогнали а как теперь сделать остальные пункты ?
2. В "итого к оплате" уменьшить шрифт РУБЛЕЙ и наоборот чуть увеличить сумму а также сделать фон на ширину окна и текст выравнить со словом итого по левому краю.
3. Также желательно на самих блоках уменьшить штрифт и высоту самих блоков (чтобы было компактно)
4. Также не работает кнопка очистить. + Сделать её и "в корзину" кнопками с заливкой оранжевого цвета.
5. Количество товара объединить с ценой в одном фоне (сейчас в фоне только цена)

#59 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 23 Июль 2016 - 07:46

В main.css найдите:
.block-cart .dropdown-cart .cart-content .subtotal .price {
	font-weight: bold;
	float: right;
	line-height: 24px;
	margin-right: 15px;
}

замените на:
.block-cart .dropdown-cart .cart-content .subtotal .price {
	font-size: 14px;
	float: right;
	line-height: 24px;
	margin-right: 5px;
	margin-top: 5px;
}

далее найдите:
.block-cart .dropdown-cart .cart-content .subtotal {
	font-size: 16px;
	float: left;
	width: 100%;
	text-transform: uppercase;
	margin: 10px 0 15px;
}

замените на:
.block-cart .dropdown-cart .cart-content .subtotal {
	font-size: 16px;
	width: 100%;
	text-transform: uppercase;
	margin: 10px 0 15px;
	text-align: center;
	float: left;
}

фон для кнопок изменяйте в следующем блоке:
.block-cart .dropdown-cart .cart-content .actions .button {
	border: 1px solid #ffffff;
	padding: 7px 20px;
	margin: 0 0 10px 0;
}


#60 Яндекс

Яндекс

    Продвинутый пользователь

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

Отправлено 23 Июль 2016 - 07:58

1. По коду выше меняется не фон кнопок а рамка.
2. Как выровнять по центру "оформить заказ"
3. Количество товара объединить с ценой в одном фоне (сейчас в фоне только цена) и растянуть фон до правого края (чтобы выглядело одинаково)
4. Как увеличить шрифт цена и сделать жирным.




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

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