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


Кнопка Добавления В Корзину Из Каталога

Автор Bucks, 01 апр. 2013 23:42
корзина кнопка мокка

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

#21 miyako

miyako

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

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

Отправлено 22 Апрель 2013 - 12:09

Просмотр сообщенияmaza1204 (22 Апрель 2013 - 11:26) писал:

Добрый день. Помогите пожалуйста с кнопкой корзины.Изображение

Добавьте в конец файла main.css код:
#cartSum {
float: left;
left: 111px;
position: relative;
}
#cartInfo img{top: 88px !important;position: relative;}
Найдите код:
#cartInfo a {
color: #000;
text-transform: uppercase;
}
и замените на:
#cartInfo a {
  color:#000;
  text-transform: uppercase;
  float: left;
  margin-top: -88px;
}

#22 Koderhan

Koderhan

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

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

Отправлено 22 Апрель 2013 - 12:18

Просмотр сообщенияmaza1204 (22 Апрель 2013 - 11:26) писал:

Добрый день. Помогите пожалуйста с кнопкой корзины.

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:

#cartSum {
	margin-left: -55px;
	margin-bottom: 20px;
	position: relative;
	bottom: 42px;
}

В файле "main.css".
Найти код:

#cartInfo {
  position:absolute;
  font-size: 13px;
  bottom: 6px;
  right: 10px;
  white-space:nowrap;
  vertical-align: top;
  line-height: 5;
  height: 100px;
}
#cartInfo a {
  color:#000;
  text-transform: uppercase;
  vertical-align: top;
  line-height: 5;
}
Заменить:
#cartInfo {
  position:absolute;
  font-size: 13px;
  bottom: 6px;
  right: 10px;
  white-space:nowrap;
  vertical-align: top;
  line-height: 5;
  height: 100px;
}
#cartInfo a {
  color:#000;
  text-transform: uppercase;
  vertical-align: top;
  line-height: 5;
}

#23 maza1204

maza1204

    Пользователь

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

Отправлено 23 Апрель 2013 - 11:46

Вот что получилось
Изображение

И обратно не исправляется(( HELP

#24 Koderhan

Koderhan

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

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

Отправлено 23 Апрель 2013 - 12:32

Просмотр сообщенияmaza1204 (23 Апрель 2013 - 11:46) писал:

Вот что получилось
Изображение

И обратно не исправляется(( HELP
Пожалуйста, попробуйте очистить кеш браузера.

#25 maza1204

maza1204

    Пользователь

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

Отправлено 23 Апрель 2013 - 13:47

Не помогло

#26 Andrea

Andrea

    Новичок

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

Отправлено 23 Апрель 2013 - 15:02

а как изменить фон текста - Положить в корзину? хотелось бы ярче или темнее фон и картинку Корзины в начале текста добавить

#27 Koderhan

Koderhan

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

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

Отправлено 23 Апрель 2013 - 15:13

Просмотр сообщенияmaza1204 (23 Апрель 2013 - 13:47) писал:

Не помогло

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:

#cartInfo {
  position:absolute;
  font-size: 13px;
  bottom: 6px;
  right: 10px;
  white-space:nowrap;
  vertical-align: top;
  line-height: 5;
  height: 100px;
}
Заменить:
/*cartInfo*/
#cartInfo {
  position: relative;
  font-size: 13px;
  white-space:nowrap;
  vertical-align: top;
  line-height: 5;
  height: 100px;
  left: 772px;
  top: 359px;
  width: 245px;
}



Найти код:

#cartSum {
		margin-left: -55px;
		margin-bottom: 20px;
		position: relative;
		bottom: 42px;
}
Заменить:
#cartSum {
		display: block;
}

Добавить в конец файла код:

#cartInfo .m1 {
	display: block;
	width: 120px;
	float: left;
}
#cartInfo .m2 {
	display: block;
	width: 120px;
	float: right;
	margin-top: 36px;
}

В файле "HTML"
Найти код:

<!-- Корзина -->
	  <div id="cartInfo"style="position: absolute; top: 360px; right: 100px;">
		<a href="{CART_URL}"><img src=http://files.storeland.ru/web/upload/sitefiles/6/512/511558/korzina.png>Товаров на</a>:
		<span id="cartSum">
		  {% IF cart_count_empty %}
			<span class="red">0</span> {CURRENCY_NAME}
		  {% ELSE %}
			{% FOR cart_sum %}
			  <span>{cart_sum.NOW | money_format}</span><br />
			{% ENDFOR %}
		  {% ENDIF %}
		</span>
	  </div>
	  <!-- end Корзина -->
Заменить:
<!-- Корзина -->
	  <div id="cartInfo">
		<div class="m1">
		<a href="{CART_URL}"><img src=http://files.storeland.ru/web/upload/sitefiles/6/512/511558/korzina.png></a>
		</div>
		<div class="m2">
		  <span class="t1">
			Товаров на:
		  </span>
		  <span id="cartSum">
			{% IF cart_count_empty %}
			  <span class="red">0</span> {CURRENCY_NAME}
			{% ELSE %}
			  {% FOR cart_sum %}
				<span>{cart_sum.NOW | money_format}</span><br />
			  {% ENDFOR %}
			{% ENDIF %}
		  </span>
		</div>
	  </div>
	  <!-- end Корзина -->

#28 Koderhan

Koderhan

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

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

Отправлено 23 Апрель 2013 - 15:20

Просмотр сообщенияAndrea (23 Апрель 2013 - 15:02) писал:

а как изменить фон текста - Положить в корзину? хотелось бы ярче или темнее фон и картинку Корзины в начале текста добавить

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:

.goodsDataFormSubmitButton input {
	background: #008000 url("адрес до изображения") no-repeat;
	color: white;
}
/*стили при наведение на кнопку*/
.goodsDataFormSubmitButton input:hover {
	background: #008000 url("адрес до изображения") no-repeat;
	color: white;
}

#29 maza1204

maza1204

    Пользователь

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

Отправлено 23 Апрель 2013 - 15:26

Все супер. Спасибо!

#30 Andrea

Andrea

    Новичок

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

Отправлено 24 Апрель 2013 - 06:57

Просмотр сообщенияKoderhan (23 Апрель 2013 - 15:20) писал:

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:

.goodsDataFormSubmitButton input {
background: #008000 url("адрес до изображения") no-repeat;
color: white;
}
/*стили при наведение на кнопку*/
.goodsDataFormSubmitButton input:hover {
background: #008000 url("адрес до изображения") no-repeat;
color: white;
}
спасибо
а можно ли сделать так, чтобы при "Товара нет в наличии" кнопка не нажималась. а то получается что кнопка нажимается и ничего не добавляется.

#31 miyako

miyako

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

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

Отправлено 24 Апрель 2013 - 07:29

Просмотр сообщенияAndrea (24 Апрель 2013 - 06:57) писал:

спасибо
а можно ли сделать так, чтобы при "Товара нет в наличии" кнопка не нажималась. а то получается что кнопка нажимается и ничего не добавляется.

Можно эту кнопку скрыть:
в шаблоне Товар найдите код:
		   <input type="submit" value="Положить в корзину" style="width:200px;" />
и замените на:
<input type="submit" value="Положить в корзину" style="width:200px; {% IF GOODS_MOD_REST_VALUE=0 %} display:none; {% ENDIF %} "   />

#32 Andrea

Andrea

    Новичок

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

Отправлено 24 Апрель 2013 - 14:32

Просмотр сообщенияmiyako (24 Апрель 2013 - 07:29) писал:

Можно эту кнопку скрыть:
в шаблоне Товар найдите код:
		 <input type="submit" value="Положить в корзину" style="width:200px;" />
и замените на:
<input type="submit" value="Положить в корзину" style="width:200px; {% IF GOODS_MOD_REST_VALUE=0 %} display:none; {% ENDIF %} " />
при таком условии положить в корзину исчезает даже если есть товар

#33 Koderhan

Koderhan

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

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

Отправлено 24 Апрель 2013 - 15:45

Просмотр сообщенияAndrea (24 Апрель 2013 - 14:32) писал:

при таком условии положить в корзину исчезает даже если есть товар
Панель администратора, "Сайт"->"Редактор тем".
В файле "Товар".
Найти код:
<input type="submit" value="Положить в корзину" style="width:200px; {% IF GOODS_MOD_REST_VALUE=0 %} display:none; {% ENDIF %} " />
Заменить:
<input type="submit" value="Положить в корзину" style="width:200px; {% IF GOODS_MOD_REST_VALUE=0 %} disabled {% ENDIF %} " />

#34 Andrea

Andrea

    Новичок

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

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

Просмотр сообщенияKoderhan (24 Апрель 2013 - 15:45) писал:

Панель администратора, "Сайт"->"Редактор тем".
В файле "Товар".
Найти код:
<input type="submit" value="Положить в корзину" style="width:200px; {% IF GOODS_MOD_REST_VALUE=0 %} display:none; {% ENDIF %} " />
Заменить:
<input type="submit" value="Положить в корзину" style="width:200px; {% IF GOODS_MOD_REST_VALUE=0 %} disabled {% ENDIF %} " />
это условие совсем не работает
посмотрите на сайте atd-kms.ru

#35 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 25 Апрель 2013 - 07:50

Данное условие проверили, все работает корректно:

<input type="submit" value="Положить в корзину" style="width:200px;{% IF GOODS_MOD_REST_VALUE=0 %}display:none;{% ENDIF %}" />

Пришлите ваш код шаблона товар, чтобы мы могли проверить его корректность.

#36 Bucks

Bucks

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

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

Отправлено 01 Май 2013 - 00:55

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

#37 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 01 Май 2013 - 07:47

по сути данное всплывающее автоматически центрируется по x и y, можете уточнить свою проблему, так как в маленьких окнах таких проблем не возникало.

#38 Bucks

Bucks

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

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

Отправлено 05 Май 2013 - 23:46

Просмотр сообщенияVaccina (01 Май 2013 - 07:47) писал:

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

#39 Сake

Сake

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

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

Отправлено 07 Май 2013 - 02:24

К сожалению, у нас нет возможности протестировать работу на данном устройстве. Вероятно эта проблема возникает из-за браузера который вы используете на мобильном устройстве. Попробуйте протестировать работу в другом браузере.

#40 soto

soto

    Пользователь

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

Отправлено 23 Октябрь 2016 - 22:31

Добрый вечер!

Поставила кнопку Добавить в корзину, все получилось, но у меня эта кнопка показывается даже когда товара нет в наличии.
В прикрепленной картинке как раз виден товар, которого сейчас нет, а кнопка есть.

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

Спасибо.

Прикрепленные изображения

  • addcart1.jpg

Обратно в Корзина



Темы с аналогичным тегами корзина, кнопка, мокка

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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Мокко
  5. → Корзина
  6. Privacy Policy