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


fredshka

Регистрация: 09 апр. 2013
Offline Активность: 08 июля 2017 21:45
-----

#172537 Помощь!

Отправлено Vaccina на 15 Ноябрь 2014 - 02:12

В шаблоне Товар найдите:
<span rel="true" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>
				<div class="stikyes"></div>
</span>
замените на:
"{% FOR upper_navigation %}{%IFNOT upper_navigation.NAME=Шоколадные инструменты %}
<span rel="true" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>
				<div class="stikyes"></div>
</span>
{% ENDIF %}{% ENDFOR %}



#88490 Как Поменять Стандартный Шрифт На Свой?

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

Просмотр сообщенияEvgeshka333 (08 Сентябрь 2013 - 07:35) писал:

Нужно изменить шрифт меню, и заголовков. Да и шрифт я хочу загрузить свой.

Воспользуйтесь инструкцией - http://forum.storela...фты/#entry74267 (шрифты)

Шрифты в меню
Добавьте код в конец main.css -
#mainNav table td div a{
font-family: название шрифта;
}

Шрифт заголовков -
Добавьте в конец  main.css -
.primaryContent h1{
font-family: название шрифта;
}



#125654 Отправка Товара В Корзину

Отправлено Сake на 08 Март 2014 - 00:26

Найдите в файле main.js следующий код

$(function(){
 
  var $container = $('.grid, .product-list3');
  var lastPage = 1;
  // Скрываем навигацию по умолчанию
  $('.pagination').hide();
  $container.infinitescroll({
	navSelector  : '.infinitescroll-pages',	// класс элемента постраничной навигации для бесконечного скрола
	nextSelector : '.infinitescroll-pages a',  // класс элемента постраничной навигации, ссылка на следующую страницу
	itemSelector : '.elem, .category-info',	 // класс элементов, которые будем извлекать
	loading: {
	  msgText: 'Пожалуйста подождите...',
	  finishedMsg: 'Больше нет товаров.',
	  img: zoomloaderPath ? zoomloaderPath : '/zoomloader.gif'
	}
	}, function(newElements) {
	  var $newElems = $( newElements ).css({ opacity: 0 });
	  $newElems.imagesLoaded(function(){
		$newElems.animate({ opacity: 1 });
		$container.masonry( 'appended', $newElems, true );
	  });
	  lastPage++;
	  // если это последняя страница, завершаем работу
	  if(lastPage >= (infiniteScrollLastPage ? infiniteScrollLastPage : 1) ){
		$container.infinitescroll('pause');
	  }
	}
  );
});

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

$(function(){
 
  var $container = $('.grid, .product-list3');
  var lastPage = 1;
  // Скрываем навигацию по умолчанию
  $('.pagination').hide();
  $container.infinitescroll({
	navSelector  : '.infinitescroll-pages',	// класс элемента постраничной навигации для бесконечного скрола
	nextSelector : '.infinitescroll-pages a',  // класс элемента постраничной навигации, ссылка на следующую страницу
	itemSelector : '.elem, .category-info',	 // класс элементов, которые будем извлекать
	loading: {
	  msgText: 'Пожалуйста подождите...',
	  finishedMsg: 'Больше нет товаров.',
	  img: zoomloaderPath ? zoomloaderPath : '/zoomloader.gif'
	}
	}, function(newElements) {
	  var $newElems = $( newElements ).css({ opacity: 0 });
	  $newElems.imagesLoaded(function(){
		$newElems.animate({ opacity: 1 });
		$container.masonry( 'appended', $newElems, true );
	  });
	  lastPage++;
	  // если это последняя страница, завершаем работу
	  if(lastPage >= (infiniteScrollLastPage ? infiniteScrollLastPage : 1) ){
		$container.infinitescroll('pause');
	  }
   $(window).trigger('ajaxform');
	}
  );
});

далее найдите и удалите код

// В форме оформления заказа при клике на кнопку назад просто переходим на предыдущую страницу
  $('.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;
  });
  // Добавление товара в корзину через ajax
  $('.goodsListItemCatalogueAddToCartButton, .goodsToCartFromCompareForm').submit(function(){
	// Если нужно быстро положить в корзину
	if($(this).attr('rel') == 'quick') {
	  return true;
   
	// Если нужно просто добавить в корзину и продолжить покупки
	} else {
	  $(this).nyroModalManual({
		formIndicator: 'ajax_q',  // Value added when a form is sent
		minWidth: 420, // Minimum width
		minHeight: 150, // Minimum height
		gallery: null // Gallery name if provided
	  });
	  return false;
	 }
  });

далее в самый конец файла вставьте

$(function() {
  $(window).on('ajaxform', function() {
	$('form.goodsDataForm, form.goodsToCartFromCompareForm, form.goodsListItemCatalogueAddToCartButton').each(function() {
	  $(this).addClass('ajaxForm');
	});
	$('#primary_block, .grid_view .elem, .list_view .elem').addClass('form-block-wrapper');
	$('#primary_block .image img, .product_image_wrapper img').addClass('product-img');
	$('.add_to_cart, .ajax_add_to_cart_button').removeAttr('onclick');
	$('.ajax_add_to_cart_button').on('click', function() {
	  $(this).closest('form').submit();
	  return(false);
	});
	$('form.ajaxForm').submit(function() {
				var formData = $(this).serializeArray();
				formData.push({name: 'ajax_q', value: 1});
				$.post($(this).attr('action'), formData, $.proxy(function(html) {
						$('#header_shopping_cart:first').html($('#newCartData').html());
						$('#cart_block_other_costs:first').html($('#newCartHoverData').html());
						var wrapper = $(this).closest('.form-block-wrapper').length ? $(this).closest('.form-block-wrapper') : $(this);
						var product_img = (wrapper.find('.product-img').length ? wrapper.find('.product-img') : wrapper.find('.image img'));
						var img = product_img.clone().appendTo($('body'));
						img.css({
								position: "absolute",
								left: product_img.offset().left,
								top: product_img.offset().top,
								display: "block",
								zIndex: 999
						}).animate({
								width: 0,
								height: 0,
								left: $('#header_shopping_cart').offset().left,
								top: $('#header_shopping_cart').offset().top
								}, 800, 'linear', function() {
								   $(this).remove();
								});
				}, this));
				return(false);
		});
  }).trigger('ajaxform');
});



#127463 Шапка

Отправлено fredshka на 17 Март 2014 - 19:50

Привет! Нравится шаблон, но есть желание многое переделать! Начать хочется с товара, а именно: есть ли возможность сделать каталог так, чтобы рядом с каждым товаром была открыта модификация (у меня она на сайте по размеру), цена, естественно разная, нужно чтобы клиент видел что есть выбор до того, как он захочет перейти на страницу товара!

Пример тут: http://vsevpostel.ru...soavita-premium

Мой магазин: www.впостельке.рф

Заранее благодарен за помощь!


#64683 Слайдер

Отправлено Stasya на 02 Май 2013 - 12:25

Для начала в файле main.css найдите блок
#backtop {
background: url(http://touring5.storeland.net/bgout.jpg) bottom center no-repeat;
}
и замените его на
#backtop {
background: url({ASSETS_IMAGES_PATH}имя Вашей картинки) bottom center no-repeat;
}
Размер лучше сделать 1920*494рх
А корзину я так понимаю Вы имели ввиду в левом блоке, тогда Вам необходимо в шаблоне HTML найти блок
<!-- Корзина -->
<div class="block">
	 <div class="blocktitle bluelarge">
	 <a href="{CART_URL}" title="Корзина">Корзина</a>
	 </div>
	 <div class="blockmain cart padd cartInfo">
	 <ul>
		 <li class="img"><a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.jpg" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ в {SETTINGS_STORE_NAME}" /></a></li>
		 <li class="button">
		 <p class="fnt11b txtalgnlft cartSum">
		 {% IF cart_count_empty %}Итого: 0 {CURRENCY_NAME} {% ELSE %}{% FOR cart_sum %}Итого: {cart_sum.NOW | money_format}{% ENDFOR %}{% ENDIF %}
		 </p>
		 <a href="{CART_URL}" title="Оформить заказ в {SETTINGS_STORE_NAME}" class="whtblue">Оформить заказ</a></li>
	 </ul>
	 </div>
	 <div class="blockbottom">
	 </div>
</div>
<!-- END Корзина -->
и удалить его.


#32048 Увеличение Картинки При Наведении Курсора

Отправлено Koderhan на 19 Ноябрь 2012 - 10:44

Здравствуйте. Рассмотрим установку плагина который описан здесь http://jquerylist.ru...cloud-zoom.html
Первое что нужно это скачать архив с css и js кодом себе на компьютер и распаковать в любую папку.
Затем переходим Сайт-> Редактор тем.
Загружаем на сайт файлы.
ScreenShot 86.jpg
Нажимаем кнопку "Добавить файлы"
Нам нужно два файла "cloud-zoom.1.0.2.js" и "cloud-zoom.css"
ScreenShot 87.jpg
Жмем сохранить.
Теперь нужно подключить эти файлы к сайту. Делается это в файле HTML.
Откроем его для редактирования и вставим код перед </head>.
<!-- Подключение Js плагина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}cloud-zoom.1.0.2.js"></script>
<!-- Подключение css файла плагина -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}cloud-zoom.css" type="text/css" />

Плагин подключен и доступен для остальных файлов.
Теперь его нужно подключить для определенного изображения на сайте. В нашем случаее это страниц "Товара".
(Внимание. Ваш код может отличаться если у вас шаблон не "Сияние")
Открываем файл "Товар".
Найти код:
<a href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="cornerAll withBorder goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" /></a>
Заменить на:
<a href="{GOODS_IMAGE_LARGE}" class="cloud-zoom" id='zoom1' target="_blank" title="Увеличить {GOODS_NAME}" rel="position: 'right', adjustX: 8, adjustY: 0, zoomWidth:250">
<img class="cornerAll withBorder goods-image-medium " src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}"/>
</a>

Теперь для первого изображения все будет грузится нормально но если выбрать остальные изображения то появится в увеличение все равно первое. Чтобы это исправить нужно сделать следующее.
Найти код:
<a href="{goods_images.LARGE}" rel="gallery" target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
Заменить на:
<a href="{goods_images.LARGE}" rel="useZoom: 'zoom1'" class="cloud-zoom-gallery" target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>

На этом изменения закончены. Не забудьте сохранить файл перед просмотром результата.
И делать бекапы шаблонов.

Примечание.
1. Ширина и высота указываются без 'px'. Пример: zoomWidth:250

Для того чтобы добавить увеличение лупой в каталог товаров .
Код актуален для шаблона сияние.
В файле "Товары".
Для "Списка".

Найти код:
<div class="imagem"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img class="goods-image-small" {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /></a></div>
Заменить:
<div class="imagem">
<a href="{goods.IMAGE_LARGE}" class="cloud-zoom" id='zoom1' rel="zoomImage: '{goods.IMAGE_SMALL}', position: 'right', adjustX: 8, adjustY: 20, zoomWidth:250">
		 <img title="Перейти на страницу &laquo;{goods.NAME}&raquo;" class="goods-image-small" {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" />
		 </a>
</div>
Для "Таблица".
Найти код:
<a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img class="goods-image-other" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
Заменить:
<a href="{goods.IMAGE_LARGE}" class="cloud-zoom" id='zoom1' rel="zoomImage: '{goods.IMAGE_SMALL}', position: 'right', adjustX: 8, adjustY: 20, zoomWidth:250" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img class="goods-image-other" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
На этом все.
Страница товара не будет открываться по клику на изображение.

Для того чтобы добавить увеличение изображение в шаблоне Мокко.
Нужно проделать тоже самое что написано выше. Будут отличаться только изменения в файле "Товар".
Файлы библиотек мы подключили теперь немного изменим код в файле Товар.
Код:
<a itemprop="image" href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="cornerAll withBorder goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" /></a>
Заменить:
<a itemprop="image" class="cloud-zoom" id='zoom1' rel="position: 'right', adjustX: 8, adjustY: 0, zoomWidth:250" href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="cornerAll withBorder goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" /></a>

Код:
<a href="{goods_images.LARGE}" rel="gallery" target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
Заменить:
<a href="{goods_images.LARGE}" rel="useZoom: 'zoom1'" class="cloud-zoom-gallery" target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>

Теперь лупа должна работать.
Есть небольшая ошибка которая появляется по нажатию на кнопку увеличить изображение.
Исправили тут http://forum.storela...ора/#entry32110

Прикрепленные файлы




#36118 Нашел Полезное Решение? - Оставь Ссылку В Этой Теме!

Отправлено ogonek7777 на 21 Декабрь 2012 - 15:45

ЧИТАЕМ ВСЕ ПОДРЯД И ЛУЧШЕЕ ВСТАВЛЯЕМ НА СВОЙ САЙТ.
Практически все, что требуется вам, форумчане уже спросили и получили ответ, теперь не требуется ждать ответа от модераторов!!!!!
П.С. Проявите сознательность - вставьте в тему свои готовые решения, давайте помогать друг другу!

Работа с бэк-офисом и много полезного от Сторленда - читать новичкам!
Как сделать модификацию Производитель активной ссылкой.
Всплывающие подсказки к карточкам товаров
Как сделать, чтобы на главной отображалась первая или последняя новость
Как оформить FAQ
Как установить уровень прозрачности
Скрипт обратного отсчета
Корзина и др.(внесение изменений)
Геотаргетинг - разное отображение текста (доставка и др.) для разных городов
Бегущая строка
Шрифт



Как настроить, чтобы при наведении на товар курсором, отображалось краткое описание товара?
поменять верхнее меню с каталогом товаров местами (Модификации КАТАЛОГА ТОВАРОВ!!!).
Фильтры - разбитие на 2 колонки и другие изменения
Выделение категорий в каталоге товаров
Обратный звонок - как установить на сайт
Прикрепление Картинки В Теле Модификации (страница товара)
тег, который НЕ выводит на главной, НО выводит на всех остальных старничках.
Share42 - красивые социальные кнопочки
Как Вставить "Я Принимаю Условия..." в доставку
Работа с фоном



Подарки в корзине - как вставить
Бирка Скидки/Новинки/Хит продаж в товарах
Как На Сайте Сделать Кнопку Наверх?
Самые популярные Онлайн-Консультанты
Как Сделать У Каждой Акции Свою Картинку (станица Список акций, Список новостей, сквозная Левая колонка )?



Как Сделать Страницы Шире И По 4 Товара В Ряд?
Как Ограничить Время Доставки?
Как Вместо Накопительной Скидки Привязать К Покупке Подарок
Как сделать Маркированый Список
Если не Работают Спойлеры В Опере
Как вставить   Значок Акции В Сопутствующих товарах
Как Сделать Фиксированный Размер Рамки Изображения на станице Товара


НИЖЕ ЕЩЕ БОЛЬШЕ ИНФОРМАЦИИ :))