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


Замена Слайдера

Автор SL-418417, 06 сент. 2017 15:54

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

#1 SL-418417

SL-418417

    Пользователь

  • Пользователи
  • PipPip
  • 32 сообщений
  • ГородСанкт-Петербург

Отправлено 06 Сентябрь 2017 - 15:54

Как изменить стандартный слайдер на слайдер из шаблона город...

#2 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 06 Сентябрь 2017 - 19:45

Просмотр сообщенияЕвгений7777 (06 Сентябрь 2017 - 15:54) писал:

Как изменить стандартный слайдер на слайдер из шаблона город...

Здравствуйте.
В шаблоне HTML найдите код:
<!-- Slider Слайдер -->
{% IF index_page %}
<div id="slideshow">
	 <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
	 <div class="slide"></div>
	 <div class="text">
	 <div class="title">Новая коллекция</div>
	 <a href="{CATALOG_URL}" class="button big">Перейти в каталог</a>
	 </div>
	 <div class="image">
	 <img src="{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise"/>
	 </div>
</div>
{% ENDIF %}
<!-- /END Slider Слайдер -->

Замените на:
<!-- Слайдер на главной -->
{% IF index_page %}
<div id="slideshow">
	 <div class="preloader"><span class="content-loading"></span></div>
	 <ul class="accor">
	 <li class="accor accor-open">
		 <img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=urban" alt="Лето">
		 <div class="title_accor">
		 <a href="//{NET_DOMAIN}/page/Доставка" title="Лето"><strong>Лето</strong></a>
		 <p><a href="//{NET_DOMAIN}/page/Доставка" title="Лето">Сезонные скидки и распродажи!</a></p>
		 </div>
	 </li>
	 <li class="accor accor-closed">
		 <img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=urban" alt="Осень">
		 <div class="title_accor">
		 <a href="//{NET_DOMAIN}/page/Доставка" title="Осень"><strong>Осень</strong></a>
		 <p><a href="//{NET_DOMAIN}/page/Доставка" title="Осень">Сезонные скидки и распродажи!</a></p>
		 </div>
	 </li>
	 <li class="accor accor-closed">
		 <img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=urban" alt="Зима">
		 <div class="title_accor">
		 <a href="//{NET_DOMAIN}/page/Доставка" title="Зима"><strong>Зима</strong></a>
		 <p><a href="//{NET_DOMAIN}/page/Доставка" title="Зима">Сезонные скидки и распродажи!</a></p>
		 </div>
	 </li>
	 <li class="accor accor-closed">
		 <img src="{ASSETS_IMAGES_PATH}slide4.jpg?design=urban" alt="Весна">
		 <div class="title_accor">
		 <a href="//{NET_DOMAIN}/page/Доставка" title="Весна"><strong>Весна</strong></a>
		 <p><a href="//{NET_DOMAIN}/page/Доставка" title="Весна">Сезонные скидки и распродажи!</a></p>
		 </div>
	 </li>
	 </ul>
</div>
{% ENDIF %}

В шаблоне main.css найдите код:
#slideshow {position: relative;overflow: hidden;}
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}
#slideshow .text .title {color: #8C2C29;margin-bottom: 15px;font-weight: 500;font-size: 36px;text-transform: uppercase;}
#slideshow .preloading {height: 150%;}
#slideshow .preloading .folding-cube {margin-top: -150px;}

Замените на:
/*** Слайдер ***/
#slideshow {position: relative;}
.accor {position: absolute;bottom: 0;height: 100px;left: 0;width: 100%;z-index: 9;width: 1.5px;left: -0.2px;margin: 0 auto;}
.accor-closed {position: relative;}
.accor-closed:before {content: "";position: absolute;top: 0;left: 0;width: 1px;height: 100%;background-color: #fff;z-index: 1;}
.accor-closed:first-child:before {display: none;}
li.accor.accor-open:before {content: "";position: absolute;top: 0;left: 0;width: 1px;height: 100%;background-color: #fff;z-index: 1;}
li.accor.accor-open:first-child:before {display: none;}
.accor-closed img {-o-filter: grayscale(1);-webkit-filter: grayscale(1);-moz-filter: grayscale(1);-ms-filter: grayscale(1);filter: grayscale(1);}
.accor-closed img:hover {-o-filter: grayscale(0);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);filter: grayscale(0);}
.accor strong {display: block;color: #fff;line-height: 100%;margin-bottom: 5px;padding: 10px 10px 0;text-shadow: none;}
.accor p {display: block;color: #fff;font-size: 14px;padding: 0 10px;text-shadow: none;line-height: 100%;}
.accor-closed .title_accor strong {font-size: 24px;;text-transform: uppercase;font-weight: bold;}
.accor-closed .title_accor strong:hover {color: #c7081b;}
.accor-closed .title_accor p {font-family: 'PT Sans', sans-serif;font-style: italic;font-size: 18px;max-width: 273px;}
.accor-open strong {font-size: 60px;text-transform: uppercase;}
.accor-open strong:hover {color: #c7081b;}
.accor-open .title_accor p {font-size: 30px;font-family: 'PT Sans', sans-serif;font-style: italic;font-weight: bold;}
.accor div.title_accor {position: absolute;bottom: 0;left: 0;width: 100%;z-index: 9;display: none;}
.accor.accor-open div.title_accor {display: none;bottom: 34.3%;left: 33.5%;}
div.title_accor a {text-decoration: none;color: #ffffff;}
div.title_accor a:hover {color: #c7081b;}
.accor-closed div.title_accor a {text-decoration: none;}

Найдите код:
.index #header {position: absolute;width: 100%;top: 0;right: 0;left: 0;background-color: rgba(220, 220, 220, 0.5);}

Замените на:
.index #header {background-color: rgba(220, 220, 220, 0.5);}

В шаблоне main.js найдите код:
// Функция расчета высоты и ширины экрана для картинки на главной
function slideshow() {
$(document).ready(function(){
var wh = $(window).height();
var ww = $(window).width();
var hh = $('#header').height();
$('#slideshow').css({'height': wh, 'width': ww});
});
// Эффект увеличения изображения
$(window).load(function(){
if (!$('body').hasClass('IE')) {
	 $('#slideshow .slide').animate({scale: '1.1'}, 15000);
}
});
}

Замените на:
function slideshow() {
// Слайдер на главной
jQuery(document).ready(function ($) {
var id = $("#slideshow");
var accor = $('ul.accor', id);
accor.zAccordion({
auto: false,
pause: true,
timeout: 3000,
easing: 'linear',
tabWidth: 282,
startingSlide: 0,
speed: 500,
trigger: "click",
slideClass: 'accor',
animationStart: function () {
id.find('li.accor-previous div.title_accor').fadeOut();
id.find('li.accor-open div.title_accor').css('display', 'none');
id.find('li.accor-previous div.title_accor').css('display', 'none');
},
animationComplete: function () {
id.find('li.accor-open div.title_accor').fadeIn();
id.find('li div.title_accor').fadeIn(600);
},
buildComplete: function () {
id.find('li.accor-open div.title_accor').fadeIn(600);
	 id.find('li div.title_accor').fadeIn(600);
},
width: 1920, //Ширина изображения в слайдере
height: 560, //Высота изображения в слайдере
container: 'slideshow',
classBgTitle: 'title_accor',
heightTitle: 100
});
});
}

В шаблоне forall.js добавьте в конце код:
/*!
* jQuery zAccordion Plugin v2.1.0
* Основной слайдер
* Copyright (c) 2010 - 2012 Nate Armagost, http://www.armagost.com/zaccordion
*/
!function(t){"use strict";t.fn.zAccordion=function(i){var e={timeout:6e3,width:null,slideWidth:null,tabWidth:null,height:null,startingSlide:1,slideClass:null,easing:null,speed:1200,auto:!0,trigger:"click",pause:!0,invert:!1,animationStart:function(){},animationComplete:function(){},buildComplete:function(){},errors:!1},d={displayError:function(t,i){window.console&&i&&console.log("zAccordion: "+t+".")},findChildElements:function(t){return void 0===t.children().get(0)?!1:!0},getNext:function(t,i){var e=i+1;return e>=t&&(e=0),e},fixHeight:function(t){return null===t.height&&void 0!==t.slideHeight?(t.height=t.slideHeight,!0):null!==t.height&&void 0===t.slideHeight?!0:null===t.height&&void 0===t.slideHeight?!1:void 0},getUnits:function(t){return null!==t?t.toString().indexOf("%")>-1?"%":(t.toString().indexOf("px")>-1,"px"):void 0},toInteger:function(t){return null!==t?parseInt(t,10):void 0},sizeAccordion:function(t,i){return void 0===i.width&&void 0===i.slideWidth&&void 0===i.tabWidth?(d.displayError("width must be defined",i.errors),!1):void 0!==i.width&&void 0===i.slideWidth&&void 0===i.tabWidth?i.width>100&&"%"===i.widthUnits?(d.displayError("width cannot be over 100%",i.errors),!1):(i.slideWidthUnits=i.widthUnits,i.tabWidthUnits=i.widthUnits,"%"===i.widthUnits?(i.tabWidth=100/(t.children().size()+1),i.slideWidth=100-(t.children().size()-1)*i.tabWidth):(i.tabWidth=i.width+"%",i.slideWidth=i.width-(t.children().size()-1)*i.tabWidth),!0):void 0===i.width&&void 0!==i.slideWidth&&void 0===i.tabWidth?(d.displayError("width must be defined",i.errors),!1):void 0===i.width&&void 0===i.slideWidth&&void 0!==i.tabWidth?(d.displayError("width must be defined",i.errors),!1):void 0!==i.width&&void 0===i.slideWidth&&void 0!==i.tabWidth?i.widthUnits!==i.tabWidthUnits?(d.displayError("Units do not match",i.errors),!1):i.width>100&&"%"===i.widthUnits?(d.displayError("width cannot be over 100%",i.errors),!1):t.children().size()*i.tabWidth>100&&"%"===i.widthUnits||t.children().size()*i.tabWidth>i.width&&"px"===i.widthUnits?(d.displayError("tabWidth too large for accordion",i.errors),!1):(i.slideWidthUnits=i.widthUnits,"%"===i.widthUnits?i.slideWidth=100-(t.children().size()-1)*i.tabWidth:i.slideWidth=i.width-(t.children().size()-1)*i.tabWidth,!0):void 0!==i.width&&void 0!==i.slideWidth&&void 0===i.tabWidth?i.widthUnits!==i.slideWidthUnits?(d.displayError("Units do not match",i.errors),!1):i.width>100&&"%"===i.widthUnits?(d.displayError("width cannot be over 100%",i.errors),!1):i.slideWidth>=i.width?(d.displayError("slideWidth cannot be greater than or equal to width",i.errors),!1):t.children().size()*i.slideWidth<100&&"%"===i.widthUnits||t.children().size()*i.slideWidth<i.width&&"px"===i.widthUnits?(d.displayError("slideWidth too small for accordion",i.errors),!1):(i.tabWidthUnits=i.widthUnits,"%"===i.widthUnits?i.tabWidth=(100-i.slideWidth)/(t.children().size()-1):i.tabWidth=(i.width-i.slideWidth)/(t.children().size()-1),!0):void 0===i.width&&void 0!==i.slideWidth&&void 0!==i.tabWidth?(d.displayError("width must be defined",i.errors),!1):void 0!==i.width&&void 0!==i.slideWidth&&void 0!==i.tabWidth?(d.displayError("At maximum two of three attributes (width, slideWidth, and tabWidth) should be defined",i.errors),!1):void 0},timer:function(t){var i=t.data("next")+1;if(t.data("pause")&&t.data("inside")&&t.data("auto"))try{clearTimeout(t.data("interval"))}catch(e){}else if(t.data("pause")&&!t.data("inside")&&t.data("auto")){try{clearTimeout(t.data("interval"))}catch(d){}t.data("interval",setTimeout(function(){t.children(t.children().get(0).tagName+":nth-child("+i+")").trigger(t.data("trigger"))},t.data("timeout")))}else if(!t.data("pause")&&t.data("auto")){try{clearTimeout(t.data("interval"))}catch(s){}t.data("interval",setTimeout(function(){t.children(t.children().get(0).tagName+":nth-child("+i+")").trigger(t.data("trigger"))},t.data("timeout")))}}},s={init:function(i){var s,r=["slideWidth","tabWidth","startingSlide","slideClass","animationStart","animationComplete","buildComplete"];for(s=0;s<r.length;s+=1)void 0!==t(this).data(r[s].toLowerCase())&&(t(this).data(r[s],t(this).data(r[s].toLowerCase())),t(this).removeData(r[s].toLowerCase()));return i=t.extend(e,i,t(this).data()),this.length<=0?(d.displayError("Selector does not exist",i.errors),!1):D.fixHeight(i)?d.findChildElements(this)?i.speed>i.timeout?(d.displayError("Speed cannot be greater than timeout",i.errors),!1):(i.heightUnits=d.getUnits(i.height),i.height=d.toInteger(i.height),i.widthUnits=d.getUnits(i.width),i.width=d.toInteger(i.width),i.slideWidthUnits=d.getUnits(i.slideWidth),i.slideWidth=d.toInteger(i.slideWidth),i.tabWidthUnits=d.getUnits(i.tabWidth),i.tabWidth=d.toInteger(i.tabWidth),t(window).on("load resize",function(){t("."+i.classBgTitle).css({height:i.heightTitle});var e=t("#"+i.container),d=t("ul",e);if(t(this).innerWidth()/i.width<1){var s=e.width()/i.width;e.css({width:"100%",height:i.height*(t(this).outerWidth()/i.width),maxWidth:i.width,maxHeight:i.height}),d.css({"-webkit-transform":"scaleX("+s+") scaleY("+s+")","-ms-transform":"scaleX("+s+") scaleY("+s+")",transform:"scaleX("+s+") scaleY("+s+")","-webkit-transform-origin":"top left","-ms-transform-origin":"top left","transform-origin":"top left"})}else e.css({width:"100%",height:"",maxWidth:"",maxHeight:""}),d.css({"-webkit-transform":"","-ms-transform":"",transform:"","-webkit-transform-origin":"","-ms-transform-origin":"","transform-origin":""})}),null!==i.slideClass&&(i.slideOpenClass=i.slideClass+"-open",i.slideClosedClass=i.slideClass+"-closed",i.slidePreviousClass=i.slideClass+"-previous"),d.sizeAccordion(this,i)?this.each(function(){var e,s,r,a,n=i,h=t(this),l=[],o=-1;e=n.slideWidth-n.tabWidth,s=h.get(0).tagName,r=h.children().get(0).tagName,a=h.children().size(),h.data(t.extend({},{auto:n.auto,interval:null,timeout:n.timeout,trigger:n.trigger,current:n.startingSlide,previous:o,next:d.getNext(a,n.startingSlide),slideClass:n.slideClass,inside:!1,pause:n.pause})),"%"===n.heightUnits&&(n.height="BODY"===h.parent().get(0).tagName?.01*n.height*t(window).height():.01*n.height*h.parent().height(),n.heightUnits="px"),h.children().each(function(i){var d,s,o;s=n.invert?s=(a-1)*n.tabWidth-i*n.tabWidth:i*n.tabWidth,l[i]=s,d=n.invert?10*(a-1-i):10*i,null!==n.slideClass&&t(this).addClass(n.slideClass),t(this).css({top:0,"z-index":D,margin:0,padding:0,"float":"left",display:"block",position:"absolute",overflow:"hidden",width:n.slideWidth+n.widthUnits,height:n.height+n.heightUnits}),"LI"===r&&t(this).css({"text-indent":0}),n.invert?t(this).css({right:s+n.widthUnits,"float":"right"}):t(this).css({left:s+n.widthUnits,"float":"left"}),i===n.startingSlide?(t(this).css("cursor","default"),null!==n.slideClass&&t(this).addClass(n.slideOpenClass)):(t(this).css("cursor","pointer"),null!==n.slideClass&&t(this).addClass(n.slideClosedClass),i>n.startingSlide&&!n.invert?(o=i+1,h.children(r+":nth-child("+o+")").css({left:l[o-1]+e+n.widthUnits})):i<n.startingSlide&&n.invert&&(o=i+1,h.children(r+":nth-child("+o+")").css({right:l[o-1]+e+n.widthUnits})))}),h.css({display:"block",height:n.height+n.heightUnits,width:n.width+n.widthUnits,padding:0,position:"relative",overflow:"hidden"}),("UL"===s||"OL"===s)&&h.css({"list-style":"none"}),h.hover(function(){if(h.data("inside",!0),h.data("pause"))try{clearTimeout(h.data("interval"))}catch(t){}},function(){h.data("inside",!1),h.data("auto")&&h.data("pause")&&d.timer(h)}),h.children().bind(n.trigger,function(){if(t(this).index()!==h.data("current")){var i,s,c,u;for(c=o+1,u=h.data("current")+1,0!==c&&null!==n.slideClass&&h.children(r+":nth-child("+c+")").removeClass(n.slidePreviousClass),h.children(r+":nth-child("+u+")"),null!==n.slideClass&&h.children(r+":nth-child("+u+")").addClass(n.slidePreviousClass),o=h.data("current"),h.data("previous",h.data("current")),c=o,c+=1,h.data("current",t(this).index()),u=h.data("current"),u+=1,h.children().css("cursor","pointer"),t(this).css("cursor","default"),null!==n.slideClass&&(h.children().addClass(n.slideClosedClass).removeClass(n.slideOpenClass),t(this).addClass(n.slideOpenClass).removeClass(n.slideClosedClass)),h.data("next",d.getNext(a,t(this).index())),d.timer(h),n.animationStart(),n.invert?h.children(r+":nth-child("+u+")").stop().animate({right:l[h.data("current")]+n.widthUnits},n.speed,n.easing,n.animationComplete):h.children(r+":nth-child("+u+")").stop().animate({left:l[h.data("current")]+n.widthUnits},n.speed,n.easing,n.animationComplete),i=0;a>i;i+=1)s=i+1,i<h.data("current")&&(n.invert?h.children(r+":nth-child("+s+")").stop().animate({right:n.width-s*n.tabWidth+n.widthUnits},n.speed,n.easing):h.children(r+":nth-child("+s+")").stop().animate({left:l[i]+n.widthUnits},n.speed,n.easing)),i>h.data("current")&&(n.invert?h.children(r+":nth-child("+s+")").stop().animate({right:(a-s)*n.tabWidth+n.widthUnits},n.speed,n.easing):h.children(r+":nth-child("+s+")").stop().animate({left:l[i]+e+n.widthUnits},n.speed,n.easing));return!1}}),h.data("auto")&&d.timer(h),n.buildComplete()}):!1):(d.displayError("No child elements available",i.errors),!1):(d.displayError("height must be defined",i.errors),!1)},stop:function(){t(this).data("auto")&&(clearTimeout(t(this).data("interval")),t(this).data("auto",!1))},start:function(){if(!t(this).data("auto")){var i=t(this).data("next")+1;t(this).data("auto",!0),t(this).children(t(this).children().get(0).tagName+":nth-child("+i+")").trigger(t(this).data("trigger"))}},trigger:function(i){(i>=t(this).children().size()||0>i)&&(i=0),i+=1,t(this).children(t(this).children().get(0).tagName+":nth-child("+i+")").trigger(t(this).data("trigger"))},destroy:function(i){var e,d,r=t(this).data("slideClass");return void 0!==i&&(e=void 0!==i.removeStyleAttr?i.removeStyleAttr:!0,d=void 0!==i.removeClasses?i.removeClasses:!1),clearTimeout(t(this).data("interval")),t(this).children().stop().unbind(t(this).data("trigger")),t(this).unbind("mouseenter mouseleave mouseover mouseout"),e&&(t(this).removeAttr("style"),t(this).children().removeAttr("style")),d&&(t(this).children().removeClass(r),t(this).children().removeClass(r+"-open"),t(this).children().removeClass(r+"-closed"),t(this).children().removeClass(r+"-previous")),t(this).removeData(),void 0!==i&&"undefined"!==i.destroyComplete&&("undefined"!=typeof i.destroyComplete.afterDestroy&&i.destroyComplete.afterDestroy(),i.destroyComplete.rebuild)?s.init.apply(this,[i.destroyComplete.rebuild]):void 0}};return s[i]?s[i].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof i&&i?void t.error("zAccordion: "+i+" does not exist."):s.init.apply(this,arguments)}}(jQuery);

Стандартные файлы слайдера в приложении. Желательно загружать свои изображения такого же размера.

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

  • slide1.jpg
  • slide2.jpg
  • slide3.jpg
  • slide4.jpg

#3 SL-418417

SL-418417

    Пользователь

  • Пользователи
  • PipPip
  • 32 сообщений
  • ГородСанкт-Петербург

Отправлено 07 Сентябрь 2017 - 00:16

Просмотр сообщенияFirefly (06 Сентябрь 2017 - 19:45) писал:

Здравствуйте.
В шаблоне HTML найдите код:
<!-- Slider Слайдер -->
{% IF index_page %}
<div id="slideshow">
	 <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
	 <div class="slide"></div>
	 <div class="text">
	 <div class="title">Новая коллекция</div>
	 <a href="{CATALOG_URL}" class="button big">Перейти в каталог</a>
	 </div>
	 <div class="image">
	 <img src="{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise"/>
	 </div>
</div>
{% ENDIF %}
<!-- /END Slider Слайдер -->

Замените на:
<!-- Слайдер на главной -->
{% IF index_page %}
<div id="slideshow">
	 <div class="preloader"><span class="content-loading"></span></div>
	 <ul class="accor">
	 <li class="accor accor-open">
		 <img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=urban" alt="Лето">
		 <div class="title_accor">
		 <a href="http://{NET_DOMAIN}/page/Доставка" title="Лето"><strong>Лето</strong></a>
		 <p><a href="http://{NET_DOMAIN}/page/Доставка" title="Лето">Сезонные скидки и распродажи!</a></p>
		 </div>
	 </li>
	 <li class="accor accor-closed">
		 <img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=urban" alt="Осень">
		 <div class="title_accor">
		 <a href="http://{NET_DOMAIN}/page/Доставка" title="Осень"><strong>Осень</strong></a>
		 <p><a href="http://{NET_DOMAIN}/page/Доставка" title="Осень">Сезонные скидки и распродажи!</a></p>
		 </div>
	 </li>
	 <li class="accor accor-closed">
		 <img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=urban" alt="Зима">
		 <div class="title_accor">
		 <a href="http://{NET_DOMAIN}/page/Доставка" title="Зима"><strong>Зима</strong></a>
		 <p><a href="http://{NET_DOMAIN}/page/Доставка" title="Зима">Сезонные скидки и распродажи!</a></p>
		 </div>
	 </li>
	 <li class="accor accor-closed">
		 <img src="{ASSETS_IMAGES_PATH}slide4.jpg?design=urban" alt="Весна">
		 <div class="title_accor">
		 <a href="http://{NET_DOMAIN}/page/Доставка" title="Весна"><strong>Весна</strong></a>
		 <p><a href="http://{NET_DOMAIN}/page/Доставка" title="Весна">Сезонные скидки и распродажи!</a></p>
		 </div>
	 </li>
	 </ul>
</div>
{% ENDIF %}

В шаблоне main.css найдите код:
#slideshow {position: relative;overflow: hidden;}
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}
#slideshow .text .title {color: #8C2C29;margin-bottom: 15px;font-weight: 500;font-size: 36px;text-transform: uppercase;}
#slideshow .preloading {height: 150%;}
#slideshow .preloading .folding-cube {margin-top: -150px;}

Замените на:
/*** Слайдер ***/
#slideshow {position: relative;}
.accor {position: absolute;bottom: 0;height: 100px;left: 0;width: 100%;z-index: 9;width: 1.5px;left: -0.2px;margin: 0 auto;}
.accor-closed {position: relative;}
.accor-closed:before {content: "";position: absolute;top: 0;left: 0;width: 1px;height: 100%;background-color: #fff;z-index: 1;}
.accor-closed:first-child:before {display: none;}
li.accor.accor-open:before {content: "";position: absolute;top: 0;left: 0;width: 1px;height: 100%;background-color: #fff;z-index: 1;}
li.accor.accor-open:first-child:before {display: none;}
.accor-closed img {-o-filter: grayscale(1);-webkit-filter: grayscale(1);-moz-filter: grayscale(1);-ms-filter: grayscale(1);filter: grayscale(1);}
.accor-closed img:hover {-o-filter: grayscale(0);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);filter: grayscale(0);}
.accor strong {display: block;color: #fff;line-height: 100%;margin-bottom: 5px;padding: 10px 10px 0;text-shadow: none;}
.accor p {display: block;color: #fff;font-size: 14px;padding: 0 10px;text-shadow: none;line-height: 100%;}
.accor-closed .title_accor strong {font-size: 24px;;text-transform: uppercase;font-weight: bold;}
.accor-closed .title_accor strong:hover {color: #c7081b;}
.accor-closed .title_accor p {font-family: 'PT Sans', sans-serif;font-style: italic;font-size: 18px;max-width: 273px;}
.accor-open strong {font-size: 60px;text-transform: uppercase;}
.accor-open strong:hover {color: #c7081b;}
.accor-open .title_accor p {font-size: 30px;font-family: 'PT Sans', sans-serif;font-style: italic;font-weight: bold;}
.accor div.title_accor {position: absolute;bottom: 0;left: 0;width: 100%;z-index: 9;display: none;}
.accor.accor-open div.title_accor {display: none;bottom: 34.3%;left: 33.5%;}
div.title_accor a {text-decoration: none;color: #ffffff;}
div.title_accor a:hover {color: #c7081b;}
.accor-closed div.title_accor a {text-decoration: none;}

Найдите код:
.index #header {position: absolute;width: 100%;top: 0;right: 0;left: 0;background-color: rgba(220, 220, 220, 0.5);}

Замените на:
.index #header {background-color: rgba(220, 220, 220, 0.5);}

В шаблоне main.js найдите код:
// Функция расчета высоты и ширины экрана для картинки на главной
function slideshow() {
$(document).ready(function(){
var wh = $(window).height();
var ww = $(window).width();
var hh = $('#header').height();
$('#slideshow').css({'height': wh, 'width': ww});
});
// Эффект увеличения изображения
$(window).load(function(){
if (!$('body').hasClass('IE')) {
	 $('#slideshow .slide').animate({scale: '1.1'}, 15000);
}
});
}

Замените на:
function slideshow() {
// Слайдер на главной
jQuery(document).ready(function ($) {
var id = $("#slideshow");
var accor = $('ul.accor', id);
accor.zAccordion({
auto: false,
pause: true,
timeout: 3000,
easing: 'linear',
tabWidth: 282,
startingSlide: 0,
speed: 500,
trigger: "click",
slideClass: 'accor',
animationStart: function () {
id.find('li.accor-previous div.title_accor').fadeOut();
id.find('li.accor-open div.title_accor').css('display', 'none');
id.find('li.accor-previous div.title_accor').css('display', 'none');
},
animationComplete: function () {
id.find('li.accor-open div.title_accor').fadeIn();
id.find('li div.title_accor').fadeIn(600);
},
buildComplete: function () {
id.find('li.accor-open div.title_accor').fadeIn(600);
	 id.find('li div.title_accor').fadeIn(600);
},
width: 1920, //Ширина изображения в слайдере
height: 560, //Высота изображения в слайдере
container: 'slideshow',
classBgTitle: 'title_accor',
heightTitle: 100
});
});
}

В шаблоне forall.js добавьте в конце код:
/*!
* jQuery zAccordion Plugin v2.1.0
* Основной слайдер
* Copyright (c) 2010 - 2012 Nate Armagost, http://www.armagost.com/zaccordion
*/
!function(t){"use strict";t.fn.zAccordion=function(i){var e={timeout:6e3,width:null,slideWidth:null,tabWidth:null,height:null,startingSlide:1,slideClass:null,easing:null,speed:1200,auto:!0,trigger:"click",pause:!0,invert:!1,animationStart:function(){},animationComplete:function(){},buildComplete:function(){},errors:!1},d={displayError:function(t,i){window.console&&i&&console.log("zAccordion: "+t+".")},findChildElements:function(t){return void 0===t.children().get(0)?!1:!0},getNext:function(t,i){var e=i+1;return e>=t&&(e=0),e},fixHeight:function(t){return null===t.height&&void 0!==t.slideHeight?(t.height=t.slideHeight,!0):null!==t.height&&void 0===t.slideHeight?!0:null===t.height&&void 0===t.slideHeight?!1:void 0},getUnits:function(t){return null!==t?t.toString().indexOf("%")>-1?"%":(t.toString().indexOf("px")>-1,"px"):void 0},toInteger:function(t){return null!==t?parseInt(t,10):void 0},sizeAccordion:function(t,i){return void 0===i.width&&void 0===i.slideWidth&&void 0===i.tabWidth?(d.displayError("width must be defined",i.errors),!1):void 0!==i.width&&void 0===i.slideWidth&&void 0===i.tabWidth?i.width>100&&"%"===i.widthUnits?(d.displayError("width cannot be over 100%",i.errors),!1):(i.slideWidthUnits=i.widthUnits,i.tabWidthUnits=i.widthUnits,"%"===i.widthUnits?(i.tabWidth=100/(t.children().size()+1),i.slideWidth=100-(t.children().size()-1)*i.tabWidth):(i.tabWidth=i.width+"%",i.slideWidth=i.width-(t.children().size()-1)*i.tabWidth),!0):void 0===i.width&&void 0!==i.slideWidth&&void 0===i.tabWidth?(d.displayError("width must be defined",i.errors),!1):void 0===i.width&&void 0===i.slideWidth&&void 0!==i.tabWidth?(d.displayError("width must be defined",i.errors),!1):void 0!==i.width&&void 0===i.slideWidth&&void 0!==i.tabWidth?i.widthUnits!==i.tabWidthUnits?(d.displayError("Units do not match",i.errors),!1):i.width>100&&"%"===i.widthUnits?(d.displayError("width cannot be over 100%",i.errors),!1):t.children().size()*i.tabWidth>100&&"%"===i.widthUnits||t.children().size()*i.tabWidth>i.width&&"px"===i.widthUnits?(d.displayError("tabWidth too large for accordion",i.errors),!1):(i.slideWidthUnits=i.widthUnits,"%"===i.widthUnits?i.slideWidth=100-(t.children().size()-1)*i.tabWidth:i.slideWidth=i.width-(t.children().size()-1)*i.tabWidth,!0):void 0!==i.width&&void 0!==i.slideWidth&&void 0===i.tabWidth?i.widthUnits!==i.slideWidthUnits?(d.displayError("Units do not match",i.errors),!1):i.width>100&&"%"===i.widthUnits?(d.displayError("width cannot be over 100%",i.errors),!1):i.slideWidth>=i.width?(d.displayError("slideWidth cannot be greater than or equal to width",i.errors),!1):t.children().size()*i.slideWidth<100&&"%"===i.widthUnits||t.children().size()*i.slideWidth<i.width&&"px"===i.widthUnits?(d.displayError("slideWidth too small for accordion",i.errors),!1):(i.tabWidthUnits=i.widthUnits,"%"===i.widthUnits?i.tabWidth=(100-i.slideWidth)/(t.children().size()-1):i.tabWidth=(i.width-i.slideWidth)/(t.children().size()-1),!0):void 0===i.width&&void 0!==i.slideWidth&&void 0!==i.tabWidth?(d.displayError("width must be defined",i.errors),!1):void 0!==i.width&&void 0!==i.slideWidth&&void 0!==i.tabWidth?(d.displayError("At maximum two of three attributes (width, slideWidth, and tabWidth) should be defined",i.errors),!1):void 0},timer:function(t){var i=t.data("next")+1;if(t.data("pause")&&t.data("inside")&&t.data("auto"))try{clearTimeout(t.data("interval"))}catch(e){}else if(t.data("pause")&&!t.data("inside")&&t.data("auto")){try{clearTimeout(t.data("interval"))}catch(d){}t.data("interval",setTimeout(function(){t.children(t.children().get(0).tagName+":nth-child("+i+")").trigger(t.data("trigger"))},t.data("timeout")))}else if(!t.data("pause")&&t.data("auto")){try{clearTimeout(t.data("interval"))}catch(s){}t.data("interval",setTimeout(function(){t.children(t.children().get(0).tagName+":nth-child("+i+")").trigger(t.data("trigger"))},t.data("timeout")))}}},s={init:function(i){var s,r=["slideWidth","tabWidth","startingSlide","slideClass","animationStart","animationComplete","buildComplete"];for(s=0;s<r.length;s+=1)void 0!==t(this).data(r[s].toLowerCase())&&(t(this).data(r[s],t(this).data(r[s].toLowerCase())),t(this).removeData(r[s].toLowerCase()));return i=t.extend(e,i,t(this).data()),this.length<=0?(d.displayError("Selector does not exist",i.errors),!1):D.fixHeight(i)?d.findChildElements(this)?i.speed>i.timeout?(d.displayError("Speed cannot be greater than timeout",i.errors),!1):(i.heightUnits=d.getUnits(i.height),i.height=d.toInteger(i.height),i.widthUnits=d.getUnits(i.width),i.width=d.toInteger(i.width),i.slideWidthUnits=d.getUnits(i.slideWidth),i.slideWidth=d.toInteger(i.slideWidth),i.tabWidthUnits=d.getUnits(i.tabWidth),i.tabWidth=d.toInteger(i.tabWidth),t(window).on("load resize",function(){t("."+i.classBgTitle).css({height:i.heightTitle});var e=t("#"+i.container),d=t("ul",e);if(t(this).innerWidth()/i.width<1){var s=e.width()/i.width;e.css({width:"100%",height:i.height*(t(this).outerWidth()/i.width),maxWidth:i.width,maxHeight:i.height}),d.css({"-webkit-transform":"scaleX("+s+") scaleY("+s+")","-ms-transform":"scaleX("+s+") scaleY("+s+")",transform:"scaleX("+s+") scaleY("+s+")","-webkit-transform-origin":"top left","-ms-transform-origin":"top left","transform-origin":"top left"})}else e.css({width:"100%",height:"",maxWidth:"",maxHeight:""}),d.css({"-webkit-transform":"","-ms-transform":"",transform:"","-webkit-transform-origin":"","-ms-transform-origin":"","transform-origin":""})}),null!==i.slideClass&&(i.slideOpenClass=i.slideClass+"-open",i.slideClosedClass=i.slideClass+"-closed",i.slidePreviousClass=i.slideClass+"-previous"),d.sizeAccordion(this,i)?this.each(function(){var e,s,r,a,n=i,h=t(this),l=[],o=-1;e=n.slideWidth-n.tabWidth,s=h.get(0).tagName,r=h.children().get(0).tagName,a=h.children().size(),h.data(t.extend({},{auto:n.auto,interval:null,timeout:n.timeout,trigger:n.trigger,current:n.startingSlide,previous:o,next:d.getNext(a,n.startingSlide),slideClass:n.slideClass,inside:!1,pause:n.pause})),"%"===n.heightUnits&&(n.height="BODY"===h.parent().get(0).tagName?.01*n.height*t(window).height():.01*n.height*h.parent().height(),n.heightUnits="px"),h.children().each(function(i){var d,s,o;s=n.invert?s=(a-1)*n.tabWidth-i*n.tabWidth:i*n.tabWidth,l[i]=s,d=n.invert?10*(a-1-i):10*i,null!==n.slideClass&&t(this).addClass(n.slideClass),t(this).css({top:0,"z-index":D,margin:0,padding:0,"float":"left",display:"block",position:"absolute",overflow:"hidden",width:n.slideWidth+n.widthUnits,height:n.height+n.heightUnits}),"LI"===r&&t(this).css({"text-indent":0}),n.invert?t(this).css({right:s+n.widthUnits,"float":"right"}):t(this).css({left:s+n.widthUnits,"float":"left"}),i===n.startingSlide?(t(this).css("cursor","default"),null!==n.slideClass&&t(this).addClass(n.slideOpenClass)):(t(this).css("cursor","pointer"),null!==n.slideClass&&t(this).addClass(n.slideClosedClass),i>n.startingSlide&&!n.invert?(o=i+1,h.children(r+":nth-child("+o+")").css({left:l[o-1]+e+n.widthUnits})):i<n.startingSlide&&n.invert&&(o=i+1,h.children(r+":nth-child("+o+")").css({right:l[o-1]+e+n.widthUnits})))}),h.css({display:"block",height:n.height+n.heightUnits,width:n.width+n.widthUnits,padding:0,position:"relative",overflow:"hidden"}),("UL"===s||"OL"===s)&&h.css({"list-style":"none"}),h.hover(function(){if(h.data("inside",!0),h.data("pause"))try{clearTimeout(h.data("interval"))}catch(t){}},function(){h.data("inside",!1),h.data("auto")&&h.data("pause")&&d.timer(h)}),h.children().bind(n.trigger,function(){if(t(this).index()!==h.data("current")){var i,s,c,u;for(c=o+1,u=h.data("current")+1,0!==c&&null!==n.slideClass&&h.children(r+":nth-child("+c+")").removeClass(n.slidePreviousClass),h.children(r+":nth-child("+u+")"),null!==n.slideClass&&h.children(r+":nth-child("+u+")").addClass(n.slidePreviousClass),o=h.data("current"),h.data("previous",h.data("current")),c=o,c+=1,h.data("current",t(this).index()),u=h.data("current"),u+=1,h.children().css("cursor","pointer"),t(this).css("cursor","default"),null!==n.slideClass&&(h.children().addClass(n.slideClosedClass).removeClass(n.slideOpenClass),t(this).addClass(n.slideOpenClass).removeClass(n.slideClosedClass)),h.data("next",d.getNext(a,t(this).index())),d.timer(h),n.animationStart(),n.invert?h.children(r+":nth-child("+u+")").stop().animate({right:l[h.data("current")]+n.widthUnits},n.speed,n.easing,n.animationComplete):h.children(r+":nth-child("+u+")").stop().animate({left:l[h.data("current")]+n.widthUnits},n.speed,n.easing,n.animationComplete),i=0;a>i;i+=1)s=i+1,i<h.data("current")&&(n.invert?h.children(r+":nth-child("+s+")").stop().animate({right:n.width-s*n.tabWidth+n.widthUnits},n.speed,n.easing):h.children(r+":nth-child("+s+")").stop().animate({left:l[i]+n.widthUnits},n.speed,n.easing)),i>h.data("current")&&(n.invert?h.children(r+":nth-child("+s+")").stop().animate({right:(a-s)*n.tabWidth+n.widthUnits},n.speed,n.easing):h.children(r+":nth-child("+s+")").stop().animate({left:l[i]+e+n.widthUnits},n.speed,n.easing));return!1}}),h.data("auto")&&d.timer(h),n.buildComplete()}):!1):(d.displayError("No child elements available",i.errors),!1):(d.displayError("height must be defined",i.errors),!1)},stop:function(){t(this).data("auto")&&(clearTimeout(t(this).data("interval")),t(this).data("auto",!1))},start:function(){if(!t(this).data("auto")){var i=t(this).data("next")+1;t(this).data("auto",!0),t(this).children(t(this).children().get(0).tagName+":nth-child("+i+")").trigger(t(this).data("trigger"))}},trigger:function(i){(i>=t(this).children().size()||0>i)&&(i=0),i+=1,t(this).children(t(this).children().get(0).tagName+":nth-child("+i+")").trigger(t(this).data("trigger"))},destroy:function(i){var e,d,r=t(this).data("slideClass");return void 0!==i&&(e=void 0!==i.removeStyleAttr?i.removeStyleAttr:!0,d=void 0!==i.removeClasses?i.removeClasses:!1),clearTimeout(t(this).data("interval")),t(this).children().stop().unbind(t(this).data("trigger")),t(this).unbind("mouseenter mouseleave mouseover mouseout"),e&&(t(this).removeAttr("style"),t(this).children().removeAttr("style")),d&&(t(this).children().removeClass(r),t(this).children().removeClass(r+"-open"),t(this).children().removeClass(r+"-closed"),t(this).children().removeClass(r+"-previous")),t(this).removeData(),void 0!==i&&"undefined"!==i.destroyComplete&&("undefined"!=typeof i.destroyComplete.afterDestroy&&i.destroyComplete.afterDestroy(),i.destroyComplete.rebuild)?s.init.apply(this,[i.destroyComplete.rebuild]):void 0}};return s[i]?s[i].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof i&&i?void t.error("zAccordion: "+i+" does not exist."):s.init.apply(this,arguments)}}(jQuery);

Стандартные файлы слайдера в приложении. Желательно загружать свои изображения такого же размера.
Все проделал как прописано...но слайд так и не встал :unsure:

#4 Vaccina

Vaccina

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

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

Отправлено 07 Сентябрь 2017 - 05:07

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

Укажите пожалуйста номер аккаунта вашего магазина и измените его в профиле форума.

#5 SL-418417

SL-418417

    Пользователь

  • Пользователи
  • PipPip
  • 32 сообщений
  • ГородСанкт-Петербург

Отправлено 07 Сентябрь 2017 - 12:33

Просмотр сообщенияVaccina (07 Сентябрь 2017 - 05:07) писал:

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

Укажите пожалуйста номер аккаунта вашего магазина и измените его в профиле форума.
SL-418417

#6 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 07 Сентябрь 2017 - 16:00

Просмотр сообщенияSL-418417 (07 Сентябрь 2017 - 12:33) писал:

SL-418417
Здравствуйте.
Произведите изменения по ранее присланной инструкции, а после отпишитесь, чтобы мы могли посмотреть ошибки.

#7 SL-418417

SL-418417

    Пользователь

  • Пользователи
  • PipPip
  • 32 сообщений
  • ГородСанкт-Петербург

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

Просмотр сообщенияDanil (07 Сентябрь 2017 - 16:00) писал:

Здравствуйте.
Произведите изменения по ранее присланной инструкции, а после отпишитесь, чтобы мы могли посмотреть ошибки.
Зравствуйте! Произвел изменения по инструкции

#8 Vaccina

Vaccina

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

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

Отправлено 08 Сентябрь 2017 - 08:28

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

Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
function slideshow() {
// Слайдер на главной
jQuery(document).ready(function ($) {
var id = $("#slideshow");
var accor = $('ul.accor', id);
accor.zAccordion({
auto: false,
pause: true,
timeout: 3000,
easing: 'linear',
tabWidth: 282,
startingSlide: 0,
speed: 500,
trigger: "click",
slideClass: 'accor',
animationStart: function () {
id.find('li.accor-previous div.title_accor').fadeOut();
id.find('li.accor-open div.title_accor').css('display', 'none');
id.find('li.accor-previous div.title_accor').css('display', 'none');
},
animationComplete: function () {
id.find('li.accor-open div.title_accor').fadeIn();
id.find('li div.title_accor').fadeIn(600);
},
buildComplete: function () {
id.find('li.accor-open div.title_accor').fadeIn(600);
		 id.find('li div.title_accor').fadeIn(600);
},
width: 1920, //Ширина изображения в слайдере
height: 560, //Высота изображения в слайдере
container: 'slideshow',
classBgTitle: 'title_accor',
heightTitle: 100
});
});
}


замените на:
// Слайдер на главной
jQuery(document).ready(function ($) {
var id = $("#slideshow");
var accor = $('ul.accor', id);
accor.zAccordion({
auto: false,
pause: true,
timeout: 3000,
easing: 'linear',
tabWidth: 282,
startingSlide: 0,
speed: 500,
trigger: "click",
slideClass: 'accor',
animationStart: function () {
id.find('li.accor-previous div.title_accor').fadeOut();
id.find('li.accor-open div.title_accor').css('display', 'none');
id.find('li.accor-previous div.title_accor').css('display', 'none');
},
animationComplete: function () {
id.find('li.accor-open div.title_accor').fadeIn();
id.find('li div.title_accor').fadeIn(600);
},
buildComplete: function () {
id.find('li.accor-open div.title_accor').fadeIn(600);
		 id.find('li div.title_accor').fadeIn(600);
},
width: 1920, //Ширина изображения в слайдере
height: 560, //Высота изображения в слайдере
container: 'slideshow',
classBgTitle: 'title_accor',
heightTitle: 100
});
});

Далее зайдите в forall.js - вместо старой вставки кода вставьте следующий::
/*!
* jQuery zAccordion Plugin v2.1.0
* Основной слайдер
* Copyright (c) 2010 - 2012 Nate Armagost, http://www.armagost.com/zaccordion
*/
!function(t){"use strict";t.fn.zAccordion=function(i){var e={timeout:6e3,width:null,slideWidth:null,tabWidth:null,height:null,startingSlide:1,slideClass:null,easing:null,speed:1200,auto:!0,trigger:"click",pause:!0,invert:!1,animationStart:function(){},animationComplete:function(){},buildComplete:function(){},errors:!1},d={displayError:function(t,i){window.console&&i&&console.log("zAccordion: "+t+".")},findChildElements:function(t){return void 0===t.children().get(0)?!1:!0},getNext:function(t,i){var e=i+1;return e>=t&&(e=0),e},fixHeight:function(t){return null===t.height&&void 0!==t.slideHeight?(t.height=t.slideHeight,!0):null!==t.height&&void 0===t.slideHeight?!0:null===t.height&&void 0===t.slideHeight?!1:void 0},getUnits:function(t){return null!==t?t.toString().indexOf("%")>-1?"%":(t.toString().indexOf("px")>-1,"px"):void 0},toInteger:function(t){return null!==t?parseInt(t,10):void 0},sizeAccordion:function(t,i){return void 0===i.width&&void 0===i.slideWidth&&void 0===i.tabWidth?(d.displayError("width must be defined",i.errors),!1):void 0!==i.width&&void 0===i.slideWidth&&void 0===i.tabWidth?i.width>100&&"%"===i.widthUnits?(d.displayError("width cannot be over 100%",i.errors),!1):(i.slideWidthUnits=i.widthUnits,i.tabWidthUnits=i.widthUnits,"%"===i.widthUnits?(i.tabWidth=100/(t.children().size()+1),i.slideWidth=100-(t.children().size()-1)*i.tabWidth):(i.tabWidth=i.width+"%",i.slideWidth=i.width-(t.children().size()-1)*i.tabWidth),!0):void 0===i.width&&void 0!==i.slideWidth&&void 0===i.tabWidth?(d.displayError("width must be defined",i.errors),!1):void 0===i.width&&void 0===i.slideWidth&&void 0!==i.tabWidth?(d.displayError("width must be defined",i.errors),!1):void 0!==i.width&&void 0===i.slideWidth&&void 0!==i.tabWidth?i.widthUnits!==i.tabWidthUnits?(d.displayError("Units do not match",i.errors),!1):i.width>100&&"%"===i.widthUnits?(d.displayError("width cannot be over 100%",i.errors),!1):t.children().size()*i.tabWidth>100&&"%"===i.widthUnits||t.children().size()*i.tabWidth>i.width&&"px"===i.widthUnits?(d.displayError("tabWidth too large for accordion",i.errors),!1):(i.slideWidthUnits=i.widthUnits,"%"===i.widthUnits?i.slideWidth=100-(t.children().size()-1)*i.tabWidth:i.slideWidth=i.width-(t.children().size()-1)*i.tabWidth,!0):void 0!==i.width&&void 0!==i.slideWidth&&void 0===i.tabWidth?i.widthUnits!==i.slideWidthUnits?(d.displayError("Units do not match",i.errors),!1):i.width>100&&"%"===i.widthUnits?(d.displayError("width cannot be over 100%",i.errors),!1):i.slideWidth>=i.width?(d.displayError("slideWidth cannot be greater than or equal to width",i.errors),!1):t.children().size()*i.slideWidth<100&&"%"===i.widthUnits||t.children().size()*i.slideWidth<i.width&&"px"===i.widthUnits?(d.displayError("slideWidth too small for accordion",i.errors),!1):(i.tabWidthUnits=i.widthUnits,"%"===i.widthUnits?i.tabWidth=(100-i.slideWidth)/(t.children().size()-1):i.tabWidth=(i.width-i.slideWidth)/(t.children().size()-1),!0):void 0===i.width&&void 0!==i.slideWidth&&void 0!==i.tabWidth?(d.displayError("width must be defined",i.errors),!1):void 0!==i.width&&void 0!==i.slideWidth&&void 0!==i.tabWidth?(d.displayError("At maximum two of three attributes (width, slideWidth, and tabWidth) should be defined",i.errors),!1):void 0},timer:function(t){var i=t.data("next")+1;if(t.data("pause")&&t.data("inside")&&t.data("auto"))try{clearTimeout(t.data("interval"))}catch(e){}else if(t.data("pause")&&!t.data("inside")&&t.data("auto")){try{clearTimeout(t.data("interval"))}catch(d){}t.data("interval",setTimeout(function(){t.children(t.children().get(0).tagName+":nth-child("+i+")").trigger(t.data("trigger"))},t.data("timeout")))}else if(!t.data("pause")&&t.data("auto")){try{clearTimeout(t.data("interval"))}catch(s){}t.data("interval",setTimeout(function(){t.children(t.children().get(0).tagName+":nth-child("+i+")").trigger(t.data("trigger"))},t.data("timeout")))}}},s={init:function(i){var s,r=["slideWidth","tabWidth","startingSlide","slideClass","animationStart","animationComplete","buildComplete"];for(s=0;s<r.length;s+=1)void 0!==t(this).data(r[s].toLowerCase())&&(t(this).data(r[s],t(this).data(r[s].toLowerCase())),t(this).removeData(r[s].toLowerCase()));return i=t.extend(e,i,t(this).data()),this.length<=0?(d.displayError("Selector does not exist",i.errors),!1):D.fixHeight(i)?d.findChildElements(this)?i.speed>i.timeout?(d.displayError("Speed cannot be greater than timeout",i.errors),!1):(i.heightUnits=d.getUnits(i.height),i.height=d.toInteger(i.height),i.widthUnits=d.getUnits(i.width),i.width=d.toInteger(i.width),i.slideWidthUnits=d.getUnits(i.slideWidth),i.slideWidth=d.toInteger(i.slideWidth),i.tabWidthUnits=d.getUnits(i.tabWidth),i.tabWidth=d.toInteger(i.tabWidth),t(window).on("load resize",function(){t("."+i.classBgTitle).css({height:i.heightTitle});var e=t("#"+i.container),d=t("ul",e);if(t(this).innerWidth()/i.width<1){var s=e.width()/i.width;e.css({width:"100%",height:i.height*(t(this).outerWidth()/i.width),maxWidth:i.width,maxHeight:i.height}),d.css({"-webkit-transform":"scaleX("+s+") scaleY("+s+")","-ms-transform":"scaleX("+s+") scaleY("+s+")",transform:"scaleX("+s+") scaleY("+s+")","-webkit-transform-origin":"top left","-ms-transform-origin":"top left","transform-origin":"top left"})}else e.css({width:"100%",height:"",maxWidth:"",maxHeight:""}),d.css({"-webkit-transform":"","-ms-transform":"",transform:"","-webkit-transform-origin":"","-ms-transform-origin":"","transform-origin":""})}),null!==i.slideClass&&(i.slideOpenClass=i.slideClass+"-open",i.slideClosedClass=i.slideClass+"-closed",i.slidePreviousClass=i.slideClass+"-previous"),d.sizeAccordion(this,i)?this.each(function(){var e,s,r,a,n=i,h=t(this),l=[],o=-1;e=n.slideWidth-n.tabWidth,s=h.get(0).tagName,r=h.children().get(0).tagName,a=h.children().size(),h.data(t.extend({},{auto:n.auto,interval:null,timeout:n.timeout,trigger:n.trigger,current:n.startingSlide,previous:o,next:d.getNext(a,n.startingSlide),slideClass:n.slideClass,inside:!1,pause:n.pause})),"%"===n.heightUnits&&(n.height="BODY"===h.parent().get(0).tagName?.01*n.height*t(window).height():.01*n.height*h.parent().height(),n.heightUnits="px"),h.children().each(function(i){var d,s,o;s=n.invert?s=(a-1)*n.tabWidth-i*n.tabWidth:i*n.tabWidth,l[i]=s,d=n.invert?10*(a-1-i):10*i,null!==n.slideClass&&t(this).addClass(n.slideClass),t(this).css({top:0,"z-index":D,margin:0,padding:0,"float":"left",display:"block",position:"absolute",overflow:"hidden",width:n.slideWidth+n.widthUnits,height:n.height+n.heightUnits}),"LI"===r&&t(this).css({"text-indent":0}),n.invert?t(this).css({right:s+n.widthUnits,"float":"right"}):t(this).css({left:s+n.widthUnits,"float":"left"}),i===n.startingSlide?(t(this).css("cursor","default"),null!==n.slideClass&&t(this).addClass(n.slideOpenClass)):(t(this).css("cursor","pointer"),null!==n.slideClass&&t(this).addClass(n.slideClosedClass),i>n.startingSlide&&!n.invert?(o=i+1,h.children(r+":nth-child("+o+")").css({left:l[o-1]+e+n.widthUnits})):i<n.startingSlide&&n.invert&&(o=i+1,h.children(r+":nth-child("+o+")").css({right:l[o-1]+e+n.widthUnits})))}),h.css({display:"block",height:n.height+n.heightUnits,width:n.width+n.widthUnits,padding:0,position:"relative",overflow:"hidden"}),("UL"===s||"OL"===s)&&h.css({"list-style":"none"}),h.hover(function(){if(h.data("inside",!0),h.data("pause"))try{clearTimeout(h.data("interval"))}catch(t){}},function(){h.data("inside",!1),h.data("auto")&&h.data("pause")&&d.timer(h)}),h.children().bind(n.trigger,function(){if(t(this).index()!==h.data("current")){var i,s,c,u;for(c=o+1,u=h.data("current")+1,0!==c&&null!==n.slideClass&&h.children(r+":nth-child("+c+")").removeClass(n.slidePreviousClass),h.children(r+":nth-child("+u+")"),null!==n.slideClass&&h.children(r+":nth-child("+u+")").addClass(n.slidePreviousClass),o=h.data("current"),h.data("previous",h.data("current")),c=o,c+=1,h.data("current",t(this).index()),u=h.data("current"),u+=1,h.children().css("cursor","pointer"),t(this).css("cursor","default"),null!==n.slideClass&&(h.children().addClass(n.slideClosedClass).removeClass(n.slideOpenClass),t(this).addClass(n.slideOpenClass).removeClass(n.slideClosedClass)),h.data("next",d.getNext(a,t(this).index())),d.timer(h),n.animationStart(),n.invert?h.children(r+":nth-child("+u+")").stop().animate({right:l[h.data("current")]+n.widthUnits},n.speed,n.easing,n.animationComplete):h.children(r+":nth-child("+u+")").stop().animate({left:l[h.data("current")]+n.widthUnits},n.speed,n.easing,n.animationComplete),i=0;a>i;i+=1)s=i+1,i<h.data("current")&&(n.invert?h.children(r+":nth-child("+s+")").stop().animate({right:n.width-s*n.tabWidth+n.widthUnits},n.speed,n.easing):h.children(r+":nth-child("+s+")").stop().animate({left:l[i]+n.widthUnits},n.speed,n.easing)),i>h.data("current")&&(n.invert?h.children(r+":nth-child("+s+")").stop().animate({right:(a-s)*n.tabWidth+n.widthUnits},n.speed,n.easing):h.children(r+":nth-child("+s+")").stop().animate({left:l[i]+e+n.widthUnits},n.speed,n.easing));return!1}}),h.data("auto")&&d.timer(h),n.buildComplete()}):!1):(d.displayError("No child elements available",i.errors),!1):(d.displayError("height must be defined",i.errors),!1)},stop:function(){t(this).data("auto")&&(clearTimeout(t(this).data("interval")),t(this).data("auto",!1))},start:function(){if(!t(this).data("auto")){var i=t(this).data("next")+1;t(this).data("auto",!0),t(this).children(t(this).children().get(0).tagName+":nth-child("+i+")").trigger(t(this).data("trigger"))}},trigger:function(i){(i>=t(this).children().size()||0>i)&&(i=0),i+=1,t(this).children(t(this).children().get(0).tagName+":nth-child("+i+")").trigger(t(this).data("trigger"))},destroy:function(i){var e,d,r=t(this).data("slideClass");return void 0!==i&&(e=void 0!==i.removeStyleAttr?i.removeStyleAttr:!0,d=void 0!==i.removeClasses?i.removeClasses:!1),clearTimeout(t(this).data("interval")),t(this).children().stop().unbind(t(this).data("trigger")),t(this).unbind("mouseenter mouseleave mouseover mouseout"),e&&(t(this).removeAttr("style"),t(this).children().removeAttr("style")),d&&(t(this).children().removeClass(r),t(this).children().removeClass(r+"-open"),t(this).children().removeClass(r+"-closed"),t(this).children().removeClass(r+"-previous")),t(this).removeData(),void 0!==i&&"undefined"!==i.destroyComplete&&("undefined"!=typeof i.destroyComplete.afterDestroy&&i.destroyComplete.afterDestroy(),i.destroyComplete.rebuild)?s.init.apply(this,[i.destroyComplete.rebuild]):void 0}};return s[i]?s[i].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof i&&i?void t.error("zAccordion: "+i+" does not exist."):s.init.apply(this,arguments)}}(jQuery);
Результат изменений будет следующим:
Сухой туман питер.рф.png

#9 SL-418417

SL-418417

    Пользователь

  • Пользователи
  • PipPip
  • 32 сообщений
  • ГородСанкт-Петербург

Отправлено 08 Сентябрь 2017 - 13:40

Просмотр сообщенияVaccina (08 Сентябрь 2017 - 08:28) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
function slideshow() {
// Слайдер на главной
jQuery(document).ready(function ($) {
var id = $("#slideshow");
var accor = $('ul.accor', id);
accor.zAccordion({
auto: false,
pause: true,
timeout: 3000,
easing: 'linear',
tabWidth: 282,
startingSlide: 0,
speed: 500,
trigger: "click",
slideClass: 'accor',
animationStart: function () {
id.find('li.accor-previous div.title_accor').fadeOut();
id.find('li.accor-open div.title_accor').css('display', 'none');
id.find('li.accor-previous div.title_accor').css('display', 'none');
},
animationComplete: function () {
id.find('li.accor-open div.title_accor').fadeIn();
id.find('li div.title_accor').fadeIn(600);
},
buildComplete: function () {
id.find('li.accor-open div.title_accor').fadeIn(600);
		 id.find('li div.title_accor').fadeIn(600);
},
width: 1920, //Ширина изображения в слайдере
height: 560, //Высота изображения в слайдере
container: 'slideshow',
classBgTitle: 'title_accor',
heightTitle: 100
});
});
}


замените на:
// Слайдер на главной
jQuery(document).ready(function ($) {
var id = $("#slideshow");
var accor = $('ul.accor', id);
accor.zAccordion({
auto: false,
pause: true,
timeout: 3000,
easing: 'linear',
tabWidth: 282,
startingSlide: 0,
speed: 500,
trigger: "click",
slideClass: 'accor',
animationStart: function () {
id.find('li.accor-previous div.title_accor').fadeOut();
id.find('li.accor-open div.title_accor').css('display', 'none');
id.find('li.accor-previous div.title_accor').css('display', 'none');
},
animationComplete: function () {
id.find('li.accor-open div.title_accor').fadeIn();
id.find('li div.title_accor').fadeIn(600);
},
buildComplete: function () {
id.find('li.accor-open div.title_accor').fadeIn(600);
		 id.find('li div.title_accor').fadeIn(600);
},
width: 1920, //Ширина изображения в слайдере
height: 560, //Высота изображения в слайдере
container: 'slideshow',
classBgTitle: 'title_accor',
heightTitle: 100
});
});

Далее зайдите в forall.js - вместо старой вставки кода вставьте следующий::
/*!
* jQuery zAccordion Plugin v2.1.0
* Основной слайдер
* Copyright (c) 2010 - 2012 Nate Armagost, http://www.armagost.com/zaccordion
*/
!function(t){"use strict";t.fn.zAccordion=function(i){var e={timeout:6e3,width:null,slideWidth:null,tabWidth:null,height:null,startingSlide:1,slideClass:null,easing:null,speed:1200,auto:!0,trigger:"click",pause:!0,invert:!1,animationStart:function(){},animationComplete:function(){},buildComplete:function(){},errors:!1},d={displayError:function(t,i){window.console&&i&&console.log("zAccordion: "+t+".")},findChildElements:function(t){return void 0===t.children().get(0)?!1:!0},getNext:function(t,i){var e=i+1;return e>=t&&(e=0),e},fixHeight:function(t){return null===t.height&&void 0!==t.slideHeight?(t.height=t.slideHeight,!0):null!==t.height&&void 0===t.slideHeight?!0:null===t.height&&void 0===t.slideHeight?!1:void 0},getUnits:function(t){return null!==t?t.toString().indexOf("%")>-1?"%":(t.toString().indexOf("px")>-1,"px"):void 0},toInteger:function(t){return null!==t?parseInt(t,10):void 0},sizeAccordion:function(t,i){return void 0===i.width&&void 0===i.slideWidth&&void 0===i.tabWidth?(d.displayError("width must be defined",i.errors),!1):void 0!==i.width&&void 0===i.slideWidth&&void 0===i.tabWidth?i.width>100&&"%"===i.widthUnits?(d.displayError("width cannot be over 100%",i.errors),!1):(i.slideWidthUnits=i.widthUnits,i.tabWidthUnits=i.widthUnits,"%"===i.widthUnits?(i.tabWidth=100/(t.children().size()+1),i.slideWidth=100-(t.children().size()-1)*i.tabWidth):(i.tabWidth=i.width+"%",i.slideWidth=i.width-(t.children().size()-1)*i.tabWidth),!0):void 0===i.width&&void 0!==i.slideWidth&&void 0===i.tabWidth?(d.displayError("width must be defined",i.errors),!1):void 0===i.width&&void 0===i.slideWidth&&void 0!==i.tabWidth?(d.displayError("width must be defined",i.errors),!1):void 0!==i.width&&void 0===i.slideWidth&&void 0!==i.tabWidth?i.widthUnits!==i.tabWidthUnits?(d.displayError("Units do not match",i.errors),!1):i.width>100&&"%"===i.widthUnits?(d.displayError("width cannot be over 100%",i.errors),!1):t.children().size()*i.tabWidth>100&&"%"===i.widthUnits||t.children().size()*i.tabWidth>i.width&&"px"===i.widthUnits?(d.displayError("tabWidth too large for accordion",i.errors),!1):(i.slideWidthUnits=i.widthUnits,"%"===i.widthUnits?i.slideWidth=100-(t.children().size()-1)*i.tabWidth:i.slideWidth=i.width-(t.children().size()-1)*i.tabWidth,!0):void 0!==i.width&&void 0!==i.slideWidth&&void 0===i.tabWidth?i.widthUnits!==i.slideWidthUnits?(d.displayError("Units do not match",i.errors),!1):i.width>100&&"%"===i.widthUnits?(d.displayError("width cannot be over 100%",i.errors),!1):i.slideWidth>=i.width?(d.displayError("slideWidth cannot be greater than or equal to width",i.errors),!1):t.children().size()*i.slideWidth<100&&"%"===i.widthUnits||t.children().size()*i.slideWidth<i.width&&"px"===i.widthUnits?(d.displayError("slideWidth too small for accordion",i.errors),!1):(i.tabWidthUnits=i.widthUnits,"%"===i.widthUnits?i.tabWidth=(100-i.slideWidth)/(t.children().size()-1):i.tabWidth=(i.width-i.slideWidth)/(t.children().size()-1),!0):void 0===i.width&&void 0!==i.slideWidth&&void 0!==i.tabWidth?(d.displayError("width must be defined",i.errors),!1):void 0!==i.width&&void 0!==i.slideWidth&&void 0!==i.tabWidth?(d.displayError("At maximum two of three attributes (width, slideWidth, and tabWidth) should be defined",i.errors),!1):void 0},timer:function(t){var i=t.data("next")+1;if(t.data("pause")&&t.data("inside")&&t.data("auto"))try{clearTimeout(t.data("interval"))}catch(e){}else if(t.data("pause")&&!t.data("inside")&&t.data("auto")){try{clearTimeout(t.data("interval"))}catch(d){}t.data("interval",setTimeout(function(){t.children(t.children().get(0).tagName+":nth-child("+i+")").trigger(t.data("trigger"))},t.data("timeout")))}else if(!t.data("pause")&&t.data("auto")){try{clearTimeout(t.data("interval"))}catch(s){}t.data("interval",setTimeout(function(){t.children(t.children().get(0).tagName+":nth-child("+i+")").trigger(t.data("trigger"))},t.data("timeout")))}}},s={init:function(i){var s,r=["slideWidth","tabWidth","startingSlide","slideClass","animationStart","animationComplete","buildComplete"];for(s=0;s<r.length;s+=1)void 0!==t(this).data(r[s].toLowerCase())&&(t(this).data(r[s],t(this).data(r[s].toLowerCase())),t(this).removeData(r[s].toLowerCase()));return i=t.extend(e,i,t(this).data()),this.length<=0?(d.displayError("Selector does not exist",i.errors),!1):D.fixHeight(i)?d.findChildElements(this)?i.speed>i.timeout?(d.displayError("Speed cannot be greater than timeout",i.errors),!1):(i.heightUnits=d.getUnits(i.height),i.height=d.toInteger(i.height),i.widthUnits=d.getUnits(i.width),i.width=d.toInteger(i.width),i.slideWidthUnits=d.getUnits(i.slideWidth),i.slideWidth=d.toInteger(i.slideWidth),i.tabWidthUnits=d.getUnits(i.tabWidth),i.tabWidth=d.toInteger(i.tabWidth),t(window).on("load resize",function(){t("."+i.classBgTitle).css({height:i.heightTitle});var e=t("#"+i.container),d=t("ul",e);if(t(this).innerWidth()/i.width<1){var s=e.width()/i.width;e.css({width:"100%",height:i.height*(t(this).outerWidth()/i.width),maxWidth:i.width,maxHeight:i.height}),d.css({"-webkit-transform":"scaleX("+s+") scaleY("+s+")","-ms-transform":"scaleX("+s+") scaleY("+s+")",transform:"scaleX("+s+") scaleY("+s+")","-webkit-transform-origin":"top left","-ms-transform-origin":"top left","transform-origin":"top left"})}else e.css({width:"100%",height:"",maxWidth:"",maxHeight:""}),d.css({"-webkit-transform":"","-ms-transform":"",transform:"","-webkit-transform-origin":"","-ms-transform-origin":"","transform-origin":""})}),null!==i.slideClass&&(i.slideOpenClass=i.slideClass+"-open",i.slideClosedClass=i.slideClass+"-closed",i.slidePreviousClass=i.slideClass+"-previous"),d.sizeAccordion(this,i)?this.each(function(){var e,s,r,a,n=i,h=t(this),l=[],o=-1;e=n.slideWidth-n.tabWidth,s=h.get(0).tagName,r=h.children().get(0).tagName,a=h.children().size(),h.data(t.extend({},{auto:n.auto,interval:null,timeout:n.timeout,trigger:n.trigger,current:n.startingSlide,previous:o,next:d.getNext(a,n.startingSlide),slideClass:n.slideClass,inside:!1,pause:n.pause})),"%"===n.heightUnits&&(n.height="BODY"===h.parent().get(0).tagName?.01*n.height*t(window).height():.01*n.height*h.parent().height(),n.heightUnits="px"),h.children().each(function(i){var d,s,o;s=n.invert?s=(a-1)*n.tabWidth-i*n.tabWidth:i*n.tabWidth,l[i]=s,d=n.invert?10*(a-1-i):10*i,null!==n.slideClass&&t(this).addClass(n.slideClass),t(this).css({top:0,"z-index":D,margin:0,padding:0,"float":"left",display:"block",position:"absolute",overflow:"hidden",width:n.slideWidth+n.widthUnits,height:n.height+n.heightUnits}),"LI"===r&&t(this).css({"text-indent":0}),n.invert?t(this).css({right:s+n.widthUnits,"float":"right"}):t(this).css({left:s+n.widthUnits,"float":"left"}),i===n.startingSlide?(t(this).css("cursor","default"),null!==n.slideClass&&t(this).addClass(n.slideOpenClass)):(t(this).css("cursor","pointer"),null!==n.slideClass&&t(this).addClass(n.slideClosedClass),i>n.startingSlide&&!n.invert?(o=i+1,h.children(r+":nth-child("+o+")").css({left:l[o-1]+e+n.widthUnits})):i<n.startingSlide&&n.invert&&(o=i+1,h.children(r+":nth-child("+o+")").css({right:l[o-1]+e+n.widthUnits})))}),h.css({display:"block",height:n.height+n.heightUnits,width:n.width+n.widthUnits,padding:0,position:"relative",overflow:"hidden"}),("UL"===s||"OL"===s)&&h.css({"list-style":"none"}),h.hover(function(){if(h.data("inside",!0),h.data("pause"))try{clearTimeout(h.data("interval"))}catch(t){}},function(){h.data("inside",!1),h.data("auto")&&h.data("pause")&&d.timer(h)}),h.children().bind(n.trigger,function(){if(t(this).index()!==h.data("current")){var i,s,c,u;for(c=o+1,u=h.data("current")+1,0!==c&&null!==n.slideClass&&h.children(r+":nth-child("+c+")").removeClass(n.slidePreviousClass),h.children(r+":nth-child("+u+")"),null!==n.slideClass&&h.children(r+":nth-child("+u+")").addClass(n.slidePreviousClass),o=h.data("current"),h.data("previous",h.data("current")),c=o,c+=1,h.data("current",t(this).index()),u=h.data("current"),u+=1,h.children().css("cursor","pointer"),t(this).css("cursor","default"),null!==n.slideClass&&(h.children().addClass(n.slideClosedClass).removeClass(n.slideOpenClass),t(this).addClass(n.slideOpenClass).removeClass(n.slideClosedClass)),h.data("next",d.getNext(a,t(this).index())),d.timer(h),n.animationStart(),n.invert?h.children(r+":nth-child("+u+")").stop().animate({right:l[h.data("current")]+n.widthUnits},n.speed,n.easing,n.animationComplete):h.children(r+":nth-child("+u+")").stop().animate({left:l[h.data("current")]+n.widthUnits},n.speed,n.easing,n.animationComplete),i=0;a>i;i+=1)s=i+1,i<h.data("current")&&(n.invert?h.children(r+":nth-child("+s+")").stop().animate({right:n.width-s*n.tabWidth+n.widthUnits},n.speed,n.easing):h.children(r+":nth-child("+s+")").stop().animate({left:l[i]+n.widthUnits},n.speed,n.easing)),i>h.data("current")&&(n.invert?h.children(r+":nth-child("+s+")").stop().animate({right:(a-s)*n.tabWidth+n.widthUnits},n.speed,n.easing):h.children(r+":nth-child("+s+")").stop().animate({left:l[i]+e+n.widthUnits},n.speed,n.easing));return!1}}),h.data("auto")&&d.timer(h),n.buildComplete()}):!1):(d.displayError("No child elements available",i.errors),!1):(d.displayError("height must be defined",i.errors),!1)},stop:function(){t(this).data("auto")&&(clearTimeout(t(this).data("interval")),t(this).data("auto",!1))},start:function(){if(!t(this).data("auto")){var i=t(this).data("next")+1;t(this).data("auto",!0),t(this).children(t(this).children().get(0).tagName+":nth-child("+i+")").trigger(t(this).data("trigger"))}},trigger:function(i){(i>=t(this).children().size()||0>i)&&(i=0),i+=1,t(this).children(t(this).children().get(0).tagName+":nth-child("+i+")").trigger(t(this).data("trigger"))},destroy:function(i){var e,d,r=t(this).data("slideClass");return void 0!==i&&(e=void 0!==i.removeStyleAttr?i.removeStyleAttr:!0,d=void 0!==i.removeClasses?i.removeClasses:!1),clearTimeout(t(this).data("interval")),t(this).children().stop().unbind(t(this).data("trigger")),t(this).unbind("mouseenter mouseleave mouseover mouseout"),e&&(t(this).removeAttr("style"),t(this).children().removeAttr("style")),d&&(t(this).children().removeClass(r),t(this).children().removeClass(r+"-open"),t(this).children().removeClass(r+"-closed"),t(this).children().removeClass(r+"-previous")),t(this).removeData(),void 0!==i&&"undefined"!==i.destroyComplete&&("undefined"!=typeof i.destroyComplete.afterDestroy&&i.destroyComplete.afterDestroy(),i.destroyComplete.rebuild)?s.init.apply(this,[i.destroyComplete.rebuild]):void 0}};return s[i]?s[i].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof i&&i?void t.error("zAccordion: "+i+" does not exist."):s.init.apply(this,arguments)}}(jQuery);
Результат изменений будет следующим:
Прикрепленный файл Сухой туман питер.рф.png
Изменений не произошло

Результат проделанных изменений :wacko:

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

  • 2017-09-08_13-14-21.png

#10 Ирина345

Ирина345

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

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

Отправлено 08 Сентябрь 2017 - 14:01

Просмотр сообщенияSL-418417 (08 Сентябрь 2017 - 13:40) писал:

Изменений не произошло

Результат проделанных изменений :wacko:
Здравствуйте, проблема с отображением слайдера возникала из-за то, что в файл  forall был вставлен код по инструкции  не полностью. Вам исправили эту проблему.
Что бы устранить js ошибку найдите в файле main.js код
// Запуск основных функций для разных разрешений экрана
jQuery(document).ready(function($){
  if(getClientWidth() > 750){
	AddCart();
	animated();
	slideshow();
	quickView();
  }
  if(getClientWidth() < 750){
	$('#slideshow').css({'height': 'auto', 'width': 'auto'});
  }
  // Запуск функций при изменении экрана
  $(window).resize(function(){
	if(getClientWidth() > 750){
	  slideshow();
	  quickView();
	}
	if(getClientWidth() < 750){
	  $('#slideshow').css({'height': 'auto', 'width': 'auto'});
	}
  });
});
замените на
// Запуск основных функций для разных разрешений экрана
jQuery(document).ready(function($){
  if(getClientWidth() > 750){
	AddCart();
	animated();
	quickView();
  }
  if(getClientWidth() < 750){
	$('#slideshow').css({'height': 'auto', 'width': 'auto'});
  }
  // Запуск функций при изменении экрана
  $(window).resize(function(){
	if(getClientWidth() > 750){
	  quickView();
	}
	if(getClientWidth() < 750){
	  $('#slideshow').css({'height': 'auto', 'width': 'auto'});
	}
  });
});

#11 SL-418417

SL-418417

    Пользователь

  • Пользователи
  • PipPip
  • 32 сообщений
  • ГородСанкт-Петербург

Отправлено 08 Сентябрь 2017 - 14:43

Выражаю Огромную благодарность Всем кто помог!!! Все получилось :D

#12 SL-418417

SL-418417

    Пользователь

  • Пользователи
  • PipPip
  • 32 сообщений
  • ГородСанкт-Петербург

Отправлено 08 Сентябрь 2017 - 14:48

Подскажите а как можно немного опустить промо блог, чтобы текст "НАШИ ПРЕИМУЩЕСТВА" было лучше видно

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

  • 2017-09-08_14-45-42.png

#13 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 08 Сентябрь 2017 - 15:19

Просмотр сообщенияSL-418417 (08 Сентябрь 2017 - 14:48) писал:

Подскажите а как можно немного опустить промо блог, чтобы текст "НАШИ ПРЕИМУЩЕСТВА" было лучше видно

Здравствуйте.
Для этого в шаблоне main.css найдите, пожалуйста, следующий код:

#customers {
	padding-bottom: 30px;
	background-color: #efefec;
}

И замените его вот этим вот кодом:

#customers {
	padding-bottom: 30px;
	background-color: #efefec;
	padding-top: 80px;
}

#14 SL-418417

SL-418417

    Пользователь

  • Пользователи
  • PipPip
  • 32 сообщений
  • ГородСанкт-Петербург

Отправлено 08 Сентябрь 2017 - 15:25

Просмотр сообщенияRayLi (08 Сентябрь 2017 - 15:19) писал:

Здравствуйте.
Для этого в шаблоне main.css найдите, пожалуйста, следующий код:

#customers {
padding-bottom: 30px;
background-color: #efefec;
}

И замените его вот этим вот кодом:

#customers {
padding-bottom: 30px;
background-color: #efefec;
padding-top: 80px;
}
Большое СПАСИБО!!!Все отлично

#15 Эндже

Эндже

    Новичок

  • Пользователи
  • Pip
  • 5 сообщений

Отправлено 09 Июль 2018 - 17:47

Добрый день!Подскажите, пожалуйста, как вставить слайдер товаров на месте "нас выбрали более 1000 покупателей" в шаблоне "Рассвет"?Сам слайдер я скачала и файлы закачала в бэк-офисе магазина, а куда теперь его поставить?и каким образом?И мне надо не 4 фотографии ,а больше
Аккаунт SL-455112
Обратно в Главная


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Рассвет
  5. → Главная
  6. Privacy Policy