Сделать Выпадающий Каталог Товарав
#21
Отправлено 20 Январь 2013 - 11:26
Большое спасибо !
1) Но столкнулся с проблемой в таком виде: не успеваю навести на категорию, исчезает и как вообще можно менять стили и размер текста?
2) И ещё проблемка с кнопкой возврата в верх страницы, она постоянно находиться на виду, хотелось бы её сделать невидимой до определённого уровня(пока клиент не опустит к пример ниже ... px), как это добавить ?
3) Хотел бы ещё сделать вот такой слайдер, с несколькими фотографиями в одном слайде и с ссылками для дальнейшего перехода по клику на них
4) у меня появилась точка возле фильтра, раньше помню убрал раз, но сейчас пробовал и не срослось пока
http://gyazo.com/d05...ebf726c4c5346a2
#22
Отправлено 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
Отправлено 20 Январь 2013 - 14:58
Осталось по прежнему
Поменял, но на сайте всё тоже
#24
Отправлено 21 Январь 2013 - 09:44
livem1. (20 Январь 2013 - 14:58) писал:
Осталось по прежнему
Поменял, но на сайте всё тоже
Сейчас у Вас должно все работать. У меня получается наводить на подкатегории и переходить в эти разделы
#25
Отправлено 21 Январь 2013 - 11:17
Осталось вот:
2) И ещё проблемка с кнопкой возврата в верх страницы, она постоянно находиться на виду, хотелось бы её сделать невидимой до определённого уровня(пока клиент не опустит к пример ниже ... px), как это добавить ?
3) Хотел бы ещё сделать вот такой слайдер, с несколькими фотографиями в одном слайде и с ссылками для дальнейшего перехода по клику на них
4) у меня появилась точка возле фильтра, раньше помню убрал раз, но сейчас пробовал и не срослось пока
http://gyazo.com/d05...ebf726c4c5346a2
#26
Отправлено 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
Отправлено 21 Январь 2013 - 12:42
Скачать
2) Логотип, отображается лишь частично, что изменить, чтобы он был размещён в полном размере.
3) Проблемка с кнопкой возврата в верх страницы, она постоянно находиться на виду, хотелось бы её сделать невидимой до определённого уровня(пока клиент не опустит к пример ниже ... px), как это добавить ?
Помогите пожалуйста разобраться
#28
Отправлено 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
Отправлено 21 Январь 2013 - 15:21
Всё получилось, скорость движения слайдов я разобрался как выставить.
А помоги с 2 вопросами, которые я указал выше:
1) Чтобы кнопка вверх была скрыта, когда пользователь находиться вверху сайта, а появлялась только в том случае, когда он опускается вниз
2) Не могу выставить логотип, чтобы он полностью отображался, когда загружаю его на сайт, на главной отображается частично .
#30
Отправлено 21 Январь 2013 - 15:42
livem1. (21 Январь 2013 - 15:21) писал:
2) Не могу выставить логотип, чтобы он полностью отображался, когда загружаю его на сайт, на главной отображается частично .
Цитата
#32
Отправлено 22 Январь 2013 - 00:41
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
Отправлено 22 Январь 2013 - 13:33
Вопрос касательно скидок, если включены: накопительная, на покупки и купоны, какая приоритетность скидок(какая из них учитывается) при оформлении заказа?
#34
Отправлено 22 Январь 2013 - 18:03
#35
Отправлено 22 Январь 2013 - 21:49
Может только одна используется, если есть возможность, сможете написать немного подробней, по этому вопросу.
Спасибо
#36
Отправлено 23 Январь 2013 - 00:04
#37
Отправлено 23 Январь 2013 - 09:33
Спасибо
Вы сможете добавить на форум, кнопку подъема вверх?
Это считается технической ошибкой?
Ошибки
Мы платим за нахождение ошибок в нашей системе. Сообщите об ошибке первым, и мы заплатим Вам за неё. Техническая ошибка: 500 рублей. Орфографическая: 100 рублей.
#38
Отправлено 23 Январь 2013 - 09:50
Цитата
Снизу по середине.
Цитата
Мы направили ваше сообщение об ошибке разработчикам, если это является действительно ошибкой в программе то они перечислят вам вознаграждение.
#39
Отправлено 23 Январь 2013 - 10:49
#40
Отправлено 23 Январь 2013 - 14:21
Koderhan (22 Январь 2013 - 18:03) писал:
Koderhan (23 Январь 2013 - 09:50) писал:
1 - считаются все позиции заказа, кроме позиций доставки, в валюте, в общем случае в рублях, получается сумма, например 1000 рублей.
2) Проходим по всем скидкам действующим по той или иной причине на заказ.
3) Преобразуем скидки в цифру в валюте, например для 3х скидок в 10%, 200 рублей и 33% получаем 100, 200 и 330 соответственно
4) Выбирается максимальная и применяется к заказу.
4.1 Если 2 скидки имеют одинаковое значение - начисляется первая из них по приоритетам:
- скидка от суммы заказа
- накопительная скидка клиента
- скидка по купону
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных