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


Сделать Выпадающий Каталог Товарав


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

#21 livem1.

livem1.

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

  • Пользователи
  • PipPipPipPip
  • 441 сообщений
  • ГородКиев

Отправлено 20 Январь 2013 - 11:26

Уже получилось основа)
Большое спасибо !

1) Но столкнулся с проблемой в таком виде: не успеваю навести на категорию, исчезает и как вообще можно менять стили и размер текста?

2) И ещё проблемка с кнопкой возврата в верх страницы, она постоянно находиться на виду, хотелось бы её сделать невидимой до определённого уровня(пока клиент не опустит к пример ниже ... px), как это добавить ?

3) Хотел бы ещё сделать вот такой слайдер, с несколькими фотографиями в одном слайде и с ссылками для дальнейшего перехода по клику на них

4) у меня появилась точка возле фильтра, раньше помню убрал раз, но сейчас пробовал и не срослось пока
http://gyazo.com/d05...ebf726c4c5346a2

#22 miyako

miyako

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

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

Отправлено 20 Январь 2013 - 14:46

Просмотр сообщенияlivem1. (20 Январь 2013 - 11:26) писал:

Уже получилось основа)
Большое спасибо !

1) Но столкнулся с проблемой в таком виде: не успеваю навести на категорию, исчезает и как вообще можно менять стили и размер текста?

2) И ещё проблемка с кнопкой возврата в верх страницы, она постоянно находиться на виду, хотелось бы её сделать невидимой до определённого уровня(пока клиент не опустит к пример ниже ... px), как это добавить ?

3) Хотел бы ещё сделать вот такой слайдер, с несколькими фотографиями в одном слайде и с ссылками для дальнейшего перехода по клику на них

4) у меня появилась точка возле фильтра, раньше помню убрал раз, но сейчас пробовал и не срослось пока
http://gyazo.com/d05...ebf726c4c5346a2
Для того чтобы у вы успевали навести на категорию:
в файле main.csstemplate найдите код:
#nav li.over ul { left:170px; }
и замените его на:
#nav li.over ul { left:160px; }

Стили по категориям вы можете изменять в коде:
/* 1й уровень вложенности */
#nav li {}
#nav li a {padding:0 0 0; font-weight:normal; color:#CDCDCD; line-height:normal;}
#nav li a:hover { color:#8B87FA; }
#nav li.over a,
#nav li.active a { color:#8B87FA; }

Установка слайдера у нас есть на сайте в FAQ в разделе Темы и дизайн.

По четвертому вопросу - можете написать по подробнее?

#23 livem1.

livem1.

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

  • Пользователи
  • PipPipPipPip
  • 441 сообщений
  • ГородКиев

Отправлено 20 Январь 2013 - 14:58

1) Но столкнулся с проблемой в таком виде: не успеваю навести на категорию, исчезает?

Осталось по прежнему

Поменял, но на сайте всё тоже

#24 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 21 Январь 2013 - 09:44

Просмотр сообщенияlivem1. (20 Январь 2013 - 14:58) писал:

1) Но столкнулся с проблемой в таком виде: не успеваю навести на категорию, исчезает?

Осталось по прежнему

Поменял, но на сайте всё тоже


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

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

  • ScreenShot 68.jpg


#25 livem1.

livem1.

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

  • Пользователи
  • PipPipPipPip
  • 441 сообщений
  • ГородКиев

Отправлено 21 Январь 2013 - 11:17

Спасибо большое, мне уже помогли в другой ветке)

Осталось вот:

2) И ещё проблемка с кнопкой возврата в верх страницы, она постоянно находиться на виду, хотелось бы её сделать невидимой до определённого уровня(пока клиент не опустит к пример ниже ... px), как это добавить ?

3) Хотел бы ещё сделать вот такой слайдер, с несколькими фотографиями в одном слайде и с ссылками для дальнейшего перехода по клику на них

4) у меня появилась точка возле фильтра, раньше помню убрал раз, но сейчас пробовал и не срослось пока
http://gyazo.com/d05...ebf726c4c5346a2

#26 Koderhan

Koderhan

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

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

Отправлено 21 Январь 2013 - 11:56

Просмотр сообщенияlivem1. (21 Январь 2013 - 11:17) писал:

Спасибо большое, мне уже помогли в другой ветке)

Осталось вот:

2) И ещё проблемка с кнопкой возврата в верх страницы, она постоянно находиться на виду, хотелось бы её сделать невидимой до определённого уровня(пока клиент не опустит к пример ниже ... px), как это добавить ?

3) Хотел бы ещё сделать вот такой слайдер, с несколькими фотографиями в одном слайде и с ссылками для дальнейшего перехода по клику на них

4) у меня появилась точка возле фильтра, раньше помню убрал раз, но сейчас пробовал и не срослось пока
http://gyazo.com/d05...ebf726c4c5346a2

В файле "main.csstemplate".
Добавить код:
.goods_filters {
list-style-type:none;
}
Про установку слайдера вы можете почитать тут http://storeland.ru/about/faq#51

#27 livem1.

livem1.

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

  • Пользователи
  • PipPipPipPip
  • 441 сообщений
  • ГородКиев

Отправлено 21 Январь 2013 - 12:42

1) С этим у меня всё получилось, я бы хотел разобраться, как к примеру поставить такой слайдер.
Скачать

2) Логотип, отображается лишь частично, что изменить, чтобы он был размещён в полном размере.

3) Проблемка с кнопкой возврата в верх страницы, она постоянно находиться на виду, хотелось бы её сделать невидимой до определённого уровня(пока клиент не опустит к пример ниже ... px), как это добавить ?

Помогите пожалуйста разобраться

#28 Koderhan

Koderhan

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

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

Отправлено 21 Январь 2013 - 13:22

Скачать архив , распокавать на компьютере.
Загрузить все файлы из архива на  в "Сайт"-> "Редактор тем"
Установим слайдер на главную страницу.
В файле "HTML".
До кода "</head>".
Вставить:
  <link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}imageScroller.css">
Затем до кода
{BODY}
Вставить код:
		  {%IF index_page %}
			 <div id="outerContainer">
   <div id="imageScroller">
	<div id="viewer" class="js-disabled">
	 <a class="wrapper" href="http://www.apple.com" title="Apple"><img class="logo" id="apple" src="{ASSETS_IMAGES_PATH}apple.jpg" alt="Apple"></a>
	 <a class="wrapper" href="http://mozilla-europe.org/en/firefox" title="Firefox"><img class="logo" id="firefox" src="{ASSETS_IMAGES_PATH}firefox.jpg" alt="Firefox"></a>
	 <a class="wrapper" href="http://jquery.com" title="jQuery"><img class="logo" id="jquery" src="{ASSETS_IMAGES_PATH}jquery.jpg" alt="jQuery"></a>
	 <a class="wrapper" href="http://twitter.com" title="Twitter"><img class="logo" id="twitter" src="{ASSETS_IMAGES_PATH}twitter.jpg" alt="Twitter"></a>
	 <a class="wrapper" href="http://jqueryui.com" title="jQuery UI"><img class="logo" id="jqueryui" src="{ASSETS_IMAGES_PATH}jqueryui.jpg" alt="jQuery UI"></a>
	</div>
   </div>
  </div>
  <script type="text/javascript">
   $(function() {
  
	 //remove js-disabled class
	$("#viewer").removeClass("js-disabled");
  
	 //create new container for images
	$("<div>").attr("id", "container").css({ position:"absolute"}).width($(".wrapper").length * 170).height(170).appendTo("div#viewer");
	 
	//add images to container
	$(".wrapper").each(function() {
	 $(this).appendTo("div#container");
	});
   
	//work out duration of anim based on number of images (1 second for each image)
	var duration = $(".wrapper").length * 1000;
   
	//store speed for later (distance / time)
	var speed = (parseInt($("div#container").width()) + parseInt($("div#viewer").width())) / duration;
	   
	//set direction
	var direction = "rtl";
   
	//set initial position and class based on direction
	(direction == "rtl") ? $("div#container").css("left", $("div#viewer").width()).addClass("rtl") : $("div#container").css("left", 0 - $("div#container").width()).addClass("ltr") ;
   
	//animator function
	var animator = function(el, time, dir) {
	
	 //which direction to scroll
	 if(dir == "rtl") {
	  
	   //add direction class
	  el.removeClass("ltr").addClass("rtl");
	   
	  //animate the el
	  el.animate({ left:"-" + el.width() + "px" }, time, "linear", function() {
		   
	   //reset container position
	   $(this).css({ left:$("div#imageScroller").width(), right:"" });
	  
	   //restart animation
	   animator($(this), duration, "rtl");
	  
	   //hide controls if visible
	   ($("div#controls").length > 0) ? $("div#controls").slideUp("slow").remove() : null ;  
		  
	  });
	 } else {
	
	   //add direction class
	  el.removeClass("rtl").addClass("ltr");
	
	  //animate the el
	  el.animate({ left:$("div#viewer").width() + "px" }, time, "linear", function() {
		   
	   //reset container position
	   $(this).css({ left:0 - $("div#container").width() });
	  
	   //restart animation
	   animator($(this), duration, "ltr");
	  
	   //hide controls if visible
	   ($("div#controls").length > 0) ? $("div#controls").slideUp("slow").remove() : null ;  
	  });
	 }
	}
   
	//start anim
	animator($("div#container"), duration, direction);
   
	//pause on mouseover
	$("a.wrapper").live("mouseover", function() {
	 
	 //stop anim
	 $("div#container").stop(true);
	
	 //show controls
	 ($("div#controls").length == 0) ? $("<div>").attr("id", "controls").appendTo("div#outerContainer").css({ opacity:0.7 }).slideDown("slow") : null ;
	 ($("a#rtl").length == 0) ? $("<a>").attr({ id:"rtl", href:"#", title:"rtl" }).appendTo("#controls") : null ;
	 ($("a#ltr").length == 0) ? $("<a>").attr({ id:"ltr", href:"#", title:"ltr" }).appendTo("#controls") : null ;
	
	 //variable to hold trigger element
	 var title = $(this).attr("title");
	
	 //add p if doesn't exist, update it if it does
	 ($("p#title").length == 0) ? $("<p>").attr("id", "title").text(title).appendTo("div#controls") : $("p#title").text(title) ;
	});
   
	//restart on mouseout
	$("a.wrapper").live("mouseout", function(e) {
	 
	 //hide controls if not hovering on them
	 (e.relatedTarget == null) ? null : (e.relatedTarget.id != "controls") ? $("div#controls").slideUp("slow").remove() : null ;
	
	 //work out total travel distance
	 var totalDistance = parseInt($("div#container").width()) + parseInt($("div#viewer").width());
			 
	 //work out distance left to travel
	 var distanceLeft = ($("div#container").hasClass("ltr")) ? totalDistance - (parseInt($("div#container").css("left")) + parseInt($("div#container").width())) : totalDistance - (parseInt($("div#viewer").width()) - (parseInt($("div#container").css("left")))) ;
	
	 //new duration is distance left / speed)
	 var newDuration = distanceLeft / speed;
   
	 //restart anim
	 animator($("div#container"), newDuration, $("div#container").attr("class"));
	});
		   
	//handler for ltr button
	$("#ltr").live("click", function() {
		 
	 //stop anim
	 $("div#container").stop(true);
   
	 //swap class names
	 $("div#container").removeClass("rtl").addClass("ltr");
		 
	 //work out total travel distance
	 var totalDistance = parseInt($("div#container").width()) + parseInt($("div#viewer").width());
	
	 //work out remaining distance
	 var distanceLeft = totalDistance - (parseInt($("div#container").css("left")) + parseInt($("div#container").width()));
	
	 //new duration is distance left / speed)
	 var newDuration = distanceLeft / speed;
	
	 //restart anim
	 animator($("div#container"), newDuration, "ltr");
	});
   
	//handler for rtl button
	$("#rtl").live("click", function() {
		 
	 //stop anim
	 $("div#container").stop(true);
	
	 //swap class names
	 $("div#container").removeClass("ltr").addClass("rtl");
	
	 //work out total travel distance
	 var totalDistance = parseInt($("div#container").width()) + parseInt($("div#viewer").width());
	 //work out remaining distance
	 var distanceLeft = totalDistance - (parseInt($("div#viewer").width()) - (parseInt($("div#container").css("left"))));
	
	 //new duration is distance left / speed)
	 var newDuration = distanceLeft / speed;
   
	 //restart anim
	 animator($("div#container"), newDuration, "rtl");
	});
   });
  </script>
		 
		  {%ENDIF%}


В коде:
	 <a class="wrapper" href="http://www.apple.com" title="Apple"><img class="logo" id="apple" src="{ASSETS_IMAGES_PATH}apple.jpg" alt="Apple"></a>
	 <a class="wrapper" href="http://mozilla-europe.org/en/firefox" title="Firefox"><img class="logo" id="firefox" src="{ASSETS_IMAGES_PATH}firefox.jpg" alt="Firefox"></a>
	 <a class="wrapper" href="http://jquery.com" title="jQuery"><img class="logo" id="jquery" src="{ASSETS_IMAGES_PATH}jquery.jpg" alt="jQuery"></a>
	 <a class="wrapper" href="http://twitter.com" title="Twitter"><img class="logo" id="twitter" src="{ASSETS_IMAGES_PATH}twitter.jpg" alt="Twitter"></a>
	 <a class="wrapper" href="http://jqueryui.com" title="jQuery UI"><img class="logo" id="jqueryui" src="{ASSETS_IMAGES_PATH}jqueryui.jpg" alt="jQuery UI"></a>
прописаны ссылки на изображения и адреса на которые будет переходить пользователь при клике на изображение.

Прикрепленные файлы



#29 livem1.

livem1.

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

  • Пользователи
  • PipPipPipPip
  • 441 сообщений
  • ГородКиев

Отправлено 21 Январь 2013 - 15:21

Большое спасибо ) !

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

А помоги с 2 вопросами, которые я указал выше:

1) Чтобы кнопка вверх была скрыта, когда пользователь находиться вверху сайта, а появлялась только в том случае, когда он опускается вниз
2) Не могу выставить логотип, чтобы он полностью отображался, когда загружаю его на сайт, на главной отображается частично .

#30 Koderhan

Koderhan

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

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

Отправлено 21 Январь 2013 - 15:42

Просмотр сообщенияlivem1. (21 Январь 2013 - 15:21) писал:


2) Не могу выставить логотип, чтобы он полностью отображался, когда загружаю его на сайт, на главной отображается частично .
По адресу /web/upload/assets/images/147/146761/logo.png не существует картинки. Проверьте, пожалуйста загрузилась ли картинка на сайт.

Цитата

1) Чтобы кнопка вверх была скрыта, когда пользователь находиться вверху сайта, а появлялась только в том случае, когда он опускается вниз
Скажите пожалуйста, каким образом вы установили на сайт кнопку прокрутки ?

#31 livem1.

livem1.

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

  • Пользователи
  • PipPipPipPip
  • 441 сообщений
  • ГородКиев

Отправлено 21 Январь 2013 - 19:29

1) Я просто удалил картинку, потому что выглядит так

2) По кнопке прокрутки, делал по этой ветке

3) и как мне переместить текст категории так, чтобы на него не налегала картинка в слайдере?

#32 Vaccina

Vaccina

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

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

Отправлено 22 Январь 2013 - 00:41

1) Вам необходимо уменьшить размер изображения логотипа до 300x80px
2) Вам необходимо в шаблоне "HTML" найти

$(this).scrollTop() > 50

и заменить на

$(this).scrollTop() > 350

3) Найдите в файле стилей

#viewer {
	height: 182px;
	margin: auto;
	overflow: hidden;
	position: relative;
	top: 10px;
	width: 800px;
}

и замените на

#viewer {
	height: 182px;
	margin: 10px auto auto;
	overflow: hidden;
	position: relative;
	top: 10px;
	width: 800px;
}

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

#title {
	color: #000000;
	font-family: arial;
	font-size: 100%;
	font-weight: bold;
	margin-top: 10px;
	text-align: left;
	width: 100%;
}

и замените на

#title {
	color: #000000;
	font-family: arial;
	font-size: 100%;
	font-weight: bold;
	margin-top: 10px;
	text-align: left;
	width: 100%;
	margin-top: -10px;
}


#33 livem1.

livem1.

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

  • Пользователи
  • PipPipPipPip
  • 441 сообщений
  • ГородКиев

Отправлено 22 Январь 2013 - 13:33

Спасибо большое !

Вопрос касательно скидок, если включены: накопительная, на покупки и купоны, какая приоритетность скидок(какая из них учитывается)  при оформлении заказа?

#34 Koderhan

Koderhan

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

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

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

Насколько мне известно, применяться будут все скидки товар.

#35 livem1.

livem1.

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

  • Пользователи
  • PipPipPipPip
  • 441 сообщений
  • ГородКиев

Отправлено 22 Январь 2013 - 21:49

У меня включены все, но когда я делаю заказ и активирую купон, то считает только скидку по купону, может считает максимальную скидку?
Может только одна используется, если есть возможность, сможете написать немного подробней, по этому вопросу.

Спасибо

#36 Vaccina

Vaccina

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

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

Отправлено 23 Январь 2013 - 00:04

В данном случае присутствует ошибка при формировании общей суммы заказа при использовании множество скидок. Мы постараемся в скором времени решить данную проблему.

#37 livem1.

livem1.

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

  • Пользователи
  • PipPipPipPip
  • 441 сообщений
  • ГородКиев

Отправлено 23 Январь 2013 - 09:33

А как она будет решена? Просто сейчас хочу продумать систему скидок, чтобы потом она была как основа, если есть возможность поделитесь своими планами и идеями относительного этого вопроса)

Спасибо

Вы сможете добавить на форум, кнопку подъема вверх?

Это считается технической ошибкой?



Ошибки


Мы платим за нахождение ошибок в нашей системе. Сообщите об ошибке первым, и мы заплатим Вам за неё. Техническая ошибка: 500 рублей. Орфографическая: 100 рублей.


#38 Koderhan

Koderhan

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

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

Отправлено 23 Январь 2013 - 09:50

Цитата

Вы сможете добавить на форум, кнопку подъема вверх?
Такая кнопка уже есть нафоруме.
Снизу по середине.

Цитата

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

#39 livem1.

livem1.

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

  • Пользователи
  • PipPipPipPip
  • 441 сообщений
  • ГородКиев

Отправлено 23 Январь 2013 - 10:49

Увидел, тогда спасибо большое за помощь )

#40 support

support

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

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

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

Просмотр сообщенияKoderhan (22 Январь 2013 - 18:03) писал:

Насколько мне известно, применяться будут все скидки товар.
Это не совсем так. 2 скидки к одному заказу добавиться не может. Проверяются все, но начисляется лишь одна. Пересечение скидок может быть лишь для случая когда на товар действует акция и его цена вместо 1000 рублей стала например 900. В этом случае скидки последующие скидки по суммам заказа/купонам/накопительные будут действовать.

Просмотр сообщенияKoderhan (23 Январь 2013 - 09:50) писал:

Мы направили ваше сообщение об ошибке разработчикам, если это является действительно ошибкой в программе то они перечислят вам вознаграждение.
В случае, когда на заказ может действовать несколько скидок, в любом случае начисляется лишь одна - максимальная. Она высчитывается следующим образом:
1 - считаются все позиции заказа, кроме позиций доставки, в валюте, в общем случае в рублях, получается сумма, например 1000 рублей.
2) Проходим по всем скидкам действующим по той или иной причине на заказ.
3) Преобразуем скидки в цифру в валюте, например для 3х скидок в 10%, 200 рублей и 33% получаем 100, 200 и 330 соответственно
4) Выбирается максимальная и применяется к заказу.
4.1 Если 2 скидки имеют одинаковое значение - начисляется первая из них по приоритетам:
  • скидка от суммы заказа

  • накопительная скидка клиента

  • скидка по купону





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

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