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


Заменить Кнопки Купить, В Корзину


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

#1 xomyd

xomyd

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

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

Отправлено 12 Ноябрь 2013 - 17:16

Хотелось бы поменять эти кнопки, на более привлекательные

#2 Сake

Сake

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

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

Отправлено 13 Ноябрь 2013 - 01:21

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

#3 xomyd

xomyd

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

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

Отправлено 13 Ноябрь 2013 - 06:49

Просмотр сообщенияСake (13 Ноябрь 2013 - 01:21) писал:

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

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

  • buy.png


#4 miyako

miyako

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

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

Отправлено 13 Ноябрь 2013 - 08:00

Просмотр сообщенияxomyd (13 Ноябрь 2013 - 06:49) писал:

Кнопки Купить, В Корзину

Найдите код в main.css -
.more-link, a.read-more, .paymentFormTbodySubmitButton {
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #666;
text-decoration: none;
background: url("{ASSETS_IMAGES_PATH}read_more.jpg") no-repeat left top;
height: 30px;
width: 135px;
padding-left: 15px;
display: inline-block;
}
и измените изображение read_more.jpg на Ваше

Аналогично в коде -
a.readmore {
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #666;
text-decoration: none;
background: url({ASSETS_IMAGES_PATH}read_more2.png) no-repeat left top;
height: 30px;
width: 135px;
padding-left: 15px;
display: block;
}
a.readmore:hover {
color: #fff;
background: url({ASSETS_IMAGES_PATH}read_more2.png) no-repeat left bottom;
}


#5 krohotylja

krohotylja

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

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

Отправлено 30 Январь 2014 - 09:57

А как сделать вот такую кнопку  "В корзину" с выбором количества товара


Изображение
как на этом сайте http://myakishi.ru/k...ku_zhivotnye_2/

#6 miyako

miyako

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

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

Отправлено 30 Январь 2014 - 10:52

Просмотр сообщенияkrohotylja (30 Январь 2014 - 09:57) писал:

А как сделать вот такую кнопку  "В корзину" с выбором количества товара


Изображение
как на этом сайте http://myakishi.ru/k...ku_zhivotnye_2/

Код в шаблоне Товар -
<a class="more-link" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">
				 В корзину</a>
замените на -
<div class="button_buy"> <input name="form[quantity][{cart_items.GOODS_MOD_ID}]" value="1" class="number txtalgncnt" type="text" />
					 <a class="more-link" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">
				 В корзину</a>
				 </div>
В конец main.css добавьте -
.button_buy{height:30px;width:150px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background:blue;border: 1px solid blue;}
					 .button_buy input,.button_buy a{display:inline-block;zoom:1;*display:inline;float:left;height:30px;}
					 .button_buy a{background:none !important;width:50%; color: #fff !important;}
					 .button_buy input{margin:0;height:26px;border:0px;margin-top:1px;margin-left:1px;width:30%;text-indent:5px;}
				
background:blue - цвет фона
border: 1px solid blue; - цвет границы

Результат на скриншоте -

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

  • кнопка купить.png


#7 krohotylja

krohotylja

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

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

Отправлено 30 Январь 2014 - 14:23

Просмотр сообщенияmiyako (30 Январь 2014 - 10:52) писал:

Код в шаблоне Товар -
<a class="more-link" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">
				 В корзину</a>
замените на -
<div class="button_buy"> <input name="form[quantity][{cart_items.GOODS_MOD_ID}]" value="1" class="number txtalgncnt" type="text" />
					 <a class="more-link" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">
				 В корзину</a>
				 </div>
В конец main.css добавьте -
.button_buy{height:30px;width:150px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background:blue;border: 1px solid blue;}
					 .button_buy input,.button_buy a{display:inline-block;zoom:1;*display:inline;float:left;height:30px;}
					 .button_buy a{background:none !important;width:50%; color: #fff !important;}
					 .button_buy input{margin:0;height:26px;border:0px;margin-top:1px;margin-left:1px;width:30%;text-indent:5px;}
				
background:blue - цвет фона
border: 1px solid blue; - цвет границы

Результат на скриншоте -
не получилось
Изображение


Изображение

#8 miyako

miyako

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

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

Отправлено 30 Январь 2014 - 14:50

Просмотр сообщенияkrohotylja (30 Январь 2014 - 14:23) писал:

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


Изображение

Исправила сообщение, теперь должно работать

#9 krohotylja

krohotylja

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

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

Отправлено 09 Октябрь 2014 - 09:35

Просмотр сообщенияmiyako (30 Январь 2014 - 14:50) писал:

Исправила сообщение, теперь должно работать
Как выяснилось работает не корректно, если изменить количество на 2, в корзину все равно попадает 1.

#10 Сake

Сake

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

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

Отправлено 10 Октябрь 2014 - 05:44

Найдите в вашем шаблоне "Товар" строку

<input name="form[quantity][{cart_items.GOODS_MOD_ID}]" value="1" class="number txtalgncnt" type="text" />

и замените её на

<input name="form[goods_mod_quantity]" value="1" class="number txtalgncnt" type="text" />





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

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