Увеличение Фото В Каталоге При Наведении
#1
Отправлено 23 Август 2013 - 08:25
что бы при наведении на фото в каталоге фотография увеличивалась пример
Шаблон лайт то что я нашел на форуме не подходит для лайта
Спасибо
#2
Отправлено 23 Август 2013 - 17:45
#3
Отправлено 23 Август 2013 - 19:00
Taisia (23 Август 2013 - 17:45) писал:
SL-228382
Еще такой момент
Я сначала сделал полный каталог full_catalog по категориям и по производителю: потом сделал 3 колонку справа и перенес производителей на право после хотел убрать полный каталог вставляю значения из стандартного шаблона но появляется ошибка в 23 строке пишет что не закрыт тег IF как мне перейти на обычны каталог так как в полном со сделаной правой колонкой уже нет смысла
#4
Отправлено 24 Август 2013 - 02:03
Цитата
Почитайте внимательно следующую тему форума http://forum.storela...нии/#entry82843
Данная информация применима к любой теме оформления.
Цитата
По умолчанию в теме "Лайт" используется следующий код каталога (шаблон "HTML")
<!-- Каталог товаров --> <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} {% IF catalog.FIRST %}<ul>{% ENDIF %} <li> <a href="{catalog.URL}" {% IF catalog.CURRENT %} class="contentTbodyCatalogCurent" {% ELSEIF catalog.CURRENT_PARENT %} class="contentTbodyCatalogCurentBranch" {% ENDIF %} > {catalog.NAME} <!-- Отображение количества товаров в категории --> {% IF catalog.GOODS_COUNT>0 %} ({catalog.GOODS_COUNT}) {% ENDIF %} </a> {% IF catalog.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog.LAST %} {% FOR out %}</ul>{%IFNOT catalog.out.LAST %}</li>{% ENDIF %}{% ENDFOR %} {% ENDIF %} {% ENDIF %} {% ENDFOR %} {% ENDIF %} <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
#5
Отправлено 24 Август 2013 - 04:12
Сake (24 Август 2013 - 02:03) писал:
Данная информация применима к любой теме оформления.
По умолчанию в теме "Лайт" используется следующий код каталога (шаблон "HTML")
<!-- Каталог товаров --> <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} {% IF catalog.FIRST %}<ul>{% ENDIF %} <li> <a href="{catalog.URL}" {% IF catalog.CURRENT %} class="contentTbodyCatalogCurent" {% ELSEIF catalog.CURRENT_PARENT %} class="contentTbodyCatalogCurentBranch" {% ENDIF %} > {catalog.NAME} <!-- Отображение количества товаров в категории --> {% IF catalog.GOODS_COUNT>0 %} ({catalog.GOODS_COUNT}) {% ENDIF %} </a> {% IF catalog.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog.LAST %} {% FOR out %}</ul>{%IFNOT catalog.out.LAST %}</li>{% ENDIF %}{% ENDFOR %} {% ENDIF %} {% ENDIF %} {% ENDFOR %} {% ENDIF %} <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
Я же написал что после того как вставляю оригинальный код пишет ошибку читайте внимательно в 23 строке не закрыт тег IF
#6
Отправлено 24 Август 2013 - 09:28
kaxabor (24 Август 2013 - 04:12) писал:
Код -
<td class="contentTbodyCatalog"> <!-- Каталог товаров --> <ul> <br> <h4> По категориям </h4> {% FOR menu %} {% FOR category %} {% FOR links %} <li class="cat-item"><a href="{menu.category.links.URL}" {% IF menu.category.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.category.links.TITLE %}title="{menu.category.links.TITLE}"{% ENDIF %}>{menu.category.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul><br /> <ul> <!-- Если в тарифном плане подключен модуль фильтров по товарам -->замените на -
<td class="contentTbodyCatalog"> <!-- Каталог товаров --> <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} {% IF catalog.FIRST %}<ul>{% ENDIF %} <li> <a href="{catalog.URL}" {% IF catalog.CURRENT %} class="contentTbodyCatalogCurent" {% ELSEIF catalog.CURRENT_PARENT %} class="contentTbodyCatalogCurentBranch" {% ENDIF %} > {catalog.NAME} <!-- Отображение количества товаров в категории --> {% IF catalog.GOODS_COUNT>0 %} ({catalog.GOODS_COUNT}) {% ENDIF %} </a> {% IF catalog.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog.LAST %} {% FOR out %}</ul>{%IFNOT catalog.out.LAST %}</li>{% ENDIF %}{% ENDFOR %} {% ENDIF %} {% ENDIF %} {% ENDFOR %} {% ENDIF %} <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
#7
Отправлено 24 Август 2013 - 23:37
#8
Отправлено 25 Август 2013 - 13:31
#9
Отправлено 27 Август 2013 - 04:22
Цитата
Вероятно вам со стороны виднее. В большинстве случаев ответы относятся к разным темам форума, темам шаблона, только за исключением случаев - когда информация может быть применима к всем шаблонам с отсутствием серьезных изменений или отсутствием таковых. В подобных случаях уже не важно какая тема оформления у вас установлено, важно чтобы вы применили данную информацию если вам это необходимо. Дублировать одинаковые ответы в всех темах форума и отведя этим темам разную жизнь будет неправильно, так как это может только привести к путанице - когда вроде бы один и тот же код - призван делать одно и тоже, выполняет в каждой теме разную функцию.
Цитата
Боюсь если я промолчу, вы останетесь без ответа. Поэтому прокомментировал ситуацию тут http://forum.storela...__20#entry86306 пожалуйста, почитайте.
#10
Отправлено 27 Август 2013 - 15:00
Сake (27 Август 2013 - 04:22) писал:
Привольно наверно по вашему людей до нервного срыва доводить своими ответами вразумительными .... это правильно... А в конкретной теме ответить это не правильно ...Так держать
Мы люди не собаки не надо гонять что бы палку принесли... тем чем Вы занимаетесь
Всего 4 шаблона почему для каждого нельзя написать в его категории. Я ищу конкретно для шаблона Лайт создал тему в своей категории. Неужели сложно ответить и потом другим пользователям которым необходима эта функция для этого шаблона найдут ответ в своей категории. Зачем отправлять людей куда то и им там копаться и разбираться вникать в текста которые им вообще не нужны вчитываться в каждое слово осмысливать ненужную информацию и разбираться, что бы понять что относиться к их шаблону а что нет.
Мало того ответ на свой вопрос можно получить и через 3 дня. Вот моя просьба уже 4 дня стоит на месте. И помощи ждать не приходится. А если уж эта функция для всех шаблонов так и отнесите ее в конкретную категорию. Почему для шаблона вечность написано как это сделать а для лайта нет. Чем их шаблон лучше.
По поводу изменений
Вы пишите сделайте и оставьте изменения если что то не работает напишите.
У меня сайт уже работает люди заходят идет реклама если я, что то меняю и это не работает я не могу оставить изменения так как пользователи заходящие на сайт просто уйдут с него если он открывается криво или еще что то не так работает.
Вот тема создана конкретная Увеличение Фото В Каталоге При Наведении создал я ее в разделе каталог товаров шаблона ЛАЙТ ( если бы тема уже была в в разделе этого шаблона я бы написал там но ее нет я создал и жду ответа) дайте пожалуйста такой же конкретный ответ по теме, как сделать, что бы при наведении в каталоге увеличивалось фото в шаблоне лайт я другого не прошу......
3 дня я жду вразумительного ответа а получаю не понятно, что неужели сложно было в первый день дать тут ответ, чем разводить демагогию. У меня нервы уже на пределе с вами ждешь по 3 дня ответа в надежде что то улучшить, а получаешь какую то хрень...... вместо улучшения потом пишешь опять ждешь 3 дня все по новой. Замкнутый круг... Увеличивается у меня фото Хрен там что....увеличивается
Я простой пользователь я не понимаю в коде не чего и в css мне нужно доступно излагать, что куда вставить по пунктам, а то что я не увидел закономерность что однин код так извините см. выше....
Не хотите тут отвечать так и скажите, что бы я не ждал у моря погоды 3 дня и 3 ночи, но в другие темы я идти не собираюсь и не посылайте меня не куда так и напишите, что тут ответа не будет и удалите тему смысл ее существования если в ней нет ответа на поставленный вопрос не вводите людей в заблуждение Не чего страшного не будет такой функциями у меня сайте. Заработаю когда нибудь на дизайн 10 000 руб. Там реализую все что хочется.
#11
Отправлено 28 Август 2013 - 08:32
По реализации всплывающего окна. (частичный перепост из сообщения http://forum.storela...нии/#entry86532)
1) В шаблоне "Товары" найти
<a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»"><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 class="prd-image"> <a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»"><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 class="goods_images_list"> {% FOR images %} <div style="display: none;"><img src="{goods.images.LARGE}" alt="{goods.images.NAME}" /></div> {% ENDFOR %} </div> </div>
2) далее в файле стилей main.css
.prd-image { position: relative; } .goods_images_list { position: relative; } .goods_images_list > div { display: none; position: absolute; z-index: 100; background: #FFFFFF; border: 3px solid #CCCCCC; border-radius: 4px; left: 118px; padding: 2px; top: 11px; max-height: 359px; max-width: 512px; } .goods_images_list img { width:350px; } .goodsListItem, .goodsListItemBlock { overflow: visible !important; }
вся стилизация всплывающего окна - задается именно в этих стилях. Свойства top и left задают положение окна относительно изображения товара. Если вам необходимо изменить размер или другие параметры - меняйте данные стили.
3) В самый конец файла main.js вставьте
$(function() { $('.prd-image a img').bind('mouseenter', function () { $(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), 3000)); } } }, this), 2000); }); $('.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'); if(goods_images_list.data('interval')) { clearInterval(goods_images_list.data('interval')); goods_images_list.removeData('interval'); } }); });
После всех изменений - очистите кэш в вашем браузере.
#12
Отправлено 28 Август 2013 - 13:14
<a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»"><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>
У меня в шаблоне нет такой строки шаблон ЛАЙТ а не СИЯНИЕ но и в сияние это не работает..... И опять ждем сутки ответа ))))) Спасибо что ответили, но что ответили???? Вопрос )))
И смех и слезы
#13
Отправлено 29 Август 2013 - 03:53
<a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a>
Искать в шаблоне по полному коду не нужно. Необходимо искать по частям (сигнатура). Например по строке "no-photo-small.png", это всегда выведет на необходимое значение. Иногда код изменен и вставлен пробел, или другой символ, что соответственно не дает найти необходимую строку.
Цитата
У пользователя http://forum.storela...__20#entry86562 данный код работает.
Проверьте все ли вы выполнили. Данный код полностью рабочий, и тестировался именно в шаблоне "Лайт".
#14
Отправлено 29 Август 2013 - 04:38
Сake (29 Август 2013 - 03:53) писал:
<a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a>
Искать в шаблоне по полному коду не нужно. Необходимо искать по частям (сигнатура). Например по строке "no-photo-small.png", это всегда выведет на необходимое значение. Иногда код изменен и вставлен пробел, или другой символ, что соответственно не дает найти необходимую строку.
У пользователя http://forum.storela...__20#entry86562 данный код работает.
Проверьте все ли вы выполнили. Данный код полностью рабочий, и тестировался именно в шаблоне "Лайт".
Все сделал как написано но почему не работатет аккаунт 231826 сайт lovesvet.ru
#15
Отправлено 29 Август 2013 - 05:15
И почему то она так долго подгружается
#16
Отправлено 29 Август 2013 - 05:54
Цитата
.goodsListItem, .goodsListItemBlock { overflow: visible !important; }
в файле стилей main.css Вероятно вы скопировали и перенести не весь код css из сообщения http://forum.storela...нии/#entry86535
Цитата
В коде javascript установлена задержка для появления - для исключения появления изображения при случайном наведении. Если вы хотите изменить время задержки или интервал изменения изображения - найдите числа 2000 и 3000 в добавленном коде.
В примере 2000 это 2 сек. после появляется изображение.
В примере 3000 это 3 сек. после меняется изображение.
#17
Отправлено 29 Август 2013 - 19:03
1. А как сделать что бы увеличеное фото открывалось на одном уровне с товаром и слева
2. На главной станице центральный блок (Магазин света 150 Ватт) как сделать что бы он стал одной длинны с Новинками
3. Куда вставть код банера или слайдера что бы он отображался на всех страницах в центральной части сверху перед каталогом
4. Возможно ли вставить банер по центру в конкретную категорию. Если да то как это сделать
5. Заметил неприятную особенность в FIREFOXE если нажать на верхнее меню каталог то сайт растягивает, если нажать на любую другую категорию все возвращается обратно
6. Как сделать что бы корзина регистрация и вход с паролем были справа над производителями
#18
Отправлено 30 Август 2013 - 03:26
Цитата
Вам необходимо изменить left и top. Данным свойствам можно задавать и отрицательные значения, например top: -115px; left: -315px;
2) В файле стилей main.css найдите
.page { border: 1px solid #DCECF7; padding: 1em; width: 90%; }
и замените на
.page { border: 1px solid #DCECF7; padding: 1em; }
3) Код баннера или слайдера вы можете вставить в шаблон "Страница" и шаблон "Товары". Например перед заголовком или после. Для шаблона "Товары" это
<h1>{CATEGORY_NAME}</h1>
а для "Страница" это
<h1 class="pageHeader">{PAGE_NAME}</h1>
4) Это сделать можно, для этого необходимо в шаблоне "Товары" вставить код баннера используя условие по имени категории. Например
{% IF CATEGORY_NAME=Название категории%} Баннер для категории {% ELSE %} Баннер для всех остальных категорий {% ENDIF %}
В данном случае вы задаете имя категории для которого будет отображаться баннер, а для всех остальных категорий - будет отображаться другой баннер.
5) Найдите в файле стилей main.css
.goodsListItemBlock { height: 200px; margin: 5px; overflow: hidden; text-align: center; }
и замените на
.goodsListItemBlock { height: 200px; margin: 5px; overflow: hidden; text-align: center; width: 174px; }
6) Найдите в файле стилей main.css
.contentTableHeadCart { vertical-align: middle; width: 1%; }
и замените на
.contentTableHeadCart { float: right; vertical-align: middle; width: 1%; }
далее добавьте
.contentTable thead > tr:first-of-type > td:last-of-type { float: right; width: 1%; }
#19
Отправлено 30 Август 2013 - 04:40
#20
Отправлено 30 Август 2013 - 04:45
{% IFNOT index_page %} <style> .goodsListItemBlock { width: 174px; } </style> {% ENDIF %}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных