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


Как Сделать Жирным Текст, В Кратком Описании (Блок Редактирование Товара)

Автор ozzi, 30 сент. 2015 18:55

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

#81 ozzi

ozzi

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

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

Отправлено 06 Сентябрь 2016 - 07:38

уже лучше. только не работают кнопки "+" и "-" и как сдвигать блок выбора количества товара повыше? Аккаунт SL-110953

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

  • 2016-09-06_09-32-04.png

#82 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 06 Сентябрь 2016 - 10:09

Просмотр сообщенияozzi (06 Сентябрь 2016 - 07:38) писал:

уже лучше. только не работают кнопки "+" и "-" и как сдвигать блок выбора количества товара повыше? Аккаунт SL-110953

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Скрипты -> main.js, добавьте в конце код:
$(document).ready(function(){
  $('.qty-plus').click(function(){
	var
	  quantity = $(this).parent().find('.quantity')
	  ,currentVal = parseInt(quantity.val())
	;
	if (!isNaN(currentVal)){
	  quantity.val(currentVal + 1);
	  quantity.trigger('keyup');
	}
	return false;
  });
  $('.qty-minus').click(function(){
	var
	  quantity = $(this).parent().find('.quantity')
	  ,currentVal = parseInt(quantity.val())
	;
	if (!isNaN(currentVal) && !(currentVal <= 1) ){
		quantity.val(currentVal - 1);
		quantity.trigger('keyup');
	}
	return false;
  });
});

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
  /* Кнопки выбора количества товара */
  div.plus_minus_quantity {float:left;margin:-5px 0 0px 22px;}
  .plus_minus_quantity .quantity {margin-bottom:2px;height:21px;border-radius:5px;padding-top:0px;padding-bottom:0px;text-align:center !important;}
  .plus_minus_quantity .qty-minus, .plus_minus_quantity .qty-plus  {cursor:pointer;border: 0 none;width:22px; height: 22px; padding: 2px 7px; margin: 0;text-align:center;background-color: #FF0551;-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-khtml-border-radius: 5px 5px 5px 5px;border-radius: 5px; color: #FFFFFF;padding-bottom:3px;}
  .plus_minus_quantity .qty-plus:hover, .plus_minus_quantity .qty-minus:hover, {background-color: #444444;}
  /* END Кнопки выбора количества товара */

#83 ozzi

ozzi

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

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

Отправлено 06 Сентябрь 2016 - 14:02

Просмотр сообщенияFirefly (06 Сентябрь 2016 - 10:09) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Скрипты -> main.js, добавьте в конце код:
$(document).ready(function(){
$('.qty-plus').click(function(){
var
	 quantity = $(this).parent().find('.quantity')
	 ,currentVal = parseInt(quantity.val())
;
if (!isNaN(currentVal)){
	 quantity.val(currentVal + 1);
	 quantity.trigger('keyup');
}
return false;
});
$('.qty-minus').click(function(){
var
	 quantity = $(this).parent().find('.quantity')
	 ,currentVal = parseInt(quantity.val())
;
if (!isNaN(currentVal) && !(currentVal <= 1) ){
	 quantity.val(currentVal - 1);
	 quantity.trigger('keyup');
}
return false;
});
});

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
/* Кнопки выбора количества товара */
div.plus_minus_quantity {float:left;margin:-5px 0 0px 22px;}
.plus_minus_quantity .quantity {margin-bottom:2px;height:21px;border-radius:5px;padding-top:0px;padding-bottom:0px;text-align:center !important;}
.plus_minus_quantity .qty-minus, .plus_minus_quantity .qty-plus {cursor:pointer;border: 0 none;width:22px; height: 22px; padding: 2px 7px; margin: 0;text-align:center;background-color: #FF0551;-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-khtml-border-radius: 5px 5px 5px 5px;border-radius: 5px; color: #FFFFFF;padding-bottom:3px;}
.plus_minus_quantity .qty-plus:hover, .plus_minus_quantity .qty-minus:hover, {background-color: #444444;}
/* END Кнопки выбора количества товара */

Просмотр сообщенияFirefly (06 Сентябрь 2016 - 10:09) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Скрипты -> main.js, добавьте в конце код:
$(document).ready(function(){
$('.qty-plus').click(function(){
var
	 quantity = $(this).parent().find('.quantity')
	 ,currentVal = parseInt(quantity.val())
;
if (!isNaN(currentVal)){
	 quantity.val(currentVal + 1);
	 quantity.trigger('keyup');
}
return false;
});
$('.qty-minus').click(function(){
var
	 quantity = $(this).parent().find('.quantity')
	 ,currentVal = parseInt(quantity.val())
;
if (!isNaN(currentVal) && !(currentVal <= 1) ){
	 quantity.val(currentVal - 1);
	 quantity.trigger('keyup');
}
return false;
});
});

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
/* Кнопки выбора количества товара */
div.plus_minus_quantity {float:left;margin:-5px 0 0px 22px;}
.plus_minus_quantity .quantity {margin-bottom:2px;height:21px;border-radius:5px;padding-top:0px;padding-bottom:0px;text-align:center !important;}
.plus_minus_quantity .qty-minus, .plus_minus_quantity .qty-plus {cursor:pointer;border: 0 none;width:22px; height: 22px; padding: 2px 7px; margin: 0;text-align:center;background-color: #FF0551;-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-khtml-border-radius: 5px 5px 5px 5px;border-radius: 5px; color: #FFFFFF;padding-bottom:3px;}
.plus_minus_quantity .qty-plus:hover, .plus_minus_quantity .qty-minus:hover, {background-color: #444444;}
/* END Кнопки выбора количества товара */

Кнопка съехала. нужно подкорректировать.

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

  • 2016-09-06_15-59-43.png

#84 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 06 Сентябрь 2016 - 14:29

Просмотр сообщенияozzi (06 Сентябрь 2016 - 14:02) писал:

Кнопка съехала. нужно подкорректировать.

Здравствуйте.
В данном случае у Вас закэшировалась старая информация в браузере по стилям в файле main.css.
Попробуйте очистить кэш комбинацией Ctrl+F5.

#85 ozzi

ozzi

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

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

Отправлено 06 Сентябрь 2016 - 20:07

Просмотр сообщенияFirefly (06 Сентябрь 2016 - 14:29) писал:

Здравствуйте.
В данном случае у Вас закэшировалась старая информация в браузере по стилям в файле main.css.
Попробуйте очистить кэш комбинацией Ctrl+F5.

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

#86 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 06 Сентябрь 2016 - 20:45

Просмотр сообщенияozzi (06 Сентябрь 2016 - 20:07) писал:

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

Внес Вам дополнительные изменения.
Теперь кнопки не должны съезжать.
Проверьте, пожалуйста.

#87 ozzi

ozzi

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

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

Отправлено 06 Сентябрь 2016 - 21:17

Просмотр сообщенияFirefly (06 Сентябрь 2016 - 20:45) писал:

Внес Вам дополнительные изменения.
Теперь кнопки не должны съезжать.
Проверьте, пожалуйста.

сорри, а сделайте снова изменения, а то я в тот момент когда Вы делали пытался ковырятся тоже, и не знал , что Вы делаете корректировки. (короче говоря ваши корректировки сбил). И еще заметил, что кнопка "+" прыгает тогда когда я меняю масштаб страницы в браузере.

#88 Vaccina

Vaccina

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

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

Отправлено 07 Сентябрь 2016 - 03:02

В main.css найдите:
.plus_minus_quantity .qty-minus, .plus_minus_quantity .qty-plus {
	cursor: pointer;
	border: 0 none;
	width: 22px;
	height: 22px;
	padding: 2px 7px;
	margin: 0;
	text-align: center;
	background-color: #FF0551;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px;
	color: #FFFFFF;
	padding-bottom: 3px;
}

замените на:
.plus_minus_quantity .qty-minus, .plus_minus_quantity .qty-plus {
	cursor: pointer;
	border: 0 none;
	width: 7px;
	height: 15px;
	padding: 2px 7px;
	margin: 0;
	text-align: center;
	background-color: #FF0551;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px;
	color: #FFFFFF;
	padding-bottom: 3px;
	display: inline-block;
	vertical-align: middle;
}

далее найдите:
div.plus_minus_quantity {
	float: left;
	margin: -5px 0 0px 22px;
}

замените на:
div.plus_minus_quantity {
	margin-bottom: 5px;
}
.price .goodsListForm {
	float: right;
	min-width: 85px;
	width: 85px;
	overflow: hidden;
	padding: 0 5px;
}

#89 ozzi

ozzi

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

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

Отправлено 07 Сентябрь 2016 - 13:50

Еще хотелось бы сделать как показано на картинке. Аккаунт SL-110953

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

  • 5.png

#90 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 07 Сентябрь 2016 - 14:33

Просмотр сообщенияozzi (07 Сентябрь 2016 - 13:50) писал:

Еще хотелось бы сделать как показано на картинке. Аккаунт SL-110953

Здравствуйте.
Создал Вам бэкапы (до и после) и произвел изменения.
Проверьте, пожалуйста.

#91 ozzi

ozzi

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

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

Отправлено 07 Сентябрь 2016 - 20:09

Просмотр сообщенияFirefly (07 Сентябрь 2016 - 14:33) писал:

Здравствуйте.
Создал Вам бэкапы (до и после) и произвел изменения.
Проверьте, пожалуйста.

ок, почти все хорошо, только при изменении масштаба страницы в браузере все время съезжает вниз кнопка "+". скрин прилагается. И еще можете показать где (в каким месте) произвели изменения по переносу блока "выбора количества" (чтоб знать)?

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

  • 6.png

#92 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 07 Сентябрь 2016 - 20:32

Просмотр сообщенияozzi (07 Сентябрь 2016 - 20:09) писал:

ок, почти все хорошо, только при изменении масштаба страницы в браузере все время съезжает вниз кнопка "+". скрин прилагается. И еще можете показать где (в каким месте) произвели изменения по переносу блока "выбора количества" (чтоб знать)?

Чтобы кнопка выбора количества сместилась влево добавлял Вам размер для всего блока с кнопкой купить:
.price .goodsListForm

Размер 100%.

Сейчас, чтобы кнопки не съезжали установил Вам фиксированный размер для них, а именно код:
div.plus_minus_quantity {float:left;margin:0 0 3px 15px;}

Заменил на:
div.plus_minus_quantity {float:left;margin:0 0 3px 15px;width:90px;}

#93 ozzi

ozzi

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

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

Отправлено 07 Сентябрь 2016 - 21:03

и еще маленький вопрос. Как кнопку "купить" переместить слегка вверх на несколько пикселей. Прошу указать код, т.к. сам хочу сделать. Спасибо.

#94 Vaccina

Vaccina

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

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

Отправлено 08 Сентябрь 2016 - 06:58

В main.css найдите:
.price a.orangebut {
	margin-right: 1.3%;
	line-height: 1;
}

замените на:
.price a.orangebut {
	margin-right: 1.3%;
	line-height: 1;
	margin-top: -5px;
}

далее найдите:
.price .goodsListForm {
	float: right;
	width: 95%;
	overflow: hidden;
	padding: 0 0px;
}

замените на:
.price .goodsListForm {
	float: right;
	width: 95%;
	padding: 0 0px;
}

#95 ozzi

ozzi

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

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

Отправлено 10 Сентябрь 2016 - 08:01

Добрый день!
Теперь мне надо, чтобы выбор модификации и выбор количества был не только в каталоге магазина, а везде где есть возможность купить товар. т.е.:
1. на главной странице ( в разделах: хит продаж, новинки магазина, интереснын предложения)
2. когда товар выводится через поиск.
и т.д.  Аккаунт SL-110953

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

  • 7.png

#96 ozzi

ozzi

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

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

Отправлено 10 Сентябрь 2016 - 20:23

Уважаемые модераторы. Плиз, помогите?

#97 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 11 Сентябрь 2016 - 17:06

Просмотр сообщенияozzi (10 Сентябрь 2016 - 08:01) писал:

Добрый день!
Теперь мне надо, чтобы выбор модификации и выбор количества был не только в каталоге магазина, а везде где есть возможность купить товар. т.е.:
1. на главной странице ( в разделах: хит продаж, новинки магазина, интереснын предложения)
2. когда товар выводится через поиск.
и т.д.  Аккаунт SL-110953

Здравствуйте.
Изменения Вам произвел для всех указанных страниц, а так же создал бэкапы до и после.
Проверьте, пожалуйста.

#98 ozzi

ozzi

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

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

Отправлено 11 Сентябрь 2016 - 17:39

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

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

  • 8.png

#99 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 11 Сентябрь 2016 - 17:52

Просмотр сообщенияozzi (11 Сентябрь 2016 - 17:39) писал:

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

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
div.plus_minus_quantity {float:left;margin:0 0 3px 17px;width:90px;}

Замените на:
div.plus_minus_quantity {float:left;margin: 5px 0 3px 17px;width:90px;}

#100 ozzi

ozzi

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

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

Отправлено 11 Сентябрь 2016 - 20:48

Просмотр сообщенияFirefly (11 Сентябрь 2016 - 17:06) писал:

Здравствуйте.
Изменения Вам произвел для всех указанных страниц, а так же создал бэкапы до и после.
Проверьте, пожалуйста.

Забыли сделать выбор модификаций!

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

  • 9.png

Обратно в Другое


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

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

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