Увеличение Картинки При Наведении Курсора
#21
Отправлено 02 Декабрь 2012 - 18:42
#22
Отправлено 03 Декабрь 2012 - 08:20
#23
Отправлено 04 Декабрь 2012 - 05:47
#24
Отправлено 04 Декабрь 2012 - 22:15
Всё же делаем интернет-магазин, чтобы извлекать ПРИБЫЛЬ
#25
Отправлено 05 Декабрь 2012 - 07:28
#26
Отправлено 05 Декабрь 2012 - 13:23
В файле "Товар" найти код:
<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>И заменить его на:
<a href="{GOODS_IMAGE_LARGE}" class="cloud-zoom" id='zoom1' target="_blank" title="Увеличить {GOODS_NAME}" rel="tint: '#485f10', tintOpacity: 0.7, position: 'right', adjustX: 8, adjustY: 0, zoomWidth:250px"> <img class="cornerAll withBorder goods-image-medium " src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}"/> </a>Важную роль тут играет строка:
rel="tint: '#485f10', tintOpacity: 0.7, position: 'right', adjustX: 8, adjustY: 0, zoomWidth:250px"#485f10 - цвет.
0.7 - прозрачность
#27
Отправлено 05 Декабрь 2012 - 20:06
Koderhan (05 Декабрь 2012 - 13:23) писал:
В файле "Товар" найти код:
<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>И заменить его на:
<a href="{GOODS_IMAGE_LARGE}" class="cloud-zoom" id='zoom1' target="_blank" title="Увеличить {GOODS_NAME}" rel="tint: '#485f10', tintOpacity: 0.7, position: 'right', adjustX: 8, adjustY: 0, zoomWidth:250px"> <img class="cornerAll withBorder goods-image-medium " src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}"/> </a>Важную роль тут играет строка:
rel="tint: '#485f10', tintOpacity: 0.7, position: 'right', adjustX: 8, adjustY: 0, zoomWidth:250px"#485f10 - цвет.
0.7 - прозрачность
#28
Отправлено 10 Январь 2013 - 15:13
Не получается установить такую функцию на сайт. Вроде бы сделала все , что у Вас тут написано, а результата никакого.
Помогите пожалуйста.
вот ссылка на страницу товара
http://домовенок.com...Marks-s-Spenser
#29
Отправлено 10 Январь 2013 - 15:33
Kalina (10 Январь 2013 - 15:13) писал:
Не получается установить такую функцию на сайт. Вроде бы сделала все , что у Вас тут написано, а результата никакого.
Помогите пожалуйста.
вот ссылка на страницу товара
http://домовенок.com...Marks-s-Spenser
Это код:
rel="tint: '#485f10', tintOpacity: 0.7, position: 'right', adjustX: 8, adjustY: 0, zoomWidth:250px"В файле "Товар".
#30
Отправлено 10 Январь 2013 - 15:50
#32
Отправлено 10 Январь 2013 - 17:06
#33
Отправлено 10 Январь 2013 - 22:50
<script type="text/javascript" src="/web/upload/assets/js/155/154376/cloud-zoom.1.0.2.js"></script> <link rel="stylesheet" href="/web/upload/assets/styles/155/154376/cloud-zoom.css" type="text/css" />
ниже, например после строки
<script type="text/javascript" src="{FORALL_JS_PATH}jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom.version2.min.js">
Ваш код в шаблоне "HTML" должен выглядеть в подобном виде.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title>{PAGE_TITLE}</title> <meta name="keywords" content="{PAGE_META_KEYWORDS}" /> <meta name="description" content="{PAGE_META_DESCRIPTION}" /> <meta http-equiv="X-UA-Compatible" content="IE=7" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="ru" /> <link rel="icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" /> <!-- SEO параметр определяющий главную страницу для фильтрации её дублей --> {% IF PAGE_CANONICAL %} <link rel="canonical" href="{PAGE_CANONICAL}" /> {% ENDIF %} <!-- Стили которые не нужно менять, грузятся из папки общих файлов --> <link rel="stylesheet" href="{FORALL_STYLES_PATH}reset_01.css" type="text/css" /> <link rel="stylesheet" href="{FORALL_STYLES_PATH}nyroModal/nyroModal.full.css" type="text/css" /> <link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui/jquery.ui.all.min.css" type="text/css" /> <!-- Если в тарифном плане подключен модуль отзывов о товаре --> {% IF TARIFF_FEATURE_GOODS_OPINION %} <!-- Если не выключен модуль отзывов о товаре, то загружаем css для рейтинга --> {% IFNOT SETTINGS_OPINION_DISABLE %} <link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui-stars/jquery.ui.stars.min.css" type="text/css" /> {% ENDIF %} {% ENDIF %} <!-- Стили магазина --> <link rel="stylesheet" href="{ASSETS_STYLES_PATH}main.css" type="text/css" /> <!-- В случае их возникновения JS ошибок, отображаем их владельцу магазина для возможности отладки. Покупатели сообщений о JS ошибках не видят --> {% IF JAVASCRIPT_BUG_HUNTING_URL %} <script type="text/javascript" src="{JAVASCRIPT_BUG_HUNTING_URL}"></script> {% ENDIF %} <!-- Скрипты которые не нужно менять, грузятся из папки общих файлов --> <!-- Это собранные в один файл скрипты из файлов: {FORALL_JS_PATH}jquery-1.4.2.min.js {FORALL_JS_PATH}jquery.nyroModal-1.6.2.min.js {FORALL_JS_PATH}jquery-ui-1.8.4.custom.min.js {FORALL_JS_PATH}jquery.validate.min.js {FORALL_JS_PATH}jquery.capslock.min.js --> <script type="text/javascript" src="{FORALL_JS_PATH}jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom.version2.min.js"></script> <!-- Если в тарифном плане подключен модуль отзывов о товаре --> {% IF TARIFF_FEATURE_GOODS_OPINION %} <!-- Если не выключен модуль отзывов о товаре, то загружаем css для рейтинга --> {% IFNOT SETTINGS_OPINION_DISABLE %} <script type="text/javascript" src="{FORALL_JS_PATH}jquery.ui.stars.min.js"></script> {% ENDIF %} {% ENDIF %} <!-- Скрипты магазина --> <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script> </head>
Так же у вас отсутствует подключение файла
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
Проверьте ваш шаблон "HTML", а именно содержимое <head>, и приведите его в состояние как в коде выше.
#34
Отправлено 10 Январь 2013 - 23:07
#35
Отправлено 11 Январь 2013 - 00:24
Вот так примерно:
http://www.mix7ya.ru...hand-kofty.html
#36
Отправлено 11 Январь 2013 - 09:42
Kalina (10 Январь 2013 - 23:07) писал:
В шаблоне Товар найдите примерно следующий код:
<a href="{GOODS_IMAGE_LARGE}" class="cloud-zoom" id='zoom1' target="_blank" title="Увеличить {GOODS_NAME}" rel="tint: '#485f10', tintOpacity: 0.7, position: 'right', adjustX: 8, adjustY: 0,zoomWidth:250px"> <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="tint: '#485f10', tintOpacity: 0.7, position: 'right', adjustX: 310/*перемещение вправо на 310*/, adjustY: 0,zoomWidth:250/*ширина окна увеличенного изображения*/, zoomHeight:250/*длина окна увеличенного изображения*/"> <img class="cornerAll withBorder goods-image-medium " src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}"/> </a>
#37
Отправлено 11 Январь 2013 - 09:45
#38
Отправлено 11 Январь 2013 - 10:26
#39
Отправлено 11 Январь 2013 - 10:34
Kalina (11 Январь 2013 - 10:26) писал:
rel="tint: '#485f10'/*цвет*/, tintOpacity: 0.7/*прозрачность*/, position: 'right', adjustX: 310/*перемещение вправо на 310*/, adjustY: 0,zoomWidth:250/*ширина окна увеличенного изображения*/, zoomHeight:250/*длина окна увеличенного изображения*/
#40
Отправлено 11 Январь 2013 - 18:53
http://домовенок.com.../Куртка-женская
Помогите пожалуйста.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных