партизаны.net (17 Август 2015 - 10:58) писал:
Добрый день!
Помогите, пожалуйста, внести некоторые изменения:
1) как закрепить панель ( блок 1 на скрине "закрепить панель"), что бы при прокрутке страницы вниз, она всегда на всех страницах оставалась сверху?
2) можно ли объединить блоки 2 и 3 (на скрине "закрепить панель") и вставить туда изображение? Если да, то как? И каких размеров должно быть изображение? Если нет, то каких размеров эти блоки?
3) как убрать блок сортировки по цене с бегунком (скрин "бегунок)?
4) когда заходишь с мобильных устройств и пытаешься нажать на слово "каталог" внизу страницы (скрин "каталог"), то вылезают пункты каталога, но выбрать что-либо не получается, так как страница сразу просто перезагружается и каталог выводится картинками. Как сделать, что бы при нажатии на "каталог" выводились пункты каталога списком (как при нажатии на шестеренку рядом)?
5) как в подвале (скрин "подвал") убрать слово "информация", а все остальные пункты разместить горизонтально?
Здравствуйте,
1. добавьте в конец forall.js
(function(){var b,m;b=this.jQuery;m=b(window);b.fn.stick_in_parent=function(e){var u,n,f,p,B,l,C;null==e&&(e={});p=e.sticky_class;u=e.inner_scrolling;f=e.parent;n=e.offset_top;null==n&&(n=0);null==f&&(f=void 0);null==u&&(u=!0);null==p&&(p="is_stuck");B=function(a,e,l,v,y,q,t){var r,z,k,w,c,d,A,x,g,h;if(!a.data("sticky_kit")){a.data("sticky_kit",!0);d=a.parent();null!=f&&(d=d.closest(f));if(!d.length)throw"failed to find stick parent";r=k=!1;g=b("<div />");g.css("position",a.css("position"));A=function(){var c,
b;c=parseInt(d.css("border-top-width"),10);b=parseInt(d.css("padding-top"),10);e=parseInt(d.css("padding-bottom"),10);l=d.offset().top+c+b;v=d.height();c=k?(k=!1,r=!1,a.insertAfter(g).css({position:"",top:"",width:"",bottom:""}).removeClass(p),g.detach(),!0):void 0;y=a.offset().top-parseInt(a.css("margin-top"),10)-n;q=a.outerHeight(!0);t=a.css("float");g.css({width:a.outerWidth(!0),height:q,display:a.css("display"),"vertical-align":a.css("vertical-align"),"float":t});if(c)return h()};A();if(q!==v)return w=
void 0,c=n,h=function(){var b,h,s,f;s=m.scrollTop();null!=w&&(h=s-w);w=s;k?(f=s+q+c>v+l,r&&!f&&(r=!1,a.css({position:"fixed",bottom:"",top:c}).trigger("sticky_kit:unbottom")),s<y&&(k=!1,c=n,"left"!==t&&"right"!==t||a.insertAfter(g),g.detach(),b={position:"",width:"",top:""},a.css(B).removeClass(p).trigger("sticky_kit:unstick")),u&&(b=m.height(),q>b&&!r&&(c-=h,c=Math.max(b-q,c),c=Math.min(n,c),k&&a.css({top:c+"px"})))):s>y&&(k=!0,b={position:"fixed",top:c},b.width="border-box"===a.css("box-sizing")?
a.outerWidth()+"px":a.width()+"px",a.css(B).addClass(p).after(g),"left"!==t&&"right"!==t||g.append(a),a.trigger("sticky_kit:stick"));if(k&&(null==f&&(f=s+q+c>v+l),!r&&f))return r=!0,"static"===d.css("position")&&d.css({position:"relative"}),a.css({position:"fixed",bottom:e,top:"auto"}).trigger("sticky_kit:bottom")},x=function(){A();return h()},z=function(){m.off("scroll",h);b(document.body).off("sticky_kit:recalc",x);a.off("sticky_kit:detach",z);a.removeData("sticky_kit");a.css({position:"",bottom:"",
top:""});d.position("position","");if(k)return a.insertAfter(g).removeClass(p),g.remove()},m.on("touchmove",h),m.on("scroll",h),m.on("resize",x),b(document.body).on("sticky_kit:recalc",x),a.on("sticky_kit:detach",z),setTimeout(h,0)}};l=0;for(C=this.length;l<C;l++)e=this[l],B(b(e));return this}}).call(this);
далее найдите в main.js
//Меняем вид отображения товаров без перезагрузки страницы
и перед данной строкой вставьте код
// Функция фиксации шапки
jQuery(document).ready(function($){
if($('.nav-container')){
$('.nav-container').stick_in_parent({
sticky_class: 'keep-menu'
});
}
});
в конец style.css добавьте
.nav-container.keep-menu {
top: 0px !important;
bottom: auto !important;
z-index: 999;
}
2. для того что бы изменить изображение логотипа, зайдите в раздел Сайт-Редактор шаблонов и найдите изображение logo.png откройте и замените
3. найдите в шаблоне Товары код
<!-- Если есть возможность фильтрации товаров по ценам -->
{% IF SHOW_GOODS_PRICE_FILTERS %}
<div class="filter">
Цена:<br />
замените на
<!-- Если есть возможность фильтрации товаров по ценам -->
{% IF SHOW_GOODS_PRICE_FILTERS %}
<div class="filter" style="display:none">
Цена:<br />
4. найдите в шаблоне hTML
<div class="box-heading"><a href="{CATALOG_URL}">Каталог</a></div>
замените на
<div class="box-heading">Каталог</div>
5 найдите в шаблоне HTML
<div class="four columns">
<h3>Информация</h3>
замените на
<div class="four columns">
далее найдите в файле style.css
.container .four.columns { width: 268px; padding: 5px 5px 10px 5px; display: inline-block; float: left;vertical-align: top;}
замените на
.container .four.columns { width: 100%; padding: 5px 5px 10px 5px; display: inline-block; float: left;vertical-align: top;}
далее добавьте в конец style.css
.footer_menu li {
float: left;
padding-right: 23px;
}
1
