- Форум владельцев интернет-магазинов
- → Публикации Сake
Публикации Сake
1000 публикаций создано Сake (учитываются публикации только с 06-Июль 23)
#107910 Удобное Время Доставки
Отправлено от Сake в 03 Декабрь 2013 - 02:02 в Другие вопросы
#121670 Удалить Часть Слайдера
Отправлено от Сake в 14 Февраль 2014 - 00:54 в Изменение общей стилистики
#slideshow #slideshowWindow { height: 300px; margin-bottom: 10px; margin-left: 17px; margin-right: 17px; overflow: hidden; padding: 0; position: relative; width: 576px; }
и замените его на
#slideshow #slideshowWindow { height: 320px; margin-bottom: 10px; margin-left: 17px; margin-right: 17px; overflow: hidden; padding: 0; position: relative; width: 576px; }
#121784 Удалить Часть Слайдера
Отправлено от Сake в 15 Февраль 2014 - 00:23 в Изменение общей стилистики
#slideshow #slideshowWindow { width:576px; <!---Это можно менять--> height:300px; <!---Это можно менять--> padding:0; position:relative; margin-left:17px; margin-right:17px; margin-bottom:10px; overflow:hidden; }
#122220 Удалить "интересные Товары"
Отправлено от Сake в 18 Февраль 2014 - 03:27 в Изменение общей стилистики
#159371 Удаленные Товары В Разделе "вы Смотрели" Шаблон Весна
Отправлено от Сake в 16 Сентябрь 2014 - 01:51 в Другие ошибки витрины
#113910 Удаление Колонок
Отправлено от Сake в 07 Январь 2014 - 01:38 в Изменение общей стилистики
#112163 Увилечение
Отправлено от Сake в 24 Декабрь 2013 - 06:54 в Корзина
<a href="{cart_items.GOODS_URL}"><img class="goods-image-icon1" src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{cart_items.GOODS_IMAGE_MEDIUM}{% ENDIF %}"></a>
на следующий код
<a class="cloud-zoom" id='zoom{cart_items.index}' rel="position: 'right', adjustX: 8, adjustY: 0, zoomWidth:370,zoomHeight:401" href="{cart_items.GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {cart_items.GOODS_NAME}"><img class="goods-image-icon1" src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{cart_items.GOODS_IMAGE_MEDIUM}{% ENDIF %}" alt="{cart_items.GOODS_NAME}"></a>
#99578 Увеличить Маленькие Изображения Под Фото Товара
Отправлено от Сake в 01 Ноябрь 2013 - 01:39 в Шаблон Пластик
</form> {% ENDIF %} <!-- END Фильтры показываются только если есть товары в категории -->
и замените их на
</form> <div class="hr"></div> {% ENDIF %} <!-- END Фильтры показываются только если есть товары в категории -->
#122480 Увеличение Фотографии В Маркет.яндексе
Отправлено от Сake в 19 Февраль 2014 - 00:52 в SEO
Цитата
#147400 Увеличение Фото Товара, Шаблон Весна
Отправлено от Сake в 12 Июль 2014 - 00:09 в Шаблон Весна
Цитата
Вы пробовали использовать приведенный ранее мною код? Он именно это и реализует.
#148034 Увеличение Фото Товара, Шаблон Весна
Отправлено от Сake в 16 Июль 2014 - 05:44 в Шаблон Весна
<!-- Другие изображения товара. Отображаются если есть изображения товара --> {% IFNOT goods_images_empty %} {% FOR goods_images %} {% IF goods_images.first %} <div class="image-additional"{% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}> <h5>Другие фото {GOODS_NAME}</h5> {% ENDIF %} <a href="{goods_images.LARGE}" data="{goods_images.ID}" title="{goods_images.NAME}" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '{goods_images.MEDIUM}' "><img src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a> {% IF goods_images.last %} </div> {% ENDIF %} {% ENDFOR %} {% ENDIF %}
и замените его на
<!-- Другие изображения товара. Отображаются если есть изображения товара --> {% IFNOT goods_images_empty %} {% FOR goods_images %} {% IF goods_images.first %} <div class="image-additional"{% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}> <h5>Другие фото {GOODS_NAME}</h5> {% ENDIF %} <a href="{goods_images.LARGE}" data="{goods_images.ID}" title="{goods_images.NAME}"><img src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a> {% IF goods_images.last %} </div> {% ENDIF %} {% ENDFOR %} {% ENDIF %}
после этого найдите в main.js код
// Увеличение изображение при клике на него и открытие галереи изображений $('.goodsImageZoom a, .image-additional a').click(function(){ if($(this).closest('.image-additional').length) { $('.goodsImageZoom').attr('data', $(this).attr('data')); return(true); } $('.goodsImageList a[data="' + $('.goodsImageZoom').attr("data") + '"]').trigger('click'); return(false); });
и замените его на
// Увеличение изображение при клике на него и открытие галереи изображений $('.goodsImageZoom a, .image-additional a').click(function(){ if($(this).closest('.image-additional').length) { $('.goodsImageZoom').attr('data', $(this).attr('data')); } $('.goodsImageList a[data="' + $('.goodsImageZoom').attr("data") + '"]').trigger('click'); return(false); });
#147852 Увеличение Фото Товара, Шаблон Весна
Отправлено от Сake в 15 Июль 2014 - 05:03 в Шаблон Весна
возможно вам так же пригодится тема форума http://forum.storela...ци/#entry124020
#147088 Увеличение Фото Товара, Шаблон Весна
Отправлено от Сake в 10 Июль 2014 - 03:39 в Шаблон Весна
Цитата
Найдите в вашем шаблоне "Товар" код
<a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}" class="cloud-zoom" id="zoom1" rel="position: 'inside', showTitle: false, adjustX:-4, adjustY:-4" style="position: relative; display: block;"> <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image" style="display: block;" class=".goods-image-medium" /> </a>
и замените его на
<a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}" style="position: relative; display: block;"> <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image" style="display: block;" class="goods-image-medium" /> </a>
#147269 Увеличение Фото Товара, Шаблон Весна
Отправлено от Сake в 11 Июль 2014 - 01:31 в Шаблон Весна
$(function() { $('.image a[itemprop="image"]').click(function() { $('.goodsImageZoom a').trigger('click'); return(false); }); });
в файл main.js
#101272 Увеличение Фото В Каталоге При Наведении
Отправлено от Сake в 08 Ноябрь 2013 - 03:33 в Каталог товаров
<!-- Для полного отображения страницы товаров оторазим описания --> {% IFNOT ONLY_BODY %} {% IF CATEGORY_DESCRIPTION %} <div class="col-main" style="margin-top:10px;"> <div class="htmlDataBlock" style="*padding: 0px;"> {CATEGORY_DESCRIPTION} </div> </div> {% ENDIF %} <!-- Короткое SEO описание категории --> {% IF CATEGORY_SEO_DESCRIPTION_SHORT %} <div class="col-main" style="margin-top:10px;"> <div class="htmlDataBlock"> {CATEGORY_SEO_DESCRIPTION_SHORT} </div> </div> {% ENDIF %} {% IF CATEGORY_SEO_DESCRIPTION_LARGE %} <div class="col-main" style="margin-top:10px;"> <div class="htmlDataBlock"> {CATEGORY_SEO_DESCRIPTION_LARGE} </div> </div> {% ENDIF %} {% ENDIF %} <!-- /Для полного отображения страницы товаров оторазим описания -->
и переместите данный код, вставив его например после кода
<!-- В корне каталога товаров не отображаем заголовок --> {% IFNOT IS_FULL_CATALOG && ONLY_BODY=0 %} <div class="page-title category-title"> <h1>{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}</h1> </div> {% ENDIF %}
Вопрос относительно баннера не совсем понятен. Куда именно вы хотите вставить баннер? Вы можете вставлять в описание категории не только текст. В описание категории можно вставить любой html код (изображения, таблицы и т.д).
#108767 Увеличение Фото В Каталоге При Наведении
Отправлено от Сake в 06 Декабрь 2013 - 03:32 в Каталог товаров
Цитата
что уже было ранее в сообщении http://forum.storela..._60#entry107114
Попробуйте использовать следующий код в замен предыдущего
$(function() { $('.prd-image a img').hover(function() { $('.goods_images_list div').hide(); clearInterval(window.prd_interval); window.prd_hover = this; $(this).parent().removeAttr('title'); setTimeout($.proxy(function() { var goods_images_list = $(this).closest('.prd-image').find('.goods_images_list'); var size = goods_images_list.find('img').size(); if(size && window.prd_hover === this) { goods_images_list.find('div:eq(0)').show(); if(size > 1) { window.prd_interval = setInterval($.proxy(function() { var next = $(this).find('div:visible').next(); if(!next.length) { next = $(this).find('div:eq(0)'); } $(this).find('div').hide(); next.show(); }, goods_images_list), 1800); } } }, this), 500); }, function(event) { if(this === event.target) return; $('.goods_images_list div').hide(); window.prd_hover = false; clearInterval(window.prd_interval); }); });
немного изменил его.
#103583 Увеличение Фото В Каталоге При Наведении
Отправлено от Сake в 15 Ноябрь 2013 - 01:14 в Каталог товаров
<a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
это приблизительно 144 и 193 строки кода.
#108230 Увеличение Фото В Каталоге При Наведении
Отправлено от Сake в 04 Декабрь 2013 - 05:24 в Каталог товаров
$(function() { $('.prd-image a img').bind('mouseenter', function () { $(this).trigger('mouseleave'); $(this).data('hover', true).parent().removeAttr('title'); setTimeout($.proxy(function() { var goods_images_list = $(this).closest('.prd-image').find('.goods_images_list'); var size = goods_images_list.find('img').size(); if(size && $(this).data('hover')) { goods_images_list.find('div:eq(0)').show(); if(size > 1) { goods_images_list.data('interval', setInterval($.proxy(function() { var next = $(this).find('div:visible').next(); if(!next.length) { next = $(this).find('div:eq(0)'); } $(this).find('div').hide(); next.show(); }, goods_images_list), 1800)); } } }, this), 500); }); $('.prd-image a img').bind('mouseleave', function () { var goods_images_list = $(this).closest('.prd-image').find('.goods_images_list'); goods_images_list.find('div').hide(); $(this).removeData('hover'); clearInterval(goods_images_list.data('interval')); goods_images_list.removeData('interval'); }); });
заменить на код
$(function() { $('.prd-image a img').hover(function() { window.prd_hover = this; $(this).parent().removeAttr('title'); setTimeout($.proxy(function() { var goods_images_list = $(this).closest('.prd-image').find('.goods_images_list'); var size = goods_images_list.find('img').size(); if(size && window.prd_hover === this) { goods_images_list.find('div:eq(0)').show(); if(size > 1) { window.prd_interval = setInterval($.proxy(function() { var next = $(this).find('div:visible').next(); if(!next.length) { next = $(this).find('div:eq(0)'); } $(this).find('div').hide(); next.show(); }, goods_images_list), 1800); } } }, this), 500); }, function() { $('.goods_images_list div').hide(); window.prd_hover = false; clearInterval(window.prd_interval); }); });
#107922 Увеличение Фото В Каталоге При Наведении
Отправлено от Сake в 03 Декабрь 2013 - 03:56 в Каталог товаров
$(this).data('hover', true).parent().removeAttr('title');
и заменить его на
$(this).trigger('mouseleave'); $(this).data('hover', true).parent().removeAttr('title');
далее найдите
if(goods_images_list.data('interval')) { clearInterval(goods_images_list.data('interval')); goods_images_list.removeData('interval'); }
и замените на
clearInterval(goods_images_list.data('interval')); goods_images_list.removeData('interval');
#103898 Увеличение Фото В Каталоге При Наведении
Отправлено от Сake в 16 Ноябрь 2013 - 02:07 в Каталог товаров
<a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
2. Вероятно у вас задан маленький размер для больших изображений, так как в коде используется именно большое изображение. Это можно заметить по строке
<div style="display: none;"><img src="{goods.images.LARGE}" alt="{goods.images.NAME}" /></div>
в данном случае это LARGE. Проверьте заданный размер для больших изображений в разделе Настройки -> Основные.
3. Подобного лучше не делать, так как это повлечет за собой случайное отображение изображений при перемещении курсора. Если вы хотите сократить таймер отображения, то замените значение 2000 в добавленном коде файла main.js. В данном случае 2000 это 2 секунды, по истечении которых отобразиться окно с изображениями.
#106487 Увеличение Фото В Каталоге При Наведении
Отправлено от Сake в 27 Ноябрь 2013 - 02:33 в Каталог товаров
#104486 Увеличение Фото В Каталоге При Наведении
Отправлено от Сake в 19 Ноябрь 2013 - 02:34 в Каталог товаров
.goods_images_list > div img { max-height: inherit !important; max-width: inherit !important; }
#107435 Увеличение Фото В Каталоге При Наведении
Отправлено от Сake в 30 Ноябрь 2013 - 03:07 в Каталог товаров
.goods_images_list > div { background: #FFFFFF; border: 3px solid #CCCCCC; border-radius: 4px; display: none; left: -100px; max-height: 500px; max-width: 512px; padding: 2px; position: absolute; top: -160px; z-index: 100; }
и замените его на
.goods_images_list > div { background: #FFFFFF; border: 3px solid #CCCCCC; border-radius: 4px; display: none; left: 170px; max-height: 412px; max-width: 412px; overflow: hidden; padding: 2px; position: absolute; top: -190px; z-index: 100; }
далее найдите
.goods_images_list img { width: 550px; }
и замените на
.goods_images_list img { max-height: 412px; max-width: 412px; width: 412px; }
#109497 Увеличение Фото В Каталоге При Наведении
Отправлено от Сake в 10 Декабрь 2013 - 04:13 в Каталог товаров
#110659 Увеличение Фото В Каталоге При Наведении
Отправлено от Сake в 17 Декабрь 2013 - 02:03 в Каталог товаров
- Форум владельцев интернет-магазинов
- → Публикации Сake
- Privacy Policy