Сообщений в теме: 27

[Тамерлан]

Подскажите как сделать вот такой функционал?

http://www.tanai.com...isplay=7&auto=Y

при НАВЕДЕНИИ курсора мыши на любой товар, рядом сразу же всплывает его увеличенное изображение. Очень удобно - чтобы посмотреть много товаров не надо заходить на страницу каждого товара. А при щелчке все как обычно - открывается страница товара.

Похожий функционал есть на одном из явно Ваших сайтов: http://madambovary.ru/catalog/Kol-ca-6

[mikola]

Тамерлан (09 Март 2013 - 10:02) писал:

Подскажите как сделать вот такой функционал?

http://www.tanai.com...isplay=7&auto=Y

при НАВЕДЕНИИ курсора мыши на любой товар, рядом сразу же всплывает его увеличенное изображение. Очень удобно - чтобы посмотреть много товаров не надо заходить на страницу каждого товара. А при щелчке все как обычно - открывается страница товара.

Похожий функционал есть на одном из явно Ваших сайтов: http://madambovary.ru/catalog/Kol-ca-6

данная функция уже реализована...
http://forum.storela...ра/#entry32048

[Тамерлан]

Может там описывается другой шаблон, но я не нашел у себя в ТОВАР даже первую замену. Подчеркнутого кода у меня нет:

"
Найти код:
<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:250px">
<img class="cornerAll withBorder goods-image-medium " src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}"/>
</a>
"


Что делать?

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

[Vaccina]

Увеличение изображения как в каталоге так и в самом товаре реализуется одинаково. Если у вас нет какого-то кода в шаблоне, то вероятно у вас другой шаблон. Вам необходимо искать не полностью всю строку, а её часть например "Увеличить {GOODS_NAME}" далее вы уже найдете ссылку, или искать "href="{GOODS_IMAGE_LARGE}"". После делать замену, но не всю, а только привести вашу ссылку к подобному виду. В каталоге изменение производиться аналогично. Необходимо просто ссылку

<a href="{goods.URL}"><img class="goods-image-small"

а именно

<a href="{goods.URL}">

привести к такому же виду как и в товаре, только путь к изображению в href заменить на {goods.IMAGE_LARGE}

[Тамерлан]

Спасибо за ответ, но боюсь этого ответа мне недостаточно, чтобы без опыта подключить cloud zoom. Можете помочь?

[Koderhan]

Тамерлан (14 Март 2013 - 09:14) писал:

Спасибо за ответ, но боюсь этого ответа мне недостаточно, чтобы без опыта подключить cloud zoom. Можете помочь?

Поиск хорошая штука.
http://forum.storela...ора/#entry32048

[Тамерлан]

Блин, я же изначально сам и попытался разобраться с помощью указанной Вами темы. Но там все обясняется на уровне "найди то, замени на это". А у меня этого кода тупо нету Что на что менять ?
Вот если бы обяснение было на уровне FAQ для всех тем, а не для одной ( к тому же не моей к сожалению), то я бы конечно никого не отвлекал и сделал все сам.

Поэтому и прошу помощи, т.к. сам все излазил.

[Koderhan]

Тамерлан (14 Март 2013 - 09:49) писал:

Блин, я же изначально сам и попытался разобраться с помощью указанной Вами темы. Но там все обясняется на уровне "найди то, замени на это". А у меня этого кода тупо нету Что на что менять ?
Вот если бы обяснение было на уровне FAQ для всех тем, а не для одной ( к тому же не моей к сожалению), то я бы конечно никого не отвлекал и сделал все сам.

Поэтому и прошу помощи, т.к. сам все излазил.

Отредактировал сообщение из этой темы.
http://forum.storela...ора/#entry32048
Лупа появится на странице с товарами...

[Тамерлан]

Сделал все по Вашей свежей инструкции:


"
Для "Таблица".
Найти код:
<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>
На этом все.
Страница товара не будет открываться по клику на изображение.
"

ЛУПА не работает в каталоге Единственное что изменилось так это то, что по щелчку на изображении открывается сразу увеличенное изображение на новой странице.

Шаблон - Лайт.

Вот хотя бы на этой конкретной странице: http://silvermoda.ru/catalog/Кольца-7
silvermoda.ru

[Тамерлан]

А можете просто написать что нужно поменять в шаблоне Лайт для того чтобы лупа работала в каталоге?

[Koderhan]

Тамерлан (14 Март 2013 - 11:46) писал:

А можете просто написать что нужно поменять в шаблоне Лайт для того чтобы лупа работала в каталоге?

Я специально писал эту инструкцию для шаблона "Сияние".
Думая что у вас шаблон сияние.
Так как адрес магазина я определил по id аккаунта который у вас в профиле написан.
А как потом оказалось у вас совсем другой сайт.

На вашем сайте не загружаются скрипты плагина которые должны быть написаны до тега </head>.
http://forum.storela...ора/#entry32048
тут написано как добавить скрипты плагина.

[Тамерлан]

Мой косяк - перепутал head и /head/, поэтому скрипты и не подключались. Прошу прощения.


Лупа заработала, но почему-то все происходит внутри рамки товара и видно только часть лупы. Как исправить, чтобы лупа была поверх таблицы товаров?


P.S. На моем аккаунте несколько сайтов которые я сделал пока экспериментировал с импортом товаров. Я просил их удалить кроме рабочего(silvermoda.ru), но получил ответ что это произойдет автоматически. Отсюда и путаница.

[support 2.0]

Тамерлан (14 Март 2013 - 12:39) писал:

P.S. На моем аккаунте несколько сайтов которые я сделал пока экспериментировал с импортом товаров. Я просил их удалить кроме рабочего(silvermoda.ru), но получил ответ что это произойдет автоматически. Отсюда и путаница.

Вы можете просто добавить в те аккаунты нового пользователя qwerty@qw.ru с паролем qwery (например) и удалить после этого пользователя с вашей почтой. И эти магазины автоматически удалятся из Вашего аакаунта.

[Тамерлан]

support 2.0 (14 Март 2013 - 12:45) писал:

Вы можете просто добавить в те аккаунты нового пользователя qwerty@qw.ru с паролем qwery (например) и удалить после этого пользователя с вашей почтой. И эти магазины автоматически удалятся из Вашего аакаунта.

Так и сделал, спасибо!

Жду помощи по лупе.

[Koderhan]

Тамерлан (14 Март 2013 - 11:46) писал:

А можете просто написать что нужно поменять в шаблоне Лайт для того чтобы лупа работала в каталоге?

Панель администратора, "Сайт"->"Редактор тем".
В файле "Товары".
Найти код:

style="top:0px;z-index:9999;position:relative;"

Заменить:

style="top:0px;position:relative;"

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Найти код:

.goodsListItem					  {vertical-align:top;width:200px;overflow:hidden;padding:0px;}   /* Размер в 200 пикселей сделан, чтобы и 2 и 5 товаров нормально смотрелись и была возможность увеличить разрешение до 1220 пикселей*/
.goodsListItemBlock				 {height:150px;margin:5px;text-align:center;overflow:hidden;}
.goodsListItemName				  {font-size:14px;text-align:top;max-height:3.8em;overflow:hidden;}

Заменить:

.goodsListItem					  {vertical-align:top;width:200px;padding:0px;}   /* Размер в 200 пикселей сделан, чтобы и 2 и 5 товаров нормально смотрелись и была возможность увеличить разрешение до 1220 пикселей*/
.goodsListItemBlock				 {height:150px;margin:5px;text-align:center;}
.goodsListItemName				  {font-size:14px;text-align:top;max-height:3.8em;}

[Тамерлан]

Koderhan (14 Март 2013 - 12:56) писал:

Панель администратора, "Сайт"->"Редактор тем".
В файле "Товары".
Найти код:

style="top:0px;z-index:9999;position:relative;"

Заменить:

style="top:0px;position:relative;"

Не нашел этого в файле "Товары"



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

[Koderhan]

Тамерлан (14 Март 2013 - 13:08) писал:

Не нашел этого в файле "Товары"



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

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Добавить код:

#wrap {
	z-index: 0 !important;
}

[Тамерлан]

Все равно лупа под товарами. Вставлял и в начало и в конец.
И в другом браузере и после очистки кэша

Сами гляньте: http://silvermoda.ru...чального-типа-3

[Koderhan]

Тамерлан (14 Март 2013 - 13:32) писал:

Все равно лупа под товарами. Вставлял и в начало и в конец.
И в другом браузере и после очистки кэша

Сами гляньте: http://silvermoda.ru...чального-типа-3

Панель администратора, "Сайт"->"Редактор тем".
В файле "Товары".
Найти код:

id="wrap"

Заменить:

id="wrap2"

[Тамерлан]

Мы как будто разные сайты смотрим   - В файле "Товары" вообще нет текста: id="wrap"