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

  2. → Просмотр профиля: "Лайки": sotil

sotil

Регистрация: 25 янв. 2013
Offline Активность: 23 дек. 2014 05:43
-----

#165910 Добавление Кнопки Увеличить Изображение

Отправлено Сake на 14 Октябрь 2014 - 03:24

Найдите в вашем файле main.js следующий код

$(function() {
  $('.goodsListItemBlock').mouseleave(function() {
		var objImageLink = $(this).find('.goodsListImage:first a');
		if (objImageLink.length) {
		  $(this).find('.goodsListItemImage img').attr('src', objImageLink.attr('href'));
		}
  });
});
$(function () {
  $('.ulproducts:not(.listing) .goodsListItemZoom').click(function () {
		var link = $(this).next('.goodsListImageZoom').find('a img').attr('src');
		var gallery = $(this).closest('.goodsListItemBlock').find('.goodsListImageZoom');
		if (gallery.length) {
		  var image = gallery.find('img[src="' + link + '"]') .parent();
		  if (image.length) {
				image.nyroModalManual();
				return (false);
		  }
		}
		return (false);
  });
});

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

$(function() {
  $('.goodsListItemBlock').mouseleave(function(event) {
		var objImageLink = $(this).find('.goodsListImage:first a');
		if (objImageLink.length && !$(event.target).hasClass('goodsListItemZoom')) {
		  $(this).find('.goodsListItemImage img').attr('src', objImageLink.attr('href'));
		}
  });
});
$(function () {
  $('.ulproducts:not(.listing) .goodsListItemZoom').click(function () {
		var link = $(this).closest('.goodsListItemBlock').find('.goodsListItemImage a img').attr('src');
		var gallery = $(this).closest('.goodsListItemBlock').find('.goodsListImageZoom');
		if (gallery.length) {
		  var image = gallery.find('img[src="' + link + '"]') .parent();
		  if (image.length) {
				image.nyroModalManual();
				return (false);
		  }
		}
		return (false);
  });
});



#165314 Добавление Кнопки Увеличить Изображение

Отправлено Сake на 11 Октябрь 2014 - 02:20

В файле main.js найдите код

$(function () {
$('.ulproducts:not(.listing) .goodsListItemZoom').click(function () {
var link = $(this).find('.goodsListItemImages a img').attr('src');
var gallery = $(this).closest('.goodsListItemBlock').find('.goodsListImageZoom');
if (gallery.length) {
				 var image = gallery.find('img[src="' + link + '"]').parent();
				 if (image.length) {
				 image.nyroModalManual();
				 return (false);
				 }
}
return (false);
});
});

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

$(function () {
  $('.ulproducts:not(.listing) .goodsListItemZoom').click(function () {
	var link = $(this).next('.goodsListImageZoom').find('a img').attr('src');
	var gallery = $(this).closest('.goodsListItemBlock').find('.goodsListImageZoom');
	if (gallery.length) {
	  var image = gallery.find('img[src="' + link + '"]') .parent();
	  if (image.length) {
		image.nyroModalManual();
		return (false);
	  }
	}
	return (false);
  });
});



#163028 Как Сделать ,чтобы При Наведении Мышкой,на Категорию,раскладывалось На Произв...

Отправлено Vaccina на 30 Сентябрь 2014 - 00:13

В main.css найдите:
#nav .active.parent > ul {
	height: auto;
	left: 0 !important;
	overflow: visible;
	position: relative !important;
	top: 0 !important;
}
замените на:
#nav .active.parent > ul {
	display: block;
	height: auto;
	left: 0 !important;
	overflow: visible;
	position: relative !important;
	top: 0 !important;
}



#162654 Как Сделать ,чтобы При Наведении Мышкой,на Категорию,раскладывалось На Произв...

Отправлено Danil на 27 Сентябрь 2014 - 19:37

Просмотр сообщенияsotil (27 Сентябрь 2014 - 19:02) писал:

Теперь надо убрать фон меню как на картинке.
И полоски разделяющие категории расширились, можно ли их сузить?
В main.css найдите 
.parent.active {
color: #ffffff;
background: #000000;
}

.level1 {
color: #7d7d7d !important;
 background: #dedede; 
}

.level2 {
color: #515151 !important;
 background: #E8E8E8; 
}
Во всех найденных кодах удалите background


#162524 Добавление Кнопки Увеличить Изображение

Отправлено Vaccina на 27 Сентябрь 2014 - 05:09 

.goodsListItemZoom.active{
	display: block;
}
замените на:
.goodsListItemZoom.active, .goodsListItemZoom:hover {
	display: block;
}



#162506 Как Сделать ,чтобы При Наведении Мышкой,на Категорию,раскладывалось На Произв...

Отправлено Vaccina на 26 Сентябрь 2014 - 22:41 

.cat_scroll > ul {
	height: 500px;
	overflow-y: scroll;
	width: 199px;
}
замените на:
.cat_scroll > ul {
	height: 500px;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 199px;
}

далее найдите:
#nav .active.parent > ul {
	left: 0 !important;
	position: relative !important;
	top: 0 !important;
}
замените на:
#nav .active.parent > ul {
	height: auto;
	left: 0 !important;
	overflow: visible;
	position: relative !important;
	top: 0 !important;
}



#160041 Как Сделать ,чтобы При Наведении Мышкой,на Категорию,раскладывалось На Произв...

Отправлено Vaccina на 18 Сентябрь 2014 - 04:01

найдите:
#nav li ul li {
	display: inline-block;
	width: 197px;
}
замените на:
#nav li ul li {
	display: inline-block;
	float: right;
	width: 197px;
}



#159684 Как Сделать ,чтобы При Наведении Мышкой,на Категорию,раскладывалось На Произв...

Отправлено Vaccina на 17 Сентябрь 2014 - 04:58 

#nav .active.parent > ul {
		left: 0 !important;
		position: relative !important;
		top: 0 !important;
}
этот код должен быть в самом низу всех изменений в каталоге, можно его видоизменить на:
#nav .active.parent > ul {
		left: 0 !important;
		position: relative !important;
		top: 0 !important;
		width:200px;
}



#159379 Как Сделать ,чтобы При Наведении Мышкой,на Категорию,раскладывалось На Произв...

Отправлено Vaccina на 16 Сентябрь 2014 - 02:56

после 
#nav li.over ul {
	left: -200px;
}
пропишите:
#nav li.over ul {
	left: -600px;
}
#nav li ul {
	width: 600px;
}
#nav li ul li {
	display: inline-block;
	width: 197px;
}



#159071 Как Сделать ,чтобы При Наведении Мышкой,на Категорию,раскладывалось На Произв...

Отправлено Alekseys на 14 Сентябрь 2014 - 16:26

Просмотр сообщенияsotil (14 Сентябрь 2014 - 16:15) писал:

Ещё подскажите как можно прозрачности добавить во всплывающее меню?
Здравствуйте. В main.css замените
#nav {
padding: 0 0 32px 7px;
margin: 0;
font-size: 20px;
}
на
#nav {
padding: 0 0 32px 7px;
margin: 0;
font-size: 20px;
opacity: 0.9;
}
изменяя opacity: 0.9; от нуля до единицы выставьте нужную прозрачность.


#158767 Как Сделать ,чтобы При Наведении Мышкой,на Категорию,раскладывалось На Произв...

Отправлено Vaccina на 13 Сентябрь 2014 - 02:50

код, предложенный выше, скорее всего не в самый низ установили, можно его тогда просто поменять на:
#nav .active.parent > ul {
	left: 0 !important;
	position: relative !important;
	top: 0 !important;
}



#156962 Быстрый Просмотр

Отправлено Vaccina на 04 Сентябрь 2014 - 03:19

тогда замените на:
.fastview {
	background:  #f1f1f1;
	border-top: 2px solid #fff;
	border-left: 2px solid #ff8b36;
	border-right: 2px solid #ff8b36;
	border-bottom: 2px solid #ff8b36;
	bottom: -30px;
	clear: both;
	display: none;
	height: 18px;
	left: -1px;
	margin: 0 auto;
	padding: 5px;
	position: absolute;
	width: 268px;
	z-index: 99;
}

далее найдите:
.goodsListItemImages {
	background: none repeat scroll 0 0 #fff;
	border: 2px solid #ff8b36;
	border-radius: 0 5px 5px 0;
	display: none;
	height: 318px;
	left: 217px;
	position: absolute;
	top: -1px;
	width: 60px;
	z-index: 9999;
}
замените на:
.goodsListItemImages {
	background: none repeat scroll 0 0 #fff;
	border: 2px solid #ff8b36;
	border-radius: 0 5px 5px 0;
	display: none;
	height: 318px;
	left: 217px;
	position: absolute;
	top: -1px;
	width: 60px;
	z-index: 90;
}

для увеличения картинки в main.css увеличьте значение высоты в блоке:
.goodsListItemImage {
	border-collapse: collapse;
	border-spacing: 0;
	height: 155px;
	width: 100%;
}



#156737 Быстрый Просмотр

Отправлено Vaccina на 03 Сентябрь 2014 - 02:29

попробуйте следующее, в main.css найдите:
.fastview {
	background: #f1f1f1;
	border: 1px solid #d9d9d9;
	border-radius: 10px;
	clear: both;
	display: none;
	height: 18px;
	margin: 0 auto;
	padding: 5px;
	width: 150px;
}
замените на:
.fastview {
	background: none repeat scroll 0 0 #f1f1f1;
	border: 2px solid #ff8b36;
	bottom: -34px;
	clear: both;
	display: none;
	height: 20px;
	left: -1px;
	margin: 0 auto;
	padding: 5px;
	position: absolute;
	width: 206px;
	z-index: 99;
}



#156476 Быстрый Просмотр

Отправлено Сake на 02 Сентябрь 2014 - 02:08

Добавьте в конец вашего файла main.js следующий код

$(function() {
  $('.goodsListItemBlock').mouseleave(function() {
	var objImageLink = $(this).find('.goodsListImage:first a');
	if (objImageLink.length) {
	  $(this).find('.goodsListItemImage img').attr('src', objImageLink.attr('href')); 
	}
  });
});



#155976 Быстрый Просмотр

Отправлено Ирина345 на 30 Август 2014 - 12:34

Просмотр сообщенияsotil (30 Август 2014 - 11:50) писал:

Говорит " ошибка компиляции шаблона, неверный синтаксис, неожиданный тег "ENDIF " строка 211
Изменения произвели.




  1. Форум владельцев интернет-магазинов
  2. → Просмотр профиля: "Лайки": sotil
  3. Privacy Policy