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


Публикации Castiel

11 публикаций создано Castiel (учитываются публикации только с 21-Апрель 23)


По типу контента

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

Сортировать                 Порядок  

#257370 Количество Товаров В Категории

Отправлено от Castiel в 22 Февраль 2017 - 15:55 в Каталог товаров

Просмотр сообщенияyadviga (21 Февраль 2017 - 14:52) писал:

Доброго дня!

Как в общем каталоге убрать количество товаров в той или иной категории?

Здравствуйте, в шаблоне HTML находим и удаляем
{% IF catalog_full.GOODS_COUNT>0 %}<span class="count">{catalog_full.GOODS_COUNT}</span>{% ELSEIF catalog_full.BRANCH_GOODS_COUNT>0 %}<span class="count">{catalog_full.BRANCH_GOODS_COUNT}</span>{% ENDIF %}

Просмотр сообщенияTina-Valentina (21 Февраль 2017 - 23:45) писал:

Добрый вечер!
А мне наоборот нужно добавить количество товаров в коллекциях (в блоке слева).
Подскажите пожалуйста, как добавить кол-во как на скрине. Аккаунт SL-394796
Спасибо!

Здравствуйте, для шаблона Ночь используйте данную инструкцию
В шаблоне HTML
Находим
<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
Заменяем на
<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}<span>{catalog_full.NAME}</span>{% IF catalog_full.GOODS_COUNT>0 %}<span class="count">({catalog_full.GOODS_COUNT})</span>{% ELSEIF catalog_full.BRANCH_GOODS_COUNT>0 %}<span class="count">({catalog_full.BRANCH_GOODS_COUNT})</span>{% ENDIF %}</a>

Далее в main.css находим
.block-menu-content ul li a.active {color: #fff;}

После добавляем стили для количества
.block-menu-content ul li a .count {font-size: 14px;margin-left: 5px;}


#256910 Слайдер На Главной Для Шаблона Новогодний

Отправлено от Castiel в 13 Февраль 2017 - 13:21 в Главная

Инструкция для слайдера вместо статичной картинки.

Редактируем шаблон HTML
Находим
<div id="slideshow">
	 <div class="preloader"><span class="content-loading"></span></div>
	 <div id="slider">
	 <ul class="slidercontent clearfix">
		 <li class="slider-item-1 ">
		 <img src="{ASSETS_IMAGES_PATH}slide.jpg?design=newyear" class="item-img">
		 <div class="item-html">
			 <div class="container">
			 <div class="text-border">
				 <h2>Новогодние подарки</h2>
				 <h3>Для детей и взрослых</h3>
				 <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
			 </div>
			 </div>
		 </div>
		 </li>
		 <li class="slider-item-2">
		 <img src="{ASSETS_IMAGES_PATH}element1.png?design=cosines" class="item-img" title="element1" alt="element1">
		 </li>
		 <li class="slider-item-3">
		 <img src="{ASSETS_IMAGES_PATH}element2.png?design=cosines" class="item-img" title="element2" alt="element2">
		 </li>
		 <li class="slider-item-4">
		 <img src="{ASSETS_IMAGES_PATH}element3.png?design=cosines" class="item-img" title="element3" alt="element3">
		 </li>
		 <li class="slider-item-5">
		 <img src="{ASSETS_IMAGES_PATH}element4.png?design=cosines" class="item-img" title="element4" alt="element4">
		 </li>
		 <li class="slider-item-6">
		 <img src="{ASSETS_IMAGES_PATH}element5.png?design=cosines" class="item-img" title="element5" alt="element5">
		 </li>
		 <li class="slider-item-7">
		 <img src="{ASSETS_IMAGES_PATH}element6.png?design=cosines" class="item-img" title="element6" alt="element6">
		 </li>
	 </ul>
	 </div>
</div>

Заменяем на
<div id="slideshow">
	 <div class="preloader"><span class="content-loading"></span></div>
	 <div id="slider">
	 <div class="slider-item-1 ">
		 <img src="{ASSETS_IMAGES_PATH}slide.jpg?design=newyear" class="item-img">
		 <div class="item-html">
		 <div class="container">
			 <div class="text-border">
			 <h2>Новогодние подарки</h2>
			 <h3>Для детей и взрослых</h3>
			 <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
			 </div>
		 </div>
		 </div>
	 </div>
	 <div class="slider-item-1 ">
		 <img src="{ASSETS_IMAGES_PATH}slide.jpg?design=newyear" class="item-img">
		 <div class="item-html">
		 <div class="container">
			 <div class="text-border">
			 <h2>Новогодние подарки</h2>
			 <h3>Для детей и взрослых</h3>
			 <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
			 </div>
		 </div>
		 </div>
	 </div>
	 <div class="slider-item-1 ">
		 <img src="{ASSETS_IMAGES_PATH}slide.jpg?design=newyear" class="item-img">
		 <div class="item-html">
		 <div class="container">
			 <div class="text-border">
			 <h2>Новогодние подарки</h2>
			 <h3>Для детей и взрослых</h3>
			 <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
			 </div>
		 </div>
		 </div>
	 </div>
	 </div>
	 <ul class="slidercontent clearfix">
	 <li class="slider-item-2">
		 <img src="{ASSETS_IMAGES_PATH}element1.png?design=cosines" class="item-img" title="element1" alt="element1">
	 </li>
	 <li class="slider-item-3">
		 <img src="{ASSETS_IMAGES_PATH}element2.png?design=cosines" class="item-img" title="element2" alt="element2">
	 </li>
	 <li class="slider-item-4">
		 <img src="{ASSETS_IMAGES_PATH}element3.png?design=cosines" class="item-img" title="element3" alt="element3">
	 </li>
	 <li class="slider-item-5">
		 <img src="{ASSETS_IMAGES_PATH}element4.png?design=cosines" class="item-img" title="element4" alt="element4">
	 </li>
	 <li class="slider-item-6">
		 <img src="{ASSETS_IMAGES_PATH}element5.png?design=cosines" class="item-img" title="element5" alt="element5">
	 </li>
	 <li class="slider-item-7">
		 <img src="{ASSETS_IMAGES_PATH}element6.png?design=cosines" class="item-img" title="element6" alt="element6">
	 </li>
	 </ul>
</div>

Данный кусок кода отвечает за вывод слайдов и небольшого текстового описания, который Вы можете отредактировать на свое усмотрение, заменив необходимые вам параметры. Этот код дублируем для каждого слайда заменяя изображение и текст.
	 <div class="slider-item-1 ">
		 <img src="{ASSETS_IMAGES_PATH}slide.jpg?design=newyear" class="item-img">
		 <div class="item-html">
		 <div class="container">
			 <div class="text-border">
			 <h2>Новогодние подарки</h2>
			 <h3>Для детей и взрослых</h3>
			 <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
			 </div>
		 </div>
		 </div>
	 </div>

Затем редактируем main.js
Находим
// Запуск слайдера
$(document).ready(function(){
var slider = $('#slideshow .slider');
slider.owlCarousel({
items: 1,
singleItem : true,
autoplay: false,
loop: true,
dots: true,
dotsSpeed: 500,
dotsContainer: '.slider-navigation'
});
slider.on('changed.owl.carousel', function(event) {
var item_index = event.item.index + 1;
$('.slider-title').html($('.slider :nth-child('+item_index+') a span').html());
$('.slider-title').attr('href', $('.slider :nth-child('+item_index+') a').attr('href'));
});
});

Заменяем на
// Запуск слайдера
$(document).ready(function(){
var slider = $('#slideshow #slider');
slider.owlCarousel({
items: 1,
singleItem : true,
autoplay: true,
smartSpeed: 800,
loop: true,
dots: true,
dotsSpeed: 500
});
slider.on('changed.owl.carousel', function(event) {
var item_index = event.item.index + 1;
$('.slider-title').html($('.slider :nth-child('+item_index+') a span').html());
$('.slider-title').attr('href', $('#slider :nth-child('+item_index+') a').attr('href'));
});
});

Затем Находим
// Движущиеся объекты в слайдере
function sliderObj() {
// Parallax
var itemLi = $('#slider ul li');
itemLi.has('img[title="element1"]').find('img').attr("data-depth","0.15").addClass('layer');
itemLi.has('img[title="element2"]').find('img').attr("data-depth","0.20").addClass('layer');
itemLi.has('img[title="element3"]').find('img').attr("data-depth","0.10").addClass('layer');
itemLi.has('img[title="element4"]').find('img').attr("data-depth","0.20").addClass('layer');
itemLi.has('img[title="element5"]').find('img').attr("data-depth","0.80").addClass('layer');
itemLi.has('img[title="element6"]').find('img').attr("data-depth","0.90").addClass('layer');
if($(window).width() > 768) {
checkScene = $('body #slider');
if (checkScene.length) {
scene = document.getElementById('slider');
var parallax = new Parallax(scene);
}
}
}

Заменяем на
// Движущиеся объекты в слайдере
function sliderObj() {
// Parallax
var itemLi = $('#slideshow ul li');
itemLi.has('img[title="element1"]').find('img').attr("data-depth","0.15").addClass('layer');
itemLi.has('img[title="element2"]').find('img').attr("data-depth","0.20").addClass('layer');
itemLi.has('img[title="element3"]').find('img').attr("data-depth","0.10").addClass('layer');
itemLi.has('img[title="element4"]').find('img').attr("data-depth","0.20").addClass('layer');
itemLi.has('img[title="element5"]').find('img').attr("data-depth","0.80").addClass('layer');
itemLi.has('img[title="element6"]').find('img').attr("data-depth","0.90").addClass('layer');
if($(window).width() > 768) {
checkScene = $('body #slideshow');
if (checkScene.length) {
scene = document.getElementById('slideshow');
var parallax = new Parallax(scene);
}
}
}



Редактриуем main.css
Находим
/*** Слайдер ***/
#slideshow {position: relative;background: #fff9e8;padding-bottom: 90px;}
#slider {margin-bottom: 30px;position: relative;}
#slider ul {margin: 0;padding: 0;text-align: center;list-style: none;}
#slider ul li .item-html {position: absolute;top: 30%;left: 0;text-align: right;width: 100%;z-index: 9;}
#slider ul li .item-html .container {position: relative;}
#slider ul li h2, #slider ul li h3 {font-size: 58px;color: #000;letter-spacing: 2px;line-height: inherit;}
#slider ul li h2 {margin-bottom: 15px;}
#slider ul li.slider-item-1 {display: inline-block;}
#slider ul li.slider-item-1 img {max-width: 100%;height: auto;}
#slider ul li img.layer {position: absolute;z-index: 10;}
#slider ul li img[title="element1"] {top: 50%;left: auto;right: 7%;}
#slider ul li img[title="element2"] {bottom: -10%;left: auto;right: 10%;}
#slider ul li img[title="element3"] {top: -6%;left: 9%;}
#slider ul li img[title="element4"] {top: 37%;left: 8%;}
#slider ul li img[title="element5"] {bottom: -10%;left: 3%;}
#slider ul li img[title="element6"] {top: -40%;right: -5%;}
#slider .text-border .button {margin-top: 20px;}
Заменяем на
/*** Слайдер ***/
#slideshow {position: relative;background: #fff9e8;padding-bottom: 120px;margin-bottom: 6px;}
#slideshow .owl-carousel .owl-stage {text-align: center;}
#slideshow #slider .item-html {position: absolute;top: 30%;left: 0;text-align: right;width: 100%;z-index: 9;}
#slideshow #slider .item-html .container {position: relative;}
#slideshow #slider h2, #slideshow #slider h3 {font-size: 58px;color: #000;letter-spacing: 2px;line-height: inherit;}
#slideshow #slider h2 {margin-bottom: 15px;}
#slideshow #slider .slider-item-1 {display: inline-block;}
#slideshow #slider .slider-item-1 img {max-width: 100%;height: auto;}
#slideshow ul {margin: 0;padding: 0;text-align: center;list-style: none;}
#slideshow ul li img.layer {position: absolute;z-index: 10;}
#slideshow ul li img[title="element1"] {top: 50%;left: auto;right: 7%;}
#slideshow ul li img[title="element2"] {bottom: -10%;left: auto;right: 10%;}
#slideshow ul li img[title="element3"] {top: -6%;left: 9%;}
#slideshow ul li img[title="element4"] {top: 37%;left: 8%;}
#slideshow ul li img[title="element5"] {bottom: -10%;left: 3%;}
#slideshow ul li img[title="element6"] {top: -40%;right: -5%;}
#slideshow .text-border .button {margin-top: 20px;}
#slideshow .owl-controls {position: relative;margin-top: -24px;}
#slideshow .owl-theme .owl-dots {text-align: center;-webkit-tap-highlight-color: transparent;}
#slideshow .owl-theme .owl-dots .owl-dot {display: inline-block;zoom: 1;}
#slideshow .owl-carousel .owl-dot {cursor: pointer;cursor: hand;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
#slideshow .owl-theme .owl-dots .owl-dot span {display: block;width: 10px;height: 10px;margin: 5px 7px;background: #c1c1c1;-webkit-backface-visibility: visible;transition: opacity .2s ease;border-radius: 30px;}
#slideshow .owl-theme .owl-dots .owl-dot.active span, #slideshow .owl-theme .owl-dots .owl-dot:hover span {background: #fff9e8;}

Находим
#slider ul li h2 {font-size: 60px;}
#slider ul li.slider-item-1 {display: block;}
#slider ul li img.layer {display: none;}
#slider ul li .item-html {text-align: center;}
Заменяем на
#slideshow #slider h2 {font-size: 60px;}
#slideshow #slider .slider-item-1 {display: block;}
#slideshow #slider .item-html {text-align: center;}
#slideshow ul li img.layer {display: none;}

Находим
#slideshow {padding-bottom: 0;}
#slider {margin: 0;}
#slider ul li h2, #slider ul li h3 {font-size: 48px;}
#slider ul li.slider-item-1 img {display: block;}
#slider ul li img {display: none;}
#slider ul li .item-html {top: 10%;z-index: 1;padding: 20px;}
Заменяем на
#slideshow {padding-bottom: 0;margin: 0;}
#slideshow #slider h2, #slideshow #slider h3 {font-size: 48px;}
#slideshow #slider .slider-item-1 img {display: block;}
#slideshow ul li img {display: none;}
#slideshow ul li .item-html {top: 10%;z-index: 1;padding: 20px;}

Находим
#slider ul li h2, #slider ul li h3 {font-size: 36px;}
#slider .text-border {padding-bottom: 30px;}
Заменяем на
#slideshow #slider h2, #slideshow #slider h3 {font-size: 36px;}
#slideshow .text-border {padding-bottom: 30px;}

Находим
#slider .text-border {border-bottom: 0;padding: 0;}
#slider .text-border:before, #slider .text-border:after, #slider .text-border h2:before, #slider .text-border h2:after, #slider ul li h3 {display: none;}
Заменяем на
#slideshow .text-border {border-bottom: 0;padding: 0;}
#slideshow .text-border:before, #slideshow .text-border:after, #slideshow .text-border h2:before, #slideshow .text-border h2:after, #slideshow #slider h3 {display: none;}

Находим
#slider ul li h2 {display: none;}
Заменяем на
#slideshow #slider h2 {display: none;}


#255090 Главная ,баннер..

Отправлено от Castiel в 13 Январь 2017 - 20:00 в Шаблон Новогодний

Просмотр сообщенияmagnit (12 Январь 2017 - 04:41) писал:

Добавьте новость в раздел "новости магазина" .. При добавлении в остальные разделы все нормально.

Здравствуйте, данная проблема возникает если в слайдере новостей всего одна новость (необходимо отключить цикличное прокручивание слайдов), чтобы исправить это необходимо обновить код в main.js
Находим
// Новости на главной
jQuery(function($) {
  var owl = $('#news .block-news');
  // Показывать\Скрывать навигацию
  owl.on('initialized.owl.carousel changed.owl.carousel', function(event) {
	var items = event.item.count;
	var size = event.page.size;
	if (items < size){
	  $('#news .navigation').hide();
	} else {
	  $('#news .navigation').show();
	}
  });
  owl.owlCarousel({
	items: 1,
	navigation : true,
	touchDrag: true,
	mouseDrag: false,
	autoplay: false,
	autoplayHoverPause: true,
	autoHeight: true,
	smartSpeed: 800,
	loop: true
	});
  // Кнопки навигации
  $('#news .navigation .next').click(function(event) {
	event.preventDefault();
	owl.trigger('next.owl.carousel');
  });
  $('#news .navigation .prev').click(function(event) {
	event.preventDefault();
	owl.trigger('prev.owl.carousel');
  });
});

Заменяем на
// Новости на главной
jQuery(function($) {
  var owl = $('#news .block-news');
  // Показывать\Скрывать навигацию
  owl.on('initialized.owl.carousel changed.owl.carousel', function(event) {
	var items = event.item.count;
	if (items < 2){
	  $('#news .navigation').hide();
	} else {
	  $('#news .navigation').show();
	}
  });
  owl.owlCarousel({
	items: 1,
	navigation : true,
	touchDrag: true,
	mouseDrag: false,
	autoplay: false,
	autoplayHoverPause: true,
	autoHeight: true,
	smartSpeed: 800,
	loop: false
  });
  // Кнопки навигации
  $('#news .navigation .next').click(function(event) {
	event.preventDefault();
	owl.trigger('next.owl.carousel');
  });
  $('#news .navigation .prev').click(function(event) {
	event.preventDefault();
	owl.trigger('prev.owl.carousel');
  });
});

Если вы добавите больше новостей, то можно будет включить цикличное прокручивание новостей, изменив параметр
loop: false
На
loop: true


#255089 Новый Шаблон "новогодний" С Ошибкой

Отправлено от Castiel в 13 Январь 2017 - 19:41 в Ошибки, возникшие после самостоятельного изменения шаблонов

 Rebvjd (11 Январь 2017 - 19:53) писал:

Здравствуйте. В шаблоне найдена ошибка. В опере не паказывается цена и название товара на главной странице в четвертом ряду. смотреть скрин 1. Также в каталоге товары некоректно отображаются:  во первых- нижний ряд товаров тоже без цены и названия, во вторых - при наведении на товар пропадает также цена и название. смотреть скрин 2.

Здравствуйте, уточните пожалуйста версию оперы.

 Rebvjd (13 Январь 2017 - 01:47) писал:

Так же найдены ошибки:
1.через мобильный когда открываешь страницу товаров в каталоге и нажимаешь кнопку отображения товаров "в полоску" получаешь товар без рамки и название товара где-то далеко с боку, его и не видно. Но если перевернуть телефон- то все норм. Это через сафари айфон 5.
2. В статьях изображения съжимаются как будто их сплюснули, но развернув телефон боком, опять же все норм

1. В main.css добавляем
.products-list .item .product-image {float: none;margin: 0 auto 20px;min-height: 50px;height: auto;line-height: 1;}
Данный код необходимо добавить после
@media all and (max-width: 767px) {

2. При добавлении новости, у картинки были указаны жесткие размеры (style="width: 815px; height: 544px;" ) если их убрать, то картинка будет адаптироваться исходя из размеров экрана.


#250655 Слайдер На Главной для шаблона Рассвет

Отправлено от Castiel в 18 Октябрь 2016 - 16:32 в Главная

Устанавливаем слайдер на главной, вместо статичной картинки. (Эффект приближения не сохраняется).

В шаблоне HTML
Находим
<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>

Заменяем на
<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>
	 <!-- Slides Container -->
	 <div class="slider">
	 <a href="#" title="" style="background-image: url({ASSETS_IMAGES_PATH}slide.jpg?design=sunrise);"></a>
	 <a href="#" title="" style="background-image: url({ASSETS_IMAGES_PATH}slide.jpg?design=sunrise);"></a>
	 <a href="#" title="" style="background-image: url({ASSETS_IMAGES_PATH}slide.jpg?design=sunrise);"></a>
	 </div>
	 <div class="nav">
	 <a href="#" class="prev"></a>
	 <a href="#" class="next"></a>
	 </div>
</div>

В 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;width: 100%;cursor: hand;}
#slideshow .slider {width: 100%;}
#slideshow .slider a {display: none;height: 800px;background: url("{ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise") center center no-repeat;background-size: cover; }
#slideshow .slider a span {display: none;}
#slideshow .slider a:first-child {display: block;}
#slideshow .preloading {height: 150%;}
#slideshow .preloading .folding-cube {margin-top: -150px;}
#slideshow .owl-controls {display: none !important;}
#slideshow .nav {display: block;position: absolute;top: 50%;width: 100%;overflow: visible;z-index: 9;}
#slideshow .nav a {display: block;width: 30px;height: 55px;background: url("{ASSETS_IMAGES_PATH}arrow.png?design=sunrise") center center no-repeat;}
#slideshow .nav a.next {background-position: -76px -33px;float: right;margin-right: 15px;}
#slideshow .nav a.prev {background-position: -14px -33px;float: left;margin-left: 15px;}
#slideshow .preloading {height: 150%;}
#slideshow .preloading .folding-cube {margin-top: -150px;}

В 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(){
$('#slideshow .slide').animate({scale: '1.1'}, 15000);
});
}

Заменяем на
// Слайдер на главной
function slideshow() {
// Запуск слайдера
$(document).ready(function(){
var slider = $('#slideshow .slider');
slider.owlCarousel({
	 items: 1,
	 singleItem : true,
	 autoplay: false,
	 loop: true,
	 dots: false,
	 pagination: false,
	 navigation : false,
	 slideSpeed: 800,
	 stopOnHover: true,
	 touchDrag: true,
	 mouseDrag: true,
	 autoPlay: false
});
// Кнопки навигации
jQuery('#slideshow .nav .prev').on('click', function(e){
	 e.preventDefault();
	 slider.trigger('owl.prev');
});
jQuery('#slideshow .nav .next').on('click', function(e){
	 e.preventDefault();
	 slider.trigger('owl.next');
});
});
}


#246729 Увеличить Превью Товара В Категориях

Отправлено от Castiel в 02 Сентябрь 2016 - 02:17 в Каталог товаров

Просмотр сообщенияevros (31 Август 2016 - 16:17) писал:

Помогите плиз увеличить превью товаров. Пербрал все способы, но ничего не получается. Нужно как на фото, ширина превью по краю блока с подкатегориями. Как нужно, фото во вложении.

Здравствуйте, Вы можете попробовать немного другой вариант:
Отмените последние изменения на стандартные и добавьте код в main.css
.products-grid .item {padding: 0 15px 30px;}
.products-grid .item .item-inner {position: relative;padding-bottom: 80px;border: 1px solid #eaeaea;margin-bottom: 1px;width: {SETTINGS_GOODS_IMAGES_SIZE_SMALL | divide("2")}px;}

Затем в разделе "Настройки" - "Основное" в разделе  "Изображения товаров"
замените значение у пункта "Максимальный размер по высоте/ширине в пикселях для маленьких изображений" на 540
Вы можете использовать любой размер изображения для товаров и категорий изменяя его в настройках.
В настройках необходимо указать размер в два раза больше желаемого.


#245855 Ошибка - Быстрый Просмотр, Избранное

Отправлено от Castiel в 23 Август 2016 - 22:41 в Изменение общей стилистики

Просмотр сообщенияМаргарита Пандар (23 Август 2016 - 17:01) писал:

Не помогло

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


#245806 Ошибка - Быстрый Просмотр, Избранное

Отправлено от Castiel в 23 Август 2016 - 15:53 в Изменение общей стилистики

Просмотр сообщенияМаргарита Пандар (22 Август 2016 - 18:03) писал:

Спасибо, все заработало.

Но появился еще 1 вопросик. Когда заходишь в личный кабинет под полем для ввода пароля есть надпись "Показать пароль", так вот при нажатии на неё ничего не происходит


Здравствуйте, в main.js в любое удобное место добавьте
// Показать пароль
$(document).ready(function(){
  $('.showPass').click(function(){
	ChangePasswordFieldType(this, $('#sites_client_pass'));
	return false;
  });
});


#241432 Проверка Обязательных Полей При Добавлении Отзыва Без Обновления Страницы

Отправлено от Castiel в 29 Июнь 2016 - 12:51 в Страница товара

Проверка Обязательных Полей При Добавлении Отзыва Без Обновления Страницы

1. В main.js
Находим
$("#myform, .feedbackForm, .clientForm, #quickform").validate({
rules: {
reg_name: "required"
}
});

Заменяем на
$("#myform, .feedbackForm, .clientForm, #quickform, .goodsDataOpinionAddForm").validate({
rules: {
reg_name: "required"
}
});

2. В шаблоне Товар добавляем класс "required" у обязательных полей. Так же необходимо обернуть каждое input и textarea поле в div
Пример:
Находим
<input type="text" id="goods_opinion_name" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_NAME}]" value="{FORM_GOODS_OPINION_NAME}" maxlength="255" class="inputText required"/>

<input type="text" id="goods_opinion_title" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_TITLE}]" value="{FORM_GOODS_OPINION_TITLE}" maxlength="255" class="inputText" />

<textarea id="goods_opinion_accomplishments" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_ACCOMPLISHMENTS}]" cols="100" rows="3" class="textarea">{FORM_GOODS_OPINION_ACCOMPLISHMENTS}</textarea>

<textarea id="goods_opinion_limitations" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_LIMITATIONS}]" cols="100" rows="3" class="textarea">{FORM_GOODS_OPINION_LIMITATIONS}</textarea>

<textarea id="goods_opinion_comment" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_COMMENT}]" cols="100" rows="3" class="textarea">{FORM_GOODS_OPINION_COMMENT}</textarea>

Заменяем на
<div><input type="text" id="goods_opinion_name" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_NAME}]" value="{FORM_GOODS_OPINION_NAME}" maxlength="255" class="inputText required"/></div>

<div><input type="text" id="goods_opinion_title" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_TITLE}]" value="{FORM_GOODS_OPINION_TITLE}" maxlength="255" class="inputText" /></div>

<div><textarea id="goods_opinion_accomplishments" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_ACCOMPLISHMENTS}]" cols="100" rows="3" class="textarea">{FORM_GOODS_OPINION_ACCOMPLISHMENTS}</textarea></div>

<div><textarea id="goods_opinion_limitations" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_LIMITATIONS}]" cols="100" rows="3" class="textarea">{FORM_GOODS_OPINION_LIMITATIONS}</textarea></div>

<div><textarea id="goods_opinion_comment" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_COMMENT}]" cols="100" rows="3" class="textarea required">{FORM_GOODS_OPINION_COMMENT}</textarea></div>

3. Далее в main.css
Находим
.goodsDataOpinionAddTable .goodsDataOpinionBlock .inputText, .goodsDataOpinionAddTable .goodsDataOpinionBlock textarea {max-width: 294px;}
Заменяем на
.goodsDataOpinionAddTable .goodsDataOpinionBlock > div {float: left;}
.goodsDataOpinionAddTable .goodsDataOpinionBlock .inputText, .goodsDataOpinionAddTable .goodsDataOpinionBlock textarea {width: 290px;}
.goodsDataOpinionAddTable label.invalidInput {width: 100%;}
Далее находим
@media all and (max-width: 767px) {
Добавляем в любое удобное место ниже данную строку
.goodsDataOpinionAddTable label {width: 100%;}



Для шаблона Инфинити находим
@media all and (max-width: 991px) {
Добавляем в любое удобное место ниже данную строку
.goodsDataOpinionAddTable label {width: 100%;}

Для шаблона Ночь находим
.goodsDataOpinionAddTable .goodsDataOpinionBlock {margin-bottom: 10px;float: left;width: 100%;}
Ниже добавляем
.goodsDataOpinionAddTable .goodsDataOpinionBlock > div {float: left;}
.goodsDataOpinionAddTable .goodsDataOpinionBlock .inputText, .goodsDataOpinionAddTable .goodsDataOpinionBlock textarea {width: 290px;}
.goodsDataOpinionAddTable label.invalidInput {width: 100%;}

Для шаблона Цитрус и Нефрит выполняем 1 пункт, во 2 пункте необходимо добавить только класс required у обязательных полей. 3 пункт не выполнять.
Находим
<td><input type="text" id="goods_opinion_name" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_NAME}]" value="{FORM_GOODS_OPINION_NAME}" maxlength="255" class="form-control"/></td>

<td><textarea id="goods_opinion_comment" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_COMMENT}]" cols="100" rows="3" class="textarea">{FORM_GOODS_OPINION_COMMENT}</textarea></td>

Заменяем на
<td><input type="text" id="goods_opinion_name" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_NAME}]" value="{FORM_GOODS_OPINION_NAME}" maxlength="255" class="form-control"/></td>

<td><textarea id="goods_opinion_comment" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_COMMENT}]" cols="100" rows="3" class="textarea required">{FORM_GOODS_OPINION_COMMENT}</textarea></td>


Данная инструкция подходит для шаблонов Инфинити, Город, Лазурь, Лето, Спорт, Ночь, Цитрус, Нефрит


#235909 Слайдер Инфинити

Отправлено от Castiel в 30 Апрель 2016 - 16:27 в Изменение общей стилистики

Просмотр сообщенияIbra (30 Апрель 2016 - 13:46) писал:

Здравствуйте, как  отключить слайдер и еше вопрос почему не показывает полный список каталога

Здравствуйте, для отображения полного списка категорий используйте данную инструкцию.

В шаблоне HTML находим
<div class="header-contaiter">


<div class="header-container">

В файле main.css
Находим
/*** Шапка ***/
#header {position: fixed;background: #272727;left: 0;top: auto;bottom: 0;padding: 0;height: 100%;width: 250px;z-index: 3;}
#header .header-contaiter {height: 100%;text-align: center;}
#header .header-contaiter .header-top {position: relative;text-align: center;z-index: 3;margin-bottom: 20px;}
/* Логотип */
#header .header-contaiter .logo {margin-bottom: 20px;}


#header .header-contaiter {display: none;}

#header {position: static;width: 100%;float: left;}
Заменяем на
/*** Шапка ***/
#header {position: absolute;min-height: 100vh;background: #272727;left: 0;top: 0;padding: 0;width: 250px;z-index: 3;}
#header .header-container {position: static;min-height: 100%;text-align: center;}
#header .header-container .header-top {position: relative;text-align: center;z-index: 3;margin-bottom: 20px;}
#header.fixed {position: fixed;top: auto;bottom: 0;}
/* Логотип */
#header .header-container .logo {margin-bottom: 20px;}


#header .header-container {display: none;}

#header {position: static;width: 100%;float: left;min-height: auto;}
#header.fixed {position: static;top: 0;bottom: auto;}

В main.js Добавьте в самый конец
// Отображение каталога товаров полностью
function headerfix() {
  jQuery(function($){
	$('.header-container').css('padding-bottom', $('.header-bottom').innerHeight());
	$(window).scroll(function(){
	  var side_header_height = $("#header").innerHeight();
	  var window_height = $(window).height();
	  if(side_header_height-window_height<$(window).scrollTop()){
		if(!$("#header").hasClass("fixed"))
		  $("#header").addClass("fixed");
	  }
	  if(side_header_height-window_height>=$(window).scrollTop()){
		if($("#header").hasClass("fixed"))
		  $("#header").removeClass("fixed");
	  }
	});
  });
}

// Запуск функции фиксирования шапки слева
jQuery(document).ready(function($){
  if(getClientWidth() > 767){
	headerfix();
  }
  $(window).resize(function(){
	if(getClientWidth() > 767){
	  headerfix();
	}
  });
});


#231468 Виснет Корзина

Отправлено от Castiel в 22 Март 2016 - 16:18 в Корзина

Просмотр сообщенияaleff (21 Март 2016 - 20:46) писал:

Здравствуйте,
Если класть в корзину  в каталоге, то после двух товаров корзина справа не реагирует на кнопку очистить, пока не обновить страницу.
как исправить? браузер хром

Здравствуйте, в шаблоне Ajax
Находим
remove-products
Заменяем на
products-remove



  1. Форум владельцев интернет-магазинов
  2. → Публикации Castiel
  3. Privacy Policy