ORNYSE (20 Март 2013 - 14:07) писал:

В файл main.css нужно вставить код:

/*Всплывающее окно*/
#parent_popup {
background-color: rgba(0, 0, 0, 0.8);
display: none;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#popup {
background: #fff;
width: 500px; /*Ширина окна*/
margin: 10% auto;
padding: 5px 20px 13px 20px;
border: 10px solid #ddd;
position: relative;
/*--CSS3 CSS3 Тени для Блока--*/
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
/*--CSS3 Закругленные углы--*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#popup h1{
font:28px Monotype Corsiva, Arial;
font-weight: bold;
text-align: center;
color: red;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
#popup h2{
font:24px Monotype Corsiva, Arial;
color: #1985b4;
text-align: center;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
#popup h3{
font:18px Monotype Corsiva, Arial;
color: #1985b4;
text-align: center;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
/* кнопка закрытия */
.close {
background-color: rgba(0, 0, 0, 0.8) !important;
border: 2px solid #ccc;
height: 24px;
line-height: 24px !important;
position: absolute !important;
right: -24px;
cursor: pointer !important;
font-family: Times !important;
font-weight: bold !important;
text-align: center !important;
text-decoration: none !important;
color: rgba(255, 255, 255, 0.9) !important;
font-size: 14px !important;
text-shadow: 0 -1px rgba(0, 0, 0, 0.9) !important;
top: -24px;
width: 24px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:hover {
background-color: rgba(0, 122, 200, 0.8) !important;
}

В страницу через редактор html кода вставьте код:

<div id="parent_popup">
<div id="popup">
<h1>Внимание, Братишки!</h1>
<h2>В среду 19 декабря в 16:00</h2>
<p>&nbsp;</p>
<h3>В рамках клуба коллекционеров-фалеристов</h3>
<h3>В ДК "Нагорный"</h3>
<h3>по адресу г.Москва м. Нагорная ул. Электролитный проезд дом 3</h3>
<h3>состоится</h3>
<p>&nbsp;</p>
<h2>Презентация-продажа атрибутики ВДВ и Спецназа интернет-магазина "Братишка"</h2>
<a class="close" title="Закрыть" onclick="document.getElementById('parent_popup').style.display='none';">X</a></div>
</div>
<script type="text/javascript">// <![CDATA[
var delay_popup = 3000; /*время задержки примерно 3 секунды*/
setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);
// ]]></script>

Полная инструкция здесь - http://forum.storela...ами/#entry35322

yangirov (10 Сентябрь 2013 - 10:45) писал:

Добавьте в конец файла main.css код -

#popup-div-2191 input.submit {width:100px !important;}

AlexP_RUS (10 Август 2013 - 09:09) писал:

Не нашла у Вас кода в шаблоне HTML -

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}carousel.css" type="text/css" />

Вы его удалили?

Гость (31 Июль 2013 - 09:34) писал:

Код в website.css -

#slider1 .prev{
background:url("http://design.zaichik89.ru/lb.png");
font-size:0px;
}
#slider1 .next {
background:url("http://design.zaichik89.ru/rb.png");
font-size:0px;
}

замените на -

#slider1 .prev{
background:url("{ASSETS_IMAGES_PATH}lb.png");
font-size:0px;
}
#slider1 .next {
background:url("{ASSETS_IMAGES_PATH}rb.png");
font-size:0px;
}

и добавьте в конце этого файла код -

#slider1 .next, #slider1 .prev  {width: 36px;
height: 37px;}

Гость (28 Июль 2013 - 14:04) писал:

Левая кнопка отображается если сначала прокрутить  вправо. Так настроена сама карусель, это не ошибка. Подробнее на скриншотах

Не заметила у Вас изменений с каруселью, при которых кнопки бы не отображались. Вы их убрали (изменения)?

Чтобы вместо цвета у кнопок было изображение. Для этого в раздел Сайт- Файлы добавьте изображения и скопируйте ссылку.
Найдите код в main.css -

#slider1 .prev, #slider1 .next {
background: red;
padding: 2px 5px;
color: white;
border-radius: 5px;
}

и замените на:

#slider1 .prev{
background:url("путь до изображения 1");
font-size:0px;
}
#slider1 .next {
background:url("путь до изображения 2");
font-size:0px;
}

Гость (28 Июль 2013 - 13:24) писал:

Кнопка левая появляется, если прокрутить в право.

Можно раскрасить кнопки, для этого добавьте в конец файла website.css код -

#slider1   .prev , #slider1   .next {
background:red;
padding:2px 5px;
color:white;
border-radius:5px;
}

Можно вместо цвета привязать изображение.

ginger (02 Ноябрь 2013 - 20:13) писал:

Точно не знаю какой Вы выбрали вариант(первый или второй)

Допустим первый.

Скрипт нужно вставить в конец файла main.js -

$(function() {
  
	// the element we want to apply the jScrollPane
	var $el	 = $('#jp-container').jScrollPane({
	 verticalGutter  : -16
	}),
	 
	// the extension functions and options 
	 extensionPlugin  = {
	 
	  extPluginOpts : {
	   // speed for the fadeOut animation
	   mouseLeaveFadeSpeed : 500,
	   // scrollbar fades out after hovertimeout_t milliseconds
	   hovertimeout_t  : 1000,
	   // if set to false, the scrollbar will be shown on mouseenter and hidden on mouseleave
	   // if set to true, the same will happen, but the scrollbar will be also hidden on mouseenter after "hovertimeout_t" ms
	   // also, it will be shown when we start to scroll and hidden when stopping
	   useTimeout   : true,
	   // the extension only applies for devices with width > deviceWidth
	   deviceWidth   : 980
	  },
	  hovertimeout : null, // timeout to hide the scrollbar
	  isScrollbarHover: false,// true if the mouse is over the scrollbar
	  elementtimeout : null, // avoids showing the scrollbar when moving from inside the element to outside, passing over the scrollbar
	  isScrolling  : false,// true if scrolling
	  addHoverFunc : function() {
	  
	   // run only if the window has a width bigger than deviceWidth
	   if( $(window).width() <= this.extPluginOpts.deviceWidth ) return false;
	  
	   var instance  = this;
	  
	   // functions to show / hide the scrollbar
	   $.fn.jspmouseenter  = $.fn.show;
	   $.fn.jspmouseleave  = $.fn.fadeOut;
	  
	   // hide the jScrollPane vertical bar
	   var $vBar   = this.getContentPane().siblings('.jspVerticalBar').hide();
	  
	   /*
		* mouseenter / mouseleave events on the main element
		* also scrollstart / scrollstop - @James Padolsey : http://james.padolsey.com/javascript/special-scroll-events-for-jquery/
		*/
	   $el.bind('mouseenter.jsp',function() {
	   
		// show the scrollbar
		$vBar.stop( true, true ).jspmouseenter();
	   
		if( !instance.extPluginOpts.useTimeout ) return false;
	   
		// hide the scrollbar after hovertimeout_t ms
		clearTimeout( instance.hovertimeout );
		instance.hovertimeout  = setTimeout(function() {
		 // if scrolling at the moment don't hide it
		 if( !instance.isScrolling )
		  $vBar.stop( true, true ).jspmouseleave( instance.extPluginOpts.mouseLeaveFadeSpeed || 0 );
		}, instance.extPluginOpts.hovertimeout_t );
	   
	   
	   }).bind('mouseleave.jsp',function() {
	   
		// hide the scrollbar
		if( !instance.extPluginOpts.useTimeout )
		 $vBar.stop( true, true ).jspmouseleave( instance.extPluginOpts.mouseLeaveFadeSpeed || 0 );
		else {
		clearTimeout( instance.elementtimeout );
		if( !instance.isScrolling )
		  $vBar.stop( true, true ).jspmouseleave( instance.extPluginOpts.mouseLeaveFadeSpeed || 0 );
		}
	   
	   });
	  
	   if( this.extPluginOpts.useTimeout ) {
	   
		$el.bind('scrollstart.jsp', function() {
	   
		 // when scrolling show the scrollbar
		clearTimeout( instance.hovertimeout );
		instance.isScrolling = true;
		$vBar.stop( true, true ).jspmouseenter();
	   
	   }).bind('scrollstop.jsp', function() {
	   
		 // when stop scrolling hide the scrollbar (if not hovering it at the moment)
		clearTimeout( instance.hovertimeout );
		instance.isScrolling = false;
		instance.hovertimeout  = setTimeout(function() {
		 if( !instance.isScrollbarHover )
		   $vBar.stop( true, true ).jspmouseleave( instance.extPluginOpts.mouseLeaveFadeSpeed || 0 );
		 }, instance.extPluginOpts.hovertimeout_t );
	   
	   });
	  
		// wrap the scrollbar
		// we need this to be able to add the mouseenter / mouseleave events to the scrollbar
	   var $vBarWrapper = $('<div/>').css({
		position : 'absolute',
		left  : $vBar.css('left'),
		top   : $vBar.css('top'),
		right  : $vBar.css('right'),
		bottom  : $vBar.css('bottom'),
		width  : $vBar.width(),
		height  : $vBar.height()
	   }).bind('mouseenter.jsp',function() {
	   
		clearTimeout( instance.hovertimeout );
		clearTimeout( instance.elementtimeout );
	   
		instance.isScrollbarHover = true;
	   
		 // show the scrollbar after 100 ms.
		 // avoids showing the scrollbar when moving from inside the element to outside, passing over the scrollbar	   
		instance.elementtimeout = setTimeout(function() {
		 $vBar.stop( true, true ).jspmouseenter();
		}, 100 );
	   
	   }).bind('mouseleave.jsp',function() {
	   
		 // hide the scrollbar after hovertimeout_t
		clearTimeout( instance.hovertimeout );
		instance.isScrollbarHover = false;
		instance.hovertimeout = setTimeout(function() {
		  // if scrolling at the moment don't hide it
		 if( !instance.isScrolling )
		   $vBar.stop( true, true ).jspmouseleave( instance.extPluginOpts.mouseLeaveFadeSpeed || 0 );
		 }, instance.extPluginOpts.hovertimeout_t );
	   
	   });
	  
	   $vBar.wrap( $vBarWrapper );
	  
	  }
	 
	  }
	 
	 },
	
	 // the jScrollPane instance
	 jspapi	= $el.data('jsp');
	
	// extend the jScollPane by merging
	$.extend( true, jspapi, extensionPlugin );
	jspapi.addHoverFunc();
  
   });

код карусели -

<div id="jp-container" class="jp-container">
	 <a target="_blank" href="http://tympanus.net/codrops/2011/09/20/responsive-image-gallery/">
	  <img src="images/thumbs/16.jpg"/>
	  <div>
	   <h3>Responsive Image Gallery with Thumbnail Carousel</h3>
	   A tutorial on how to create a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter's "user gallery" and upon a request to show an integration of Elastislide, we want to implement a responsive gallery that adapts to the view-port width. The gallery will have a view switch that allows to view it with the thumbnail carousel or without. We'll also add the possibility to navigate with the keyboard.
	  </div>
	 </a>
	 <a target="_blank" href="http://tympanus.net/codrops/2011/09/12/elastislide-responsive-carousel/">
	  <img src="images/thumbs/15.jpg"/>
	  <div>
	   <h3>Elastislide - A Responsive jQuery Carousel Plugin</h3>
	   With the responsive awakening in web design it becomes important to not only take care of the visual part of a website but also of the functionality. Elastislide is a responsive jQuery carousel that will adapt its size and its behavior in order to work on any screen size. Inserting the carousels structure into a container with a fluid width will also make the carousel fluid.
	  </div>
	 </a>
	 <a target="_blank" href="http://tympanus.net/codrops/2011/09/05/slicebox-3d-image-slider/">
	  <img src="images/thumbs/14.jpg"/>
	  <div>
	   <h3>Slicebox - A fresh 3D image slider with graceful fallback</h3>
	   With the CSS3 3D transformations we can create some neat effects by transforming elements in three-dimensional space. Slicebox makes use of the 3D transforms properties and allows different kind of effects. The main idea is to create three-dimensional image slices that will rotate and reveal the next image as another side of the 3d object. In case the browser does not support 3D transformations, a simple slider will be used as fallback.
	  </div>
	 </a>
	 <a target="_blank" href="http://tympanus.net/codrops/2011/08/30/automatic-image-montage/">
	  <img src="images/thumbs/13.jpg"/>
	  <div>
	   <h3>Automatic Image Montage with jQuery</h3>
	   Arranging images in a montage like fashion can be a challenging task when considering certain constraints, like the window size when using fullscreen, the right image number to fill all the available space or also the size of the images in use. With the following script you can automatically create a montage, either for a liquid container or a fixed size container (including fullscreen), with the option to fill all the gaps.
	  </div>
	 </a>
	 <a target="_blank" href="http://tympanus.net/codrops/2011/08/23/image-zoom-tour/">
	  <img src="images/thumbs/12.jpg"/>
	  <div>
	   <h3>Image Zoom Tour with jQuery</h3>
	   Today we want to share a little zoom tour script with you. Showing a main image initially, we want to be able to zoom into certain parts of the image by clicking on tags, using another image for the closer view. This next step can contain other tags that again allow to show more images.
	  </div>
	 </a>
	 <a target="_blank" href="http://tympanus.net/codrops/2011/08/16/circular-content-carousel/">
	  <img src="images/thumbs/11.jpg"/>
	  <div>
	   <h3>Circular Content Carousel with jQuery</h3>
	   Today we want to share a simple circular content carousel with you. The idea is to have some content boxes that we can slide infinitely (circular). When clicking on the more link, the respective item moves to the left and a content area will slide out. Now we can navigate through the carousel where each step will reveal the next or previous content box with its expanded content.
	  </div>
	 </a>
	 <a target="_blank" href="http://tympanus.net/codrops/2011/08/09/portfolio-image-navigation/">
	  <img src="images/thumbs/10.jpg"/>
	  <div>
	   <h3>Portfolio Image Navigation with jQuery</h3>
	   Today we want to create a portfolio image navigation template with jQuery. The idea is to show some portfolio items in a grouped fashion and navigate through them in all 2D ways (horizontal/vertical). Either the arrows or the little boxes below the current image can be used in order to navigate.
	  </div>
	 </a>
	 <a target="_blank" href="http://tympanus.net/codrops/2011/08/04/fullscreen-grid-portfolio/">
	  <img src="images/thumbs/9.jpg"/>
	  <div>
	   <h3>Expanding Fullscreen Grid Portfolio</h3>
	   Today we want to share a neat experimental portfolio template with you. The main idea is to have a grid layout that we create with jQuery Masonry. Clicking to view more, we expand the according item to fullscreen in order to show a longer description of the item and a representative fullscreen background image.
	  </div>
	 </a>
	 <a target="_blank" href="http://tympanus.net/codrops/2011/07/29/content-rotator/">
	  <img src="images/thumbs/8.jpg"/>
	  <div>
	   <h3>Content Rotator with jQuery</h3>
	   Today we want to share a fancy content rotator with you. It shows some image with a headline and sub-headline in each slide and allows navigating through the slides using the thumbnails that also contain a headline. Hiding the thumbnails will reveal a scrollable text container and the navigation arrows will move up so that one can navigate to the previous or next slides.
	  </div>
	 </a>
	 <a target="_blank" href="http://tympanus.net/codrops/2011/07/22/vertical-sliding-accordion/">
	  <img src="images/thumbs/7.jpg"/>
	  <div>
	   <h3>Vertical Sliding Accordion with jQuery</h3>
	   Today we want to share a slick and flexible vertical jQuery accordion with you. The main idea is to expand the accordion slices on click and show some more information. The other slices will become less opaque and squeezed. When navigating to the next slice using one navigation arrows, a new slice will slide in from the top or the bottom. Once a slice is open and we navigate, the subsequent slice will open on slide.
	  </div>
	 </a>
	 <a target="_blank" href="http://tympanus.net/codrops/2011/07/12/animated-text-and-icon-menu/">
	  <img src="images/thumbs/6.jpg"/>
	  <div>
	   <h3>Animated Text and Icon Menu with jQuery</h3>
	   Today we want to show you how to create a slick menu with a nice animation feature on hover. The idea is to make some elements slide out, change and animate the background color of the item and then slide the elements back in with a different color.
	  </div>
	 </a>
	 <a target="_blank" href="http://tympanus.net/codrops/2011/07/05/fullscreen-slideshow-with-html5-audio/">
	  <img src="images/thumbs/5.jpg"/>
	  <div>
	   <h3>Fullscreen Slideshow with HTML5 Audio and jQuery</h3>
	   In today's tutorial we'll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in order to give life to the gallery and try to recreate the ambient of this vibrant city.
	  </div>
	 </a>
	 <a target="_blank" href="http://tympanus.net/codrops/2011/07/03/sliding-background-image-menu/">
	  <img src="images/thumbs/4.jpg"/>
	  <div>
	   <h3>Sliding Background Image Menu with jQuery</h3>
	   Today we want to share another jQuery menu with you. This menu will have several panels, each one corresponding to a different background image that will show on all panels when we hover over a panel label. Also, a submenu will slide out from the bottom. This menu comes with some configuration possibilities, such as the size of the image, the hover effect and custom default states.
	  </div>
	 </a>
	 <a target="_blank" href="http://tympanus.net/codrops/2011/06/09/grid-navigation-effects/">
	  <img src="images/thumbs/3.jpg"/>
	  <div>
	   <h3>Grid Navigation Effects with jQuery</h3>
	   Today we want to share some neat grid navigation effects using jQuery. In our examples we will show you ten ways how to navigate through a set of thumbnails. We'll take a look at some of the possibilities and how to apply the effect.
	  </div>
	 </a>
	 <a target="_blank" href="http://tympanus.net/codrops/2011/05/25/image-wall/">
	  <img src="images/thumbs/2.jpg"/>
	  <div>
	   <h3>Image Wall with jQuery</h3>
	   Today we want to show you how to create a neat image wall with jQuery. The idea is to scatter some thumbnails with different sizes on the page and make a ribbon slide in when we click on the picture. The ribbon will show some description next to the picture and when clicking again on the thumbnail, the ribbon will close and open again with a large version of the image.
	  </div>
	 </a>
	 <a target="_blank" href="http://tympanus.net/codrops/2011/05/09/sliding-letters-with-jquery/">
	  <img src="images/thumbs/1.jpg"/>
	  <div>
	   <h3>Sliding Letters with jQuery</h3>
	   Today we have a neat little effect for you. We want to bring some life to the standard hover effect by playing around with the letters in an anchor word. The aim is to slide in letter by letter when hovering over a link element. We can either have the same word or a different one and we can slide in the new letters all the same time or one after the other.
	  </div>
	 </a>
	</div>

он у Вас уже вставлен, просто проверьте лишний раз.

У Вас в файле main.js есть код -

$(document).ready(function(){
$('#jp-container').jscrollpane({ display: 2 });
  // Кнопки на сайте если подгружен модуль Jquery.UI
  if(typeof($('input:submit, input.button').button) == "function" ) {
	$('input:submit, input.button').button();
  }

не совсем понятно для чего он нужен. При этом выскакивает ошибка.

ginger (03 Ноябрь 2013 - 08:55) писал:

Найдите код в файле  - jquery.jscrollpane.codrops1.css

.jspDrag {
background: #79a1b5;
position: relative;
top: 0;
left: 0;
cursor: pointer;
border: 1px solid #56839a;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

и измените код цвета #79a1b5, а также #56839a (рамка)

poznanskii (28 Январь 2014 - 10:28) писал:

За что отвечает скрипт -

<script type="text/javascript" src="http://my.39sms.ru/support/support.js?h=3a14b899e79bc97ab3cf8d25b610a6b1" id="supportScript"></script>

?

poznanskii (27 Январь 2014 - 13:02) писал:

На скриншоте не видно что именно должно быть в карусели, предлагаю оставить цену, название товара и изображение. Тогда код будет таким -

<!-- Begin Wrapper -->
<div id="wrapper">
<div class="d-carousel">
				 <ul class="carousel">
				 {% FOR index_page_new_goods %}
				 <li> <a href="#"><img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a>
								 <h4><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h4>							
	 <div class="price fnt12b txtalgncnt">
																								 Цена:
																								 {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
																											 <span>{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")}</span>
																								 {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
																											 <span>{index_page_new_goods.MIN_PRICE_OLD | number_format("0", ",", " ")}</span>
																								 {% ENDIF %}
																								 <em class="fnt12b">{index_page_new_goods.MIN_PRICE_NOW | money_format}</em>
																							 </div>
	
				 </li>
				 {% ENDFOR index_page_new_goods %}
				 </ul>
</div>
<div class="clear"></div>
</div>
<!-- End Wrapper -->

Также уменьшим размеры изображений.

.d-carousel img{width:100px;}

этот код нужно вставить в конец carousel.css.

Далее в этом же коде находим код -

.d-carousel .jcarousel-item {
width: 190px;
height: 290px;
}

и меняем его на -

.d-carousel .jcarousel-item {
width: 190px;
height: 183px;
}

тогда изменится длина карусели.

Ширину товаров в карусели меняем в коде -

#wrapper .d-carousel ul li {
background: none;
background-color: #FFF;
-webkit-box-shadow: 0px 1px 2px 0px #b7b7b7;
-moz-box-shadow: 0px 1px 2px 0px #b7b7b7;
box-shadow: 0px 1px 2px 0px #b7b7b7;
padding: 15px;
width: 175px;
}

на -

#wrapper .d-carousel ul li {
background: none;
background-color: #FFF;
-webkit-box-shadow: 0px 1px 2px 0px #b7b7b7;
-moz-box-shadow: 0px 1px 2px 0px #b7b7b7;
box-shadow: 0px 1px 2px 0px #b7b7b7;
padding: 10px;
width: 117px;
}

Далее найдите код  -

.d-carousel .jcarousel-container-horizontal {
width: 650px;
height: 325px;
padding: 0 45px;
}

и замените на -

.d-carousel .jcarousel-container-horizontal {
width: 446px;
padding: 0 32px;
}

Результат должен быть такой как на скриншоте.

poznanskii (27 Январь 2014 - 11:38) писал:

Вместо кода -

<!-- Begin Wrapper -->
<div id="wrapper">
<div class="d-carousel">
		 <ul class="carousel">
		 {% FOR index_page_new_goods %}
		 <li> <a href="#"><img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a>
				 <h4><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h4>
				 <p>{index_page_new_goods.DESCRIPTION_SHORT}</p>
		 </li>
		 {% ENDFOR index_page_new_goods %}
		 </ul>
</div>
<div class="clear"></div>
</div>
<!-- End Wrapper -->

используйте код -

<!-- Begin Wrapper -->
<div id="wrapper">
<div class="d-carousel">
		 <ul class="carousel">
		 {% FOR index_page_new_goods %}
		 <li> <a href="#"><img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a>
				 <h4><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h4>
				 <p>{index_page_new_goods.DESCRIPTION_SHORT}</p>
	<div class="price fnt12b txtalgncnt">
												  Цена:
												  {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
														<span>{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")}</span>
												  {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
														<span>{index_page_new_goods.MIN_PRICE_OLD | number_format("0", ",", " ")}</span>
												  {% ENDIF %}
												  <em class="fnt12b">{index_page_new_goods.MIN_PRICE_NOW | money_format}</em>
												</div> 
	
		 </li>
		 {% ENDFOR index_page_new_goods %}
		 </ul>
</div>
<div class="clear"></div>
</div>
<!-- End Wrapper -->

Уточните размеры какого элемента в карусели Вы хотите изменить?  

Сейчас у Вас в карусели как раз Новинки. Уточните что значит поверх?

poznanskii (27 Январь 2014 - 11:08) писал:

У Вас не загружены файлы carousel.css, jquery.jcarousel.js

Гость (28 Июль 2013 - 12:57) писал:

Да. Это другая карусель.

Гость (28 Июль 2013 - 12:16) писал:

Не вижу у Вас карусели в шаблоне Товар.

3Monkey (16 Июнь 2013 - 12:34) писал:

1) Удаляем краткое описание и устанавливаем цены -
Найдите в HTML код:

<p>{index_page_new_goods.DESCRIPTION_SHORT}</p>

и заменим на:

<div class="goodsListItemPriceNew"><div style=" margin-top: 5px;  float:right; background: url(http://7free.ru/web/upload/assets/images/150/149839/cena.jpg); width:126px; height:40px;">
								<div style="margin-top:8px;" class="cena">
							  <a href="{index_page_new_goods.URL_MAX_PRICE_NOW}">&nbsp;&nbsp;{index_page_new_goods.MAX_PRICE_NOW | money_format}</a>
							</div>  </div>  </div> 

2) Фиксированная длина у изображений -
Добавьте в конец carousel.css код:

#wrapper .d-carousel ul li img {
height: 138px; /*длина изображений*/
}

3Monkey (15 Июнь 2013 - 14:27) писал:

Найдите код в carousel.css:

#wrapper {
width: 960px;
margin: 10px auto 0;
}

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

#wrapper {
margin: 10px auto 0;
width: 684px;
}

Там же найдите код:

.d-carousel .jcarousel-item {
width: 190px;
height: 229px;
}

и замените на:

.d-carousel .jcarousel-item {
width: 190px;
height: 190px;
}

Найдите код:

.d-carousel .jcarousel-container-horizontal {
width: 530px;
height: 240px;
padding: 0 45px;
}

и замените на:

.d-carousel .jcarousel-container-horizontal {
width: 530px;
height: 318px;
padding: 0 45px;
}

3Monkey (15 Июнь 2013 - 12:01) писал:

Воспользуйтесь пожалуйста инструкцией в теме. Затем можно будет отредактировать положение карусели и ширину через стили

ais-83 (20 Март 2013 - 12:23) писал:

Найдите в файле - carousel.css код:

#wrapper .d-carousel ul li {
background: none;
background-color: #FFF;
-webkit-box-shadow: 0px 1px 2px 0px #b7b7b7;
-moz-box-shadow: 0px 1px 2px 0px #b7b7b7;
box-shadow: 0px 1px 2px 0px #b7b7b7;
padding: 15px;
width: 175px;
}

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

#wrapper .d-carousel ul li {
background: none;
background-color: #FFF;
padding: 15px;
width: 175px;
}

Найдите код в шаблоне HTML:

<div class="jcarousel-clip jcarousel-clip-horizontal" style="overflow: hidden; position: relative;">

и замените на:

<div class="jcarousel-clip jcarousel-clip-horizontal" style="overflow: hidden; position: relative;border-bottom: 1px solid black;border-top: 1px solid black;">

altansertac@gmail.com (18 Июнь 2013 - 11:59) писал:

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

punkkez (25 Июнь 2013 - 14:24) писал:

Вам нужно подключить карусель к какому блоку товаров и к какому сайту?

Гость (27 Июль 2013 - 08:22) писал:

Какой результат? Что у Вас не получилось?

Гость (23 Июль 2013 - 07:16) писал:

Я так понимаю Вы убраи всь код из main.js ?

Если это так, то тогда скопируйте ниже код и в файл main.js у Вас в админке вставьте его.

// Отправляет ошибку на сервер, для того чтобы служба тех поддержки могла разобраться в проблеме как можно быстрее.
function sendError (desc, page, line) {
  var img=document.createElement('img');
  img.src = 'http://storeland.ru/error/js?desc='+encodeURIComponent(desc)+'&page='+encodeURIComponent(window.location)+'&line=0';
  img.style.position = 'absolute';
  img.style.top = '-9999px';
  try { document.getElementsByTagName('head').appendChild(img) } catch (e){}
  return false;
}
// Форматирует цену
function number_format(number,decimals,dec_point,thousands_sep){var n=number,prec=decimals;var toFixedFix=function(n,prec){var k=Math.pow(10,prec);return(Math.round(n*k)/k).toString();};n=!isFinite(+n)?0:+n;prec=!isFinite(+prec)?0:Math.abs(prec);var sep=(typeof thousands_sep==='undefined')?',':thousands_sep;var dec=(typeof dec_point==='undefined')?'.':dec_point;var s=(prec>0)?toFixedFix(n,prec):toFixedFix(Math.round(n),prec);var abs=toFixedFix(Math.abs(n),prec);var _,i;if(abs>=1000){_=abs.split(/\D/);i=_[0].length%3||3;_[0]=s.slice(0,i+(n<0))+
_[0].slice(i).replace(/(\d{3})/g,sep+'$1');s=_.join(dec);}else{s=s.replace('.',dec);}
var decPos=s.indexOf(dec);if(prec>=1&&decPos!==-1&&(s.length-decPos-1)<prec){s+=new Array(prec-(s.length-decPos-1)).join(0)+'0';}
else if(prec>=1&&decPos===-1){s+=dec+new Array(prec).join(0)+'0';}
return s;}
// Превращает поле пароля в текстовое поле и обратно
// @LinkObject - ссылка по которой кликнули
// @InputObject - объект у которого нужно изменить тип поля
function ChangePasswordFieldType (LinkObject, InputObject) {
  var
	// Ссылка по которой кликнули
	LObject = $(LinkObject),
	// Объект у которого изменяем тип с password на text
	IObject = $(InputObject),
	// Старый текст ссылки
	txtOld = LObject.text(),
	// Новый текст ссылки
	txtNew = LObject.attr('rel');
  // Если объекты не получены, завершим работу функции
  if( LObject.length==0 || IObject.length==0 ) {
	return false;
  }
  // Изменяем у ссылки текст со старого на новый
  LObject.html(txtNew);
  // Старый текст ссылки сохраняем в атрибуте rel
  LObject.attr('rel', txtOld);
  // Изменяем тип input поля
  if(IObject[0].type == 'text') {
	IObject[0].type = 'password';
  } else {
	IObject[0].type = 'text';
  }
}
// Крутит изображение при обновлении картинки защиты от роботов
function RefreshImageAction(img,num,cnt) {
  if(cnt>13) {
	return false;
  }
  $(img).attr('src', $(img).attr('rel') + 'icon/refresh/' + num + '.gif');
  num = (num==6)?0:num;
  setTimeout(function(){RefreshImageAction(img, num+1, cnt+1);}, 50);
}
$(document).ready(function(){
  // Валидация формы на странице оформления заказа, а так же формы на страницы связи с администрацией
  $('.order form, .feedbackForm, .clientForm, .goodsDataOpinionAddForm').submit(function(){
	if($(this).valid()) {
	  // Кнопка отправки формы
	  SubmitButton = $(this).find('input:submit, button:submit');
	  // Если кнопку уже нажали, видимо отправка формы производилась по нажатию на кнопку enter, не допускаем этого.
	  if($(SubmitButton.get(0)).attr('disabled')) {
		return false;
	  }
	  // Устанавливаем на кнопку отправки формы блокировку повторной оптравки
	  SubmitButton.attr('disabled', true);
	  // Через 10 секунд блокировка отправки формы снимается.
	  setTimeout('SubmitButton.attr("disabled", false);', 10000);
	}
  }).validate();
  // Отправка формы по Ctrl+Enter
  $('form').bind('keypress', function(e){
	if((e.ctrlKey) && ((e.which==10)||(e.which==13))) {$(this).submit();}
  // Отправка данных формы по нажатию на Enter в случае если курсор находится в input полях (В некоторых браузерах при нажатии по enter срабатывает клик по первому submit полю, которое является кнопкой назад. Для этого написан этот фикс)
  }).find('input').bind('keypress', function(e){
	if(((e.which==10)||(e.which==13))) { try{$(this.form).submit();} catch(e){} return false; }
  });
 
  // В форме оформления заказа при клике на кнопку назад просто переходим на предыдущую страницу
  $('.order form input:submit[name="toprev"]').click(function(){
	var act = this.form.action;
	this.form.action = act + ( act.indexOf( '\?' ) > -1 ? '&' : '?' ) + 'toprev=1';
	this.form.submit();
	return false;
  });
 
  // Настройки галереи изображений
  $.nyroModalSettings({
	// из всех элементов с атрибут rel="gallery" будем создавать галерею
	gallery: 'gallery',
	// Включаем прокрутку с последнего изображения на первое
	galleryLoop: true
  });
  
  // Увеличение изображение при клике на него и открытие галереи изображений
  $('.goodsDataMainImage a, .goodsDataMainImageZoom a').click(function(){
	   
		// Идентификатор главной картинки
	var goodsImageId = $('.goodsDataMainImage input').attr("rel"),
	   
		// Маленькое изображение, по которому на самом деле будем кликать
		goodsImageIconElement = $('.goodsDataMainImagesIcon input[rel="'+goodsImageId+'"]').parent().find('a');
	// Для иконки изображения запустим галерею 
	goodsImageIconElement.nyroModalManual();
	return false;
  });
 
 
  // Добавление товара в корзину через ajax
  $('.goodsDataForm, .goodsToCartFromCompareForm, .goodsListForm').submit(function(){
   
	$(this).nyroModalManual({
	  formIndicator: 'ajax_q',  // Value added when a form is sent
	  minWidth: 450, // Minimum width
	  minHeight: 140, // Minimum height
	  gallery: null // Gallery name if provided
	});
	return false;
  });
 
  // Изменение главного изображения товара при нажатии на миниатюру
  $('.goodsDataMainImagesIcon a').click(function(){
		// Путь к среднему изображению
	var MediumImageUrl = $(this).find('img').attr('rel'),
	   
		// Главное изображение, в которое будем вставлять новое изображение
		MainImage = $('.goodsDataMainImage img'),
	   
		// В этом объекте хранится идентификатор картинки главного изображения для коректной работы галереи изображений
		MainImageIdObject = $('.goodsDataMainImage input'),
	   
		// Получаем идентификатор этого изображения из соседнего input поля
		GoodsImageIconId = $(this).parent().find('input').attr("rel");
   
	// Изменяем главное изображение
	MainImage.attr('src',MediumImageUrl);
   
	// Изменяем идентификатор главного изображения
	MainImageIdObject.attr("rel",GoodsImageIconId);
   
	return false;
  });
  // Функция собирает свойства в строку, для определения модификации товара
  function getSlugFromGoodsDataFormModificationsProperties(obj) {
	var properties = new Array();
	$(obj).each(function(i){
	  properties[i] = parseInt($(this).val());
	});
	return properties.sort(function(a,B){return a - b}).join('_');
  }
 
 
  var
	// Запоминаем поля выбора свойств, для ускорения работы со значениями свойств
	goodsDataProperties = $('form.goodsDataForm select[name="form[properties][]"]'),
   
	// Запоминаем блоки с информацией по модификациям, для ускорения работы
	goodsDataModifications = $('div.goodsDataMainModificationsList');
 
 
  // Обновляет возможность выбора свойств модификации, для отключения возможности выбора по характеристикам модификации которой не существует.
  function updateVisibility (y) {
	// Проверяем в каждом соседнем поле выбора модификаций, возможно ли подобрать модификацию для указанных свойств
	goodsDataProperties.each(function(j){
	  // Если мы сравниваем значения свойства не с самим собой, а с другим списком значений свойств
	  if( j != y ) {
		// Проходим по всем значениям текущего свойства модификации товара
		$(this).find('option').each(function(){
		  // Записываем временный массив свойств, которые будем использовать для проверки существования модификации
		  var checkProperties = new Array();
		  $(goodsDataProperties).each(function(i){
			checkProperties[i] = parseInt($(this).val());
		  });
		  // Пытаемся найти модификацию соответствующую выбранным значениям свойств
		  checkProperties[j] = parseInt($(this).attr('value'));
		  // Собираем хэш определяющий модификацию по свойствам
		  slug = checkProperties.sort(function(a,B){return a - b}).join('_');
		  // Ищем модификацию по всем выбранным значениям свойств товара. Если модификации нет в возможном выборе, отмечаем потенциальное значение выбора как не доступное для выбора, т.к. такой модификации нет.
		  if(!goodsDataModifications.filter('[rel="'+slug+'"]').length) {
		   $(this).attr('disabled', true);
		  // Если выбрав данное значение свойства товара можно подобрать модификацию, то выделяем вариант выбора как доступный.
		  } else {
			$(this).attr('disabled', false);
		  }
		});
	  }
	});
  }
  // Обновляем возможность выбора модификации товара по свойствам. Для тех свойств, выбор по которым не возможен, отключаем такую возможность.
  // Проверяем возможность выбора на всех полях кроме первого, чтобы отключить во всех остальных варианты, которые не возможно выбрать
  updateVisibility (0);
  // Проверяем возможность выбора на всех полях кроме второго, чтобы в первом поле так же отключилась возможность выбора не существующих модификаций
  updateVisibility (1);
 
  // Изменение цены товара при изменении у товара свойства для модификации
  goodsDataProperties.each(function(y){
	$(this).change(function(){
	  var slug = getSlugFromGoodsDataFormModificationsProperties(goodsDataProperties),
		  modificationBlock			 = goodsDataModifications.filter('[rel="'+slug+'"]'),
		  modificationId				= parseInt(modificationBlock.find('[name="id"]').val()),
		  modificationArtNumber		 = modificationBlock.find('[name="art_number"]').val(),
		  modificationPriceNow		  = parseFloat(modificationBlock.find('[name="price_now"]').val()),
		  modificationPriceNowFormated  = modificationBlock.find('.price_now_formated').html(),
		  modificationPriceOld		  = parseFloat(modificationBlock.find('[name="price_old"]').val()),
		  modificationPriceOldFormated  = modificationBlock.find('.price_old_formated').html(),
		  modificationRestValue		 = parseFloat(modificationBlock.find('[name="rest_value"]').val()),
		  modificationDescription	   = modificationBlock.find('.description').html(),
		  modificationMeasureId		 = parseInt(modificationBlock.find('[name="measure_id"]').val()),
		  modificationMeasureName	   = modificationBlock.find('[name="measure_name"]').val(),
		  modificationMeasureDesc	   = modificationBlock.find('[name="measure_desc"]').val(),
		  modificationMeasurePrecision  = modificationBlock.find('[name="measure_precision"]').val(),
		  modificationIsHasInCompareList= modificationBlock.find('[name="is_has_in_compare_list"]').val(),
		  goodsModificationId		   = $('.goodsDataMainModificationId'),
		  goodsPriceNow				 = $('.goodsDataMainModificationPriceNow'),
		  goodsPriceOld				 = $('.goodsDataMainModificationPriceOld'),
		  goodsAvailable				= $('.goodsDataMainModificationAvailable'),
		  goodsAvailableTrue			= goodsAvailable.find('.available-true'),
		  goodsAvailableFalse		   = goodsAvailable.find('.available-false'),
		  goodsArtNumberBlock		   = $('.goodsDataMainModificationArtNumber'),
		  goodsArtNumber				= goodsArtNumberBlock.find('span');
		  goodsCompareAddButton		 = $('.goodsDataCompareButton.add');
		  goodsCompareDeleteButton	  = $('.goodsDataCompareButton.delete');
		  goodsModDescriptionBlock	  = $('.goodsDataMainModificationsDescriptionBlock');
	  
	  
	   // Изменяем данные товара для выбранных параметров. Если нашлась выбранная модификация
	   if(modificationBlock.length) {
		 // Цена товара
		 goodsPriceNow.html(modificationPriceNowFormated);
 
		 // Старая цена товара
		 if(modificationPriceOld>modificationPriceNow) {
		  goodsPriceOld.html(modificationPriceOldFormated);
		 } else {
		   goodsPriceOld.html('');
		 }
		
		 // Есть ли товар есть в наличии
		 if(modificationRestValue>0) {
		   goodsAvailableTrue.show();
		   goodsAvailableFalse.hide();
		 // Если товара нет в наличии
		 } else {
		   goodsAvailableTrue.hide();
		   goodsAvailableFalse.show();
		 }
		 // Если товар есть в списке сравнения
		 if(modificationIsHasInCompareList>0) {
		   goodsCompareAddButton.hide();
		   goodsCompareDeleteButton.show();
		 // Если товара нет в списке сравнения
		 } else {
		   goodsCompareAddButton.show();
		   goodsCompareDeleteButton.hide();
		 }
		
		 // Покажем артикул модификации товара, если он указан
		 if(modificationArtNumber.length>0) {
		   goodsArtNumberBlock.show();
		   goodsArtNumber.html(modificationArtNumber);
		 // Скроем артикул модификации товара, если он не указан
		 } else {
		   goodsArtNumberBlock.hide();
		   goodsArtNumber.html('');
		 }
		 // Описание модификации товара. Покажем если оно есть, спрячем если его у модификации нет
		 if(modificationDescription.length > 0) {
		   goodsModDescriptionBlock.show().html('<div>' + modificationDescription + '</div>');
		 } else {
		   goodsModDescriptionBlock.hide().html();
		 }
		
		
		 // Идентификатор товарной модификации
		 goodsModificationId.val(modificationId);
	   } else {
		 // Отправим запись об ошибке на сервер
		 sendError('no modification by slug '+slug);
		 alert('К сожалению сейчас не получается подобрать модификацию соответствующую выбранным параметрам.');
	   }
	  
	   // Обновляем возможность выбора другой модификации для текущих значений свойств модификации товара.
	   updateVisibility(y);
	});
  });
 
  // Кнопка добавления товара на сравнение сравнения товаров
  $('.goodsDataCompareButton').click(function(){
	window.location.href = $(this).attr('rel') +
	($(this).attr('rel').indexOf( '\?' ) > -1 ? '&' : '?') +
	'id='+
	$('.goodsDataMainModificationId').val()+
	'&from='+
	$('input[name="form[goods_from]"]').val();
	return false;
  });
 
  // Сравнение товаров. Увеличение изображение при клике на ссылку увеличения и открытие галереии с изображениями этого товара
  $('.CompareGoodsImageZoom').click(function(){
	// Галлерея фотографий для данной модификации товаров
	var galleryBlock = $('.galleryBlock' +  $(this).attr('rel')),
	// Главное изображение товара, которое сейчас стоит у товара
	galleryMainImage = $('.CompareGoodsImageMain' +  $(this).attr('rel')),
	// Изображение по которому нужно кликнуть в галлерее изображений
	ImageIngallery = galleryBlock.find('.CompareGoodsImageGallery'+galleryMainImage.attr('rel'));
   
	// Запускаем галлерею изображений от изображения товара, чтобы если например кликнули по гайке, то и открылись гайка, а не еще какой-либо изображение этого товара
	ImageIngallery.nyroModalManual({
	  gallery: 'gallery' +  $(this).attr('rel')
	});
	return false;
  });
 
  // Сравнение товаров. Инвертирование свойств для сравнения товара
  $('.CompareCheckbox.invert').click(function(){
	var checked = true,
		checkboxes = $('.CompareCheckbox:not(.invert)');
	checkboxes.each(function(){
	  if($(this).attr('checked')) {
		checked = false;
		return false;
	  }
	});
   
	checkboxes.each(function(){
	  $(this).attr('checked', checked);
	});
   
	$(this).attr('checked', checked);
  });
 
  // Сравнение товаров. Скрытие характеристик товара, которые выделил пользователь
  $('.CompareGoodsHideSelected').click(function(){
	$('.CompareGoodsTableTbodyComparisonLine').each(function(){
	  var CheckedCheckbox = $(this).find('.CompareCheckbox:checked:not(.invert)');
	  if(CheckedCheckbox.length>0) {
		$(this).hide();
	  }
	});
	// отменяем выделение характеристик товаров
	$('.CompareCheckbox').attr('checked',false);
	return false;
  });
 
  // Сравнение товаров. Отображение скрытых характеристик товара
  $('.CompareGoodsShowAll').click(function(){
	$('.CompareGoodsTableTbodyComparisonLine:hidden').show();
	return false;
  });
 
  // Сравнение товаров. Верхняя навигация изменение фильтра на отображение всех характеристик товаров
  $('.CompareGoodsTableFilterShowAll').click(function(){
	$('.CompareGoodsTableFilterSelected').removeClass('CompareGoodsTableFilterSelected');
	$('.CompareGoodsTableTbodyComparisonLine:hidden').show();
   
	$(this).addClass('CompareGoodsTableFilterSelected');
	return false;
  });
  // Сравнение товаров. Фильтр в верхней навигации. Отображение только различающихся характеристик товара
  $('.CompareGoodsTableFilterShowOnlyDifferent').click(function(){
	$('.CompareGoodsTableFilterSelected').removeClass('CompareGoodsTableFilterSelected');
	$('.CompareGoodsTableTbodyComparisonLine:not(.same)').show();
	$('.CompareGoodsTableTbodyComparisonLine.same').hide();
	$(this).addClass('CompareGoodsTableFilterSelected');
	return false;
  });
  // Сравнение товаров. При наведении на строку сравнения, она выделяется цветом
  $('.CompareGoodsTableTbodyComparisonLine').hover(
	function () { $(this).addClass('hover'); },
	function () { $(this).removeClass('hover'); }
  );
 
  // При клике по строке выделяем свойство
  $('.CompareGoodsTableTbodyComparisonLine td:not(.ceil1)').click(function(){
	var CompareCheckbox = $(this).parent().find('.CompareCheckbox');
	if(CompareCheckbox.attr('checked')) {
	  CompareCheckbox.attr('checked', false);
	} else {
	  CompareCheckbox.attr('checked', true);
	}
  });
  // Форма регистрации нового пользователя, действие ссылки "показать пароль"
  $('.clientForm .showPass').click(function(){
	ChangePasswordFieldType(this, $('#sites_client_pass'));
	return false;
  });
 
  // Форма регистрации нового пользователя, при оформлении заказа
  $('.OrderShowPass').click(function(){
	ChangePasswordFieldType(this, $('#contactPassWord'));
	return false;
  });
  // При вводе пароля с caps lockом, покажет блок с сообщением для пользователя
  $('#sites_client_pass, #contactPassWord').capslock({
	caps_lock_on:function(){$("#caps_lock").show();},
	caps_lock_off:function(){$("#caps_lock").hide();}
  });
 
  // При оформлении заказа дадим возможность зарегистрироваться пользователю
  $('#contactWantRegister').click(function(){
	if($(this).attr("checked")) {
	  $('.contactRegisterNeedElement').show();
	  $('#contactEmail, #contactPassWord').addClass('required');
	} else {
	  $('.contactRegisterNeedElement').hide();
	  $('#contactEmail, #contactPassWord').removeClass('required');
	}
  });
  // Добавление отзыва о товаре. Рейтинг
  if(typeof($('.goodsDataOpinionTableRating').stars) == "function" ) {
	$('.goodsDataOpinionTableRating').stars({
	  inputType: "input",
	  split: 2,
	  captionEl: $(".goodsDataOpinionMsg"),
	  cancelShow: false
	});
  }
 
  // Список отзывов о товаре. Ссылка на отображение формы для добавление отзыва о товаре
  $('.goodsDataOpinionShowAddForm').click(function(){
	if(0 == $('#goodsDataOpinionAddBlock:visible').length) {
	  $('#goodsDataOpinionAddBlock').show('blind');
	} else {
	  $('#goodsDataOpinionAddBlock').hide('blind');
	  return false;
	}
  });
  // Добавление отзыва о товаре. кнопка reset скрывающая форму добавления отзыва о товаре
  $('.goodsDataOpinionAddForm input:reset').click(function(){
	$('#goodsDataOpinionAddBlock').hide('blind');
  });
  // Иконка для обновления изображение капчи
  $('.goodsDataOpinionCaptchaRefresh').click(function(){
	RefreshImageAction(this,1,1);
	$('.goodsDataOpinionCaptchaImg').attr('src',$('.goodsDataOpinionCaptchaImg').attr('src')+'&rand'+Math.random(0,10000));
	return false;
  });
 
  // Фильтры по товарам. При нажании на какую либо характеристику или свойство товара происходит фильтрация товаров
  $('.contentTbodySearchFilterBlock input').click(function(){
	$(this)[0].form.submit();
  });
 
  // Действия при выборе варианта доставки на этапе оформления заказа
  $('.deliveryRadio').click(function(){
   
	// Если текущая выделенная зона доставки не относится к выбранному варианту доставки, снимаем выделение с зоны доставки
	if($('.deliveryZoneRadio:checked').attr('deliveryid') != $(this).val()) {
	  $('.deliveryZoneRadio:checked').click().attr('checked', false);
	}
  });
 
  // Действия при выборе зоны внутри варианта доставки на этапе оформления заказа
  $('.deliveryZoneRadio').click(function(){
   
	var
	  deliveryId = $(this).attr('deliveryid')
	  ,deliveryZonePrice = $(this).parent().find('.deliveryZonePrice')
	  ,deliveryTbody = $('.orderStageDeliveryListTable tbody[rel="' + deliveryId + '"]')
	  ,deliveryBlock = deliveryTbody.find('#deliveryId' + deliveryId)
	  ,deliveryZonePriceBlock = deliveryTbody.find('.orderStageDeliveryZonePrice')
	  ,deliveryDefaultPriceBlock = deliveryTbody.find('.orderStageDeliveryDefaultPrice')
	;
	// Если этот пункт уже выбран, при повторном клике пользователь видимо хочет снять выделение зоны доставки
	if('true' == $(this).attr('rel')) {
	  $(this).attr('checked', false);
	  $(this).attr('rel', 'false');
	 
	  // Показываем цену по умолчанию
	  deliveryDefaultPriceBlock.show();
	  // Скрываем цену образованную от зоны
	  deliveryZonePriceBlock.hide();
	 
	// Отмечаем у всех радио баттонов зон доставки свойство говорящее что они не отмечены
	} else {
	  $('.deliveryZoneRadio').attr('rel', 'false');
	  $(this).attr('rel', 'true');
	 
	  // Показываем цену по умолчанию
	  deliveryDefaultPriceBlock.hide();
	  // Скрываем цену образованную от зоны
	  deliveryZonePriceBlock.show().html(deliveryZonePrice.html());
	 
	  // Выделяем вариант доставки к которому относится зона доставки
	  deliveryBlock.attr('checked', true);
	}
   
  });
   $("#deliveryConvenientDate").datepicker({
  dayNames	  : ['Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота', 'Воскресенье'],
  dayNamesMin	: ['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб' ],
  closeText	  : 'Готово',
  currentText	: 'Сегодня' ,
  duration	  : '',
  monthNames	: ['Январь','Февраль','Март','Апрель','Май','Июнь','Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'],
  monthNamesShort : ['Янв','Фев','Март','Апр','Май','Июнь','Июль','Авг','Сен','Окт','Ноя','Дек'],
  yearRange	  : "-6:+6",
  dateFormat	: 'dd.mm.yy',
  minDate		 : new Date(),
  firstDay	  : 1
});
});

Гость (21 Июль 2013 - 14:19) писал:

Может Вы брали код по установке карусели от двух инструкций?
По скольку код -

<script type="text/javascript">
		jQuery(document).ready(function() {
// Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
				jQuery('.d-carousel .carousel').jcarousel({
Uncaught TypeError: Object #<Object> has no method 'jcarousel'
						scroll: 1,
						auto: 1,
						wrap: 'circular'
				});
		});
</script>

не относится к карусели "tinycarousel"

ilyabiz (20 Июль 2013 - 15:21) писал:

Найдите код в main.css:

#back-top a:hover span {
background-color: #777;
}

и замените на:

#back-top a:hover span {
}

Далее код:

#back-top span {
		width: 108px;
		height: 108px;
		display: block;
		margin-bottom: 7px;
		background: #ddd url({ASSETS_IMAGES_PATH}mirtech5.ru/10_thumb.png?8038) no-repeat center center;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
		}

замените на:

#back-top span {
		width: 108px;
		height: 108px;
		display: block;
		margin-bottom: 7px;
		background: url({ASSETS_IMAGES_PATH}mirtech5.ru/10_thumb.png?8038) no-repeat center center;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
		}

ais-83 (16 Март 2013 - 12:12) писал:

Попробуйте воспользоваться этой инструкцией - http://forum.storela...лож/#entry32986