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

Зайдите в раздел Сайт - Редактор шаблонов - flexslider.css - найдите:

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}

замените на:

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '<';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '>';
}

Для отключения реверса в шаблоне HTML найдите:

$(window).load(function() {
  $('.flexslider').flexslider({
	  animation: "slide",
	  animationLoop: true,
	  animationSpeed: 1500,
	  itemWidth: 200,
	  itemMargin: 15,
	  minItems: getGridSize(), // use function to pull in initial value
	  maxItems: getGridSize() // use function to pull in initial value
	});
  });

замените на:

$(window).load(function() {
  $('.flexslider').flexslider({
	  animation: "slide",
	  animationLoop: true,
	  animationSpeed: 1500,
	  reverse: false,
	  itemWidth: 200,
	  itemMargin: 15,
	  minItems: getGridSize(), // use function to pull in initial value
	  maxItems: getGridSize() // use function to pull in initial value
	});
  });

Все равно карусели не получилось, а только реверс. А стрелки можно как-нить покрасивее сделать (не такую ввиде галочки, а нормальную в кружочке например) . И еще как можно отцентровать картинки в слайдерах?

ozzi (23 Декабрь 2016 - 07:36) писал:

Здравствуйте, найдите в файле

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

замените на

.flex-direction-nav a {
	text-decoration: none;
	display: block;
	width: 40px;
	height: 40px;
	background: #a3c400;
	line-height: 34px;
	padding: 10px 0px 2px 13px;
	border-radius: 48px;
	margin: -21px 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	opacity: 0;
	cursor: pointer;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

далее найдите

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}

замените на

.flex-direction-nav .flex-next {
	right: -50px;
	text-align: right;
	padding: 10px 10px 2px 0px;
}

далее найдите в шаблоне HTML

$(window).load(function() {
  $('.flexslider').flexslider({
	  animation: "slide",
	  animationLoop: true,
	  animationSpeed: 1500,
		 reverse: false,
	  itemWidth: 200,
	  itemMargin: 15,
	  minItems: getGridSize(), // use function to pull in initial value
	  maxItems: getGridSize() // use function to pull in initial value
	});
  });

замените на

$(window).load(function() {
  $('.flexslider').flexslider({
	  animation: "slide",
	  animationLoop: true,
	  animationSpeed: 1500,
	  prevText: "",
	  nextText: "",
	  reverse: false,
	  itemWidth: 200,
	  itemMargin: 15,
	  minItems: getGridSize(), // use function to pull in initial value
	  maxItems: getGridSize() // use function to pull in initial value
	});
  });

Добрый день!
1. В товарах, в блоке цена и выбор товара (что на зеленом фоне) нужно добавить слово "ОТ", чтобы было "Цена от:"
Ну, а когда клиент уже будет выбирать товар нужной ему фасовки  через окно " Выберите товар", соответственно показывалась цена соответствующая выбраной фасовки , но уже без слова "ОТ".
2. Нужно отцентровать окно выбора товара, как показано на картинке.

ozzi (17 Январь 2017 - 19:58) писал:

Здравствуйте. Вам нужно в шаблоне Товары найти код:

<li>Цена: {goods.mods.PRICE_NOW | money_format}</li>

и заменить его на:

<li>Цена: от {goods.mods.PRICE_NOW | money_format}</li>

этот код там встречается 2 раза

Для решения второго вопроса в main.css добавьте:

select.select_mod {
	margin: 0 auto;
	display: block;
}

Все не так как я просил.
По 1 вопросу- то что, в тех местах где вы указали добавить я сделал, соответственно появилось слово "от". далее когда я в окошке "выберите товар", выбираю например фасовку 2кг, то слово "от" остается, а мне надо чтобы оно убиралось. Для чего вообще мне нужно добавить слово "от". Для примера посмотрите как это сделано, на моем втором сайте (http://xn--j1abefcie...n--p1ai/catalog).

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

ozzi (18 Январь 2017 - 13:43) писал:

Здравствуйте,
1. Прописать предлог можно ко всей цене товара независимо от выбранного пункта модификации, инструкция была предоставлена в сообщение выше. Сделать автоматическую проверку выбранного пункта модификации можно только через специальный написанный скрипт для Вашего магазина. Данная задача не входит в рамки работы бесплатной тех. поддержки, но Вы можете обратиться в раздел платной доработки.
На Вашем втором сайте используется две цены товара, одна, которая фиксированная и видна в каталоге и вторая, которая отображается при наведение и изменяется в зависимости от выбранного варианта модификации.
2. Что бы выпадающий список разместить по середине добавьте в конец файла style.css код

.change select.select_mod {
	margin: 0 0 0 43px;
}

Здравствуйте! Возвращаясь в сообщениям #181, #182, #183  делал все по инструкциям, но немного не то что мне нужно. Объясню по пунктам:
1. Нужно чтобы слайдер брендов внизу главной страницы крутился по кругу (т.е. доходил до конца и начинал с самого первого слайда) , а не так как сейчас пролистывает все слайды влево  и потом листает их обратно вправо.
2. Хотелось бы сделать стрелки для ручного пролистывания слайдера более красивыми (такие как показаны на прилагаемом рис. 22) , а то простые стрелки ввиде угла, как-то некрасиво.
3. Как сделать, чтобы логотипы брендов при добавлении в слайдер сами центровались по вертикали? (пример показан на прилагаемом рис.22)

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:

<script>

	 function getGridSize() {
	return (window.innerWidth < 600) ? 4 :
		   (window.innerWidth < 900) ? 4 : 4;
  }

  $(window).load(function() {
  $('.flexslider').flexslider({
	  animation: "slide",
	  animationLoop: true,
	  animationSpeed: 1500,
	  reverse: false,
	  itemWidth: 200,
	  itemMargin: 15,
	  minItems: getGridSize(), // use function to pull in initial value
	  maxItems: getGridSize() // use function to pull in initial value
	});
  });
  </script>

замените на:

<script>
function getGridSize() {
  return (window.innerWidth < 600) ? 4 : (window.innerWidth < 900) ? 4 : 4;
}
$(window).load(function () {
  $('.flexslider').flexslider({
	animation: 'slide',
	reverse: false,
	animationLoop: true,
	animationSpeed: 1500,
	touch: true,
	itemWidth: 200,
	itemMargin: 15,
	minItems: getGridSize(),
	maxItems: getGridSize()
  });
});
</script>

В flexslider.css найдите:

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}

замените на:

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	height: 120px;
}

далее найдите:

.flexslider .slides img {
	height: auto;
	-moz-user-select: none;
}

замените на:

.flexslider .slides a {
	display: table-cell;
	height: 120px;
	vertical-align: middle;
}
.flexslider .slides img {
	height: auto;
	-moz-user-select: none;
}

далее найдите:

.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '<';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '>';
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}

замените на:

.flex-direction-nav .flex-prev {
  left: -50px;
  background:url('{ASSETS_IMAGES_PATH}fancybox_sprite.png') no-repeat left -35px;
  text-indent: -9999px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  height: 39px;
  background:url('{ASSETS_IMAGES_PATH}fancybox_sprite.png') no-repeat left -69px;
  text-indent: -9999px;
}