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


Отображение На Странице Товара

Автор be4ok, 22 окт. 2013 15:25

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 50

#21 Новичок Ю

Новичок Ю

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 326 сообщений

Отправлено 19 Июнь 2014 - 22:46

Большое спасибо! Страница уже выглядит симпатично) К сожалению изменение HTML не дало результата: модификации, слайдеры и увеличение фото так и не заработало + меню-аккордеон развернулся и не сворачивался при нажатии на "-", пришлось в HTML все вернуть, как было. Сделала откат, когда этого меню не было, там все работало. Может что-то можно поменять в скриптах меню? Вот они
// Меню-аккардеон. Каталог
jQuery(document).ready(function () {

jQuery("ul.accordion li.parent").each(function(){
jQuery(this).append('<em class="open-close">&nbsp;</em>');
});

jQuery('ul.accordion').accordion();

jQuery("ul.accordion li.active").each(function(){
jQuery(this).children().next("ul").css('display', 'block');
});
});
далее в шаблоне HTML найдите

<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>замените на

<script type="text/javascript" src="{ASSETS_JS_PATH}forall.js"></script>
<script type="text/javascript" src="{FORALL_JS_PATH}jquery.nyroModal-1.6.2.min.js"></script>
<script type="text/javascript" src="{FORALL_JS_PATH}jquery.validate.min.js"></script>
<script type="text/javascript" src="{FORALL_JS_PATH}jquery.capslock.min.js"></script>
теперь осталось скачать прикрепленный файл, разархивировать его у себя на компьютере и загрузить folall.js и back_toggle.png в раздел Редактор шаблонов
Помогите, пожалуйста, исправить эту ошибку.

#22 Новичок Ю

Новичок Ю

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 326 сообщений

Отправлено 25 Июнь 2014 - 10:45

Жду ответа) Очень хочется доделать сайт.

#23 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 26 Июнь 2014 - 19:13

Просмотр сообщенияНовичок Ю (19 Июнь 2014 - 22:46) писал:

Большое спасибо! Страница уже выглядит симпатично) К сожалению изменение HTML не дало результата: модификации, слайдеры и увеличение фото так и не заработало + меню-аккордеон развернулся и не сворачивался при нажатии на "-", пришлось в HTML все вернуть, как было. Сделала откат, когда этого меню не было, там все работало. Может что-то можно поменять в скриптах меню? Вот они
// Меню-аккардеон. Каталог
jQuery(document).ready(function () {

jQuery("ul.accordion li.parent").each(function(){
jQuery(this).append('<em class="open-close">&nbsp;</em>');
});

jQuery('ul.accordion').accordion();

jQuery("ul.accordion li.active").each(function(){
jQuery(this).children().next("ul").css('display', 'block');
});
});
далее в шаблоне HTML найдите

<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>замените на

<script type="text/javascript" src="{ASSETS_JS_PATH}forall.js"></script>
<script type="text/javascript" src="{FORALL_JS_PATH}jquery.nyroModal-1.6.2.min.js"></script>
<script type="text/javascript" src="{FORALL_JS_PATH}jquery.validate.min.js"></script>
<script type="text/javascript" src="{FORALL_JS_PATH}jquery.capslock.min.js"></script>
теперь осталось скачать прикрепленный файл, разархивировать его у себя на компьютере и загрузить folall.js и back_toggle.png в раздел Редактор шаблонов
Помогите, пожалуйста, исправить эту ошибку.
К сожалению, не смогла понять что должно получиться в результате и по какой инструкции Вы выполняли изменения, приведенные в Вашем сообщении. Также что у Вас произошло с модификациями, слайдерами и увеличением фотографиями?

#24 Новичок Ю

Новичок Ю

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 326 сообщений

Отправлено 27 Июнь 2014 - 14:16

Screenshot_2.jpg Здравствуйте. Проблемы следующие:
1. Не работают модификации - не меняется цена при выборе модификации (например, артикул Duet70).
2. Не работают слайдеры "С этим товаром смотрят" и "Недавно просмотренные" (все картинки расположены по вертикали в ряд вместо того, чтоб двигаться в одном окне при нажатии на стрелку)
3. При наведении на миниатюры раньше было увеличение картинки в основном окне "Фото товара", а теперь только при щелчке и на отдельной странице.
4. Баннер с ошибкой 1JS.
Все эти изменения произошли после установки меню-аккордеона. В одном из предыдущих ответов мне посоветовали изменить HTML (т.к. есть много ошибок JS). Все сделала, но ничего не изменилось, только аккордеон перестал сворачиваться, поэтому вернула свой HTML-обратно. Вот инструкция, по которой установила аккордеон
в шаблоне HTML найдите

<!-- Каталог -->
{%IFNOT catalog_full_empty %}
{% Для catalog_full %}
{% IFNOT catalog_full.HIDE %}
{% IF catalog_full.FIRST %}<ul id="myTree">{% ENDIF %}
<li>
<a href="{catalog_full.URL}"
{% IF catalog_full.CURRENT %}
class="contentTbodycatalog_fullCurent"
{% ELSEIF catalog_full.CURRENT_PARENT %}
class="contentTbodycatalog_fullCurentBranch"
{% ENDIF %}
{% IF catalog_full.ISSET_SUB %}rel="withchild"{% ENDIF %}
>
{catalog_full.NAME}
<!-- Отображение количества товаров в категории -->
{% IF catalog_full.GOODS_COUNT>0 %}
({catalog_full.GOODS_COUNT})
{% ENDIF %}
</a>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.LAST %}
{% Out %}</ul>{%IFNOT catalog_full.out.LAST %}</li>{% ENDIF %}{% ENDFOR %}
{% ENDIF %}
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
<!-- конец Каталог -->замените на

<!-- Каталог товаров -->
{%IFNOT catalog_full_empty%}
<style>
.ui-аккордеон .ui-аккордеон-li-fix {display: block;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border: none;background: none;font-weight: normal;color: #555;}
.ui-state-default .ui-значок, .ui-state-active, .ui-значок, .ui-state-active .ui-icon {background-image: none;}
.ui-widget-content { border: none; background: none; }

</style>
<div class="box">
<div class="box-heading">Каталог</div>
<div class="box-content">
<div class="box-category">
{%Для catalog_full%}
{% IF catalog_full.FIRST %}<ul class="accordion" >{% ENDIF %}
<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
<a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}
<!-- Отображение количества товаров в категории -->
{% IF catalog_full.GOODS_COUNT>0 %}
({catalog_full.GOODS_COUNT})
{% ENDIF %}
</a>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.LAST %}{%out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
{%ENDFOR%}
</div>
</div>
</div>
{%ENDIF%}
<!-- /Каталог товаров -->
теперь в файл main.css добавьте

/* Меню-аккордеон. Каталог */
.accordion { list-style-type: none;position: relative; }
.accordion ul { padding: 0 !important; margin: 0; display: block; width: 100%;position: relative;overflow: hidden !важно;}
.accordion li { background: #fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0;*float: left;*margin-left: -16px; display: block; width: 100%; position:relative;}
@media screen and (-ms-высокая контрастность: active), (-ms-высокая контрастность: none) {.accordion li {margin-left: -16px;}}
.accordion li.active> em.open-закрыть {background: #333 url('{ASSETS_IMAGES_PATH}back_toggle.png') -2px-32px no-repeat; }
.accordion li div { padding: 20px; background: #аэф; display: block; clear: both; float: left; width: 360px;}
.accordion li.last a{border-bottom:0px;}
.accordion em.open-закрыть{background: #ff0551 url('{ASSETS_IMAGES_PATH}back_toggle.png') -2px-3px no-repeat;width: 22px;height: 22px; position:absolute; right: 4px; top: 8px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.accordion em.open-close:hover {background-color: #333;}
.accordion a { text-decoration: none; font-size:11px; padding: 8px 8px 10px 20px; display: block; cursor: pointer; }
.accordion ul a{font-size:11px; padding: 8px 28px 8px 25px;}
.accordion ul ul li a {font-size:10px; padding: 8px 8px 10px 40px;}
.accordion ul ul ul li a {font-size:9px; padding: 8px 8px 10px 50px;}
.accordion ul ul ul ul li a {font-size:8px; padding:8px 8px 10px 40px;}
.accordion li ul li { background: #fff; }
.box-category {margin-top: -5px;}
.box-category ul {list-style: none;margin: 0-10px;padding: 0;font-size:12px;margin-top: 10px;}
.box-category > ul > li {padding: 0;}
.box-category > ul > li + li {border-top: 1px solid #EEEEEE;}
.box-category > ul > li > a {text-decoration: none;color: #333;padding: 10px 28px 10px 10px;display:block;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.box-category > ul > li > a:hover {background-color:#f1f1f1;padding: 10px 28px 10px 20px;}
.box-category > ul > li ul {display: block;padding-left: 20px;margin: 0;}
.box-category > ul > li a.active {font-weight: bold;}
.box-category > ul > li a.active + ul {display: block;padding:0 0 10px 10px;}
.box-category > ul > li ul > li {padding: 0;}
.box-category > ul > li ul > li > a {text-decoration: none;display: block;font-size:12px;}
.box-category > ul > li ul > li > a.active {font-weight: bold;}
/* Конец Меню-аккордеон. Каталог */
далее в самом начале файла main.js вставьте

// Меню-аккардеон. Каталог
jQuery(document).ready(function () {

jQuery("ul.accordion li.parent").each(function(){
jQuery(this).append('<em class="открыть-закрыть">&nbsp;</em>');
});

jQuery('ul.accordion').accordion();

jQuery("ul.accordion li.active").each(function(){
jQuery(this).children().next("ul").css('display', 'block');
});
});
далее в шаблоне " HTML " найдите

<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>замените на

<script type="text/javascript" src="{ASSETS_JS_PATH}forall.js"></script>
<script type="text/javascript" src="{FORALL_JS_PATH}jquery.nyroModal-1.6.2.min.js"></script>
<script type="text/javascript" src="{FORALL_JS_PATH}jquery.validate.min.js"></script>
<script type="text/javascript" src="{FORALL_JS_PATH}jquery.capslock.min.js"></script>
теперь осталось скачать прикрепленный файл, разархивировать его у себя на компьютере и загрузить folall.js и back_toggle.png в раздел Редактор шаблонов

Изображение

Прикрепленные файлы
  • Изображение  forall_and_+.zip
  • В приложении - как выглядит сейчас моя страница товара (все характеристики товара упали вниз из-за неработающих слайдеров)

#25 Новичок Ю

Новичок Ю

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 326 сообщений

Отправлено 30 Июнь 2014 - 23:36

Помогите, пожалуйста, решить проблему со скриптами - уже ровно месяц с ней сижу - не могу ни каталог заполнять, ни дальше что-то делать, т.к. непонятно, решаемо ли это, если так долго никто ответа дать не может. Или на какое-то другое меню вертикальное заменить, если в него все уперлось. Выше все описала (уже даже не один раз))) Спасибо.

#26 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 02 Июль 2014 - 06:21

В вашем шаблоне присутствуют ошибки. Прежде чем что-то делать - необходимо устранить имеющиеся проблемы. Попробуйте в шаблоне "HTML" найти код

<!DOCTYPE html>
<!--[if IE 7]> <html class="ie7" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="ie8" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="ie9" lang="en"> <![endif]-->
<!--[if lte IE 9]> <html class="ie9_all" lang="en"> <![endif]-->
<!--[if lte IE 8]> <html class="ie8_all" lang="en"> <![endif]-->
<!--[if lte IE 7]> <html class="ie7_all" lang="en"> <![endif]-->
<head>
<title>{PAGE_TITLE}</title>
<meta name="description" content="{PAGE_META_DESCRIPTION}" />
<meta name="keywords" content="{PAGE_META_KEYWORDS}" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/rw1.jpg" />
<link rel="shortcut icon" href="{ASSETS_IMAGES_PATH}favicon_rw.jpg" type="image/ rw1.jpg/>
<!-- SEO параметр определяющий главную страницу для фильтрации её дублей -->
{% IF PAGE_CANONICAL %}
<link rel="canonical" href="{PAGE_CANONICAL}" />
{% ENDIF %}
<!-- Если в тарифном плане подключен модуль отзывов о товаре -->
{% IF TARIFF_FEATURE_GOODS_OPINION %}
<!-- Если не выключен модуль отзывов о товаре, то загружаем css для рейтинга -->
{% IFNOT SETTINGS_OPINION_DISABLE %}
<link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui-stars/4.11/jquery.rating.css" />
{% ENDIF %}
{% ENDIF %}
<!-- Стили магазина, которые не нужно менять -->
<link rel="stylesheet" href="{FORALL_STYLES_PATH}reset_07.css" />
<link rel="stylesheet" href="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.css" />
<link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui/jquery.ui.all.min.css" type="text/css" />
<!-- Стили магазина -->
<link href="{ASSETS_STYLES_PATH}style.css" rel="stylesheet" />
<link href='http://fonts.googleapis.com/css?family=Lobster&amp;subset=latin,cyrillic-ext,latin-ext,cyrillic' rel='stylesheet' type='text/css' />
<!-- В случае их возникновения JS ошибок, отображаем их владельцу магазина для возможности отладки. Покупатели сообщений о JS ошибках не видят -->
{% IF JAVASCRIPT_BUG_HUNTING_URL %}
<script src="{JAVASCRIPT_BUG_HUNTING_URL}"></script>
{% ENDIF %}
<!-- Скрипты которые не нужно менять, грузятся из папки общих файлов -->
<script src="{FORALL_JS_PATH}jquery-1.8.2_jquery-ui-1.10.2_jcarousel_masonry-2.1.05_infinite_scroll-2.0b2.110713_fancy_validation-1.11.1_capslock_jqueryui_rating-4.11.js"></script>
<!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}forall.js"></script>
<script type="text/javascript" src="{FORALL_JS_PATH}jquery.nyroModal-1.6.2.min.js"></script>
<script type="text/javascript" src="{FORALL_JS_PATH}jquery.validate.min.js"></script>
<script type="text/javascript" src="{FORALL_JS_PATH}jquery.capslock.min.js"></script>
<script src="{ASSETS_JS_PATH}main.js" ></script>
<!-- Загрузка Jquery галереии Nyvo Slider -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyvo.css" type="text/css" media="screen" />
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js"></script>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js" ></script>
<![endif]-->
</head>

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

<!DOCTYPE html>
<!--[if IE 7]> <html class="ie7" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="ie8" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="ie9" lang="en"> <![endif]-->
<!--[if lte IE 9]> <html class="ie9_all" lang="en"> <![endif]-->
<!--[if lte IE 8]> <html class="ie8_all" lang="en"> <![endif]-->
<!--[if lte IE 7]> <html class="ie7_all" lang="en"> <![endif]-->
<head>
  <title>{PAGE_TITLE}</title>
  <meta name="description" content="{PAGE_META_DESCRIPTION}" />
  <meta name="keywords" content="{PAGE_META_KEYWORDS}" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" />
  <link rel="shortcut icon" href="{ASSETS_IMAGES_PATH}favicon_rw.jpg" type="image/jpeg" />
  <!-- SEO параметр определяющий главную страницу для фильтрации её дублей -->
  {% IF PAGE_CANONICAL %}
	<link rel="canonical" href="{PAGE_CANONICAL}" />
  {% ENDIF %}
  <!-- Если в тарифном плане подключен модуль отзывов о товаре -->
  {% IF TARIFF_FEATURE_GOODS_OPINION %}
	<!-- Если не выключен модуль отзывов о товаре, то загружаем css для рейтинга -->
	{% IFNOT SETTINGS_OPINION_DISABLE %}
	  <link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui-stars/4.11/jquery.rating.css"  />
	{% ENDIF %}
  {% ENDIF %}
 
  <!--  Стили магазина, которые не нужно менять -->
  <link rel="stylesheet" href="{FORALL_STYLES_PATH}reset_07.css"  />
  <link rel="stylesheet" href="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.css"  />
  <link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui/jquery.ui.all.min.css" type="text/css" />
 
  <!--  Стили магазина -->
  <link href="{ASSETS_STYLES_PATH}style.css" rel="stylesheet" />
  <link href='http://fonts.googleapis.com/css?family=Lobster&amp;subset=latin,cyrillic-ext,latin-ext,cyrillic' rel='stylesheet' type='text/css' />
 
  <!-- В случае их возникновения JS ошибок, отображаем их владельцу магазина для возможности отладки. Покупатели сообщений о JS ошибках не видят -->
  {% IF JAVASCRIPT_BUG_HUNTING_URL %}
	<script src="{JAVASCRIPT_BUG_HUNTING_URL}"></script>
  {% ENDIF %}
 
  <!-- Скрипты которые не нужно менять, грузятся из папки общих файлов -->
  <script src="{FORALL_JS_PATH}jquery-1.8.2_jquery-ui-1.10.2_jcarousel_masonry-2.1.05_infinite_scroll-2.0b2.110713_fancybox_validation-1.11.1_capslock_jqueryui_rating-4.11.js"></script> 
 
  <!-- Скрипты магазина -->
  <script type="text/javascript">var infiniteScrollLoaderPath = '{ASSETS_IMAGES_PATH}loader.gif';</script>
  <!-- Загрузка Jquery галереии Nyvo Slider -->
  <link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyvo.css" type="text/css" media="screen" />
  <script type="text/javascript" src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js"></script>
  <script src="{ASSETS_JS_PATH}main.js" ></script>
 
  <!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js" ></script>
  <![endif]-->
</head>

#27 Новичок Ю

Новичок Ю

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 326 сообщений

Отправлено 02 Июль 2014 - 07:58

Cake, я это уже делала 2 недели назад. К налаживанию скриптов это не привело, но перестало сворачиваться меню-аккордеон при нажатии на "+"  и  "-", поэтому тогда вернула все обратно. Сейчас  тот же результат. Пока оставляю. Посмотрите, что дальше делать?

#28 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 03 Июль 2014 - 02:17

Далее вам необходимо вернуть функциональность меню, загрузив библиотеку accordion. Это можно попробовать сделать следующими способами - скачайте архивПрикрепленный файл  accordion_forall.zip   95,95К   66 Количество загрузок: и распакуйте его. Загрузите 2 файла forall.jsи jquery.accordion.js к себе в раздел редактора шаблонов. Далее найдите строку в шаблоне "HTML"

<script src="{FORALL_JS_PATH}jquery-1.8.2_jquery-ui-1.10.2_jcarousel_masonry-2.1.05_infinite_scroll-2.0b2.110713_fancybox_validation-1.11.1_capslock_jqueryui_rating-4.11.js"></script>

и замените её на

<script src="{FORALL_JS_PATH}jquery-1.8.2_jquery-ui-1.10.2_jcarousel_masonry-2.1.05_infinite_scroll-2.0b2.110713_fancybox_validation-1.11.1_capslock_jqueryui_rating-4.11.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.accordion.js"></script>

после этого очистите кеш в вашем браузере и проверьте работу меню. Если это не поможет, то попробуйте код

<script src="{FORALL_JS_PATH}jquery-1.8.2_jquery-ui-1.10.2_jcarousel_masonry-2.1.05_infinite_scroll-2.0b2.110713_fancybox_validation-1.11.1_capslock_jqueryui_rating-4.11.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.accordion.js"></script>

заменить на

<script type="text/javascript" src="{ASSETS_JS_PATH}forall.js"></script>

и так же очистить кеш и проверить работу меню.

#29 Новичок Ю

Новичок Ю

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 326 сообщений

Отправлено 03 Июль 2014 - 13:30

Screenshot_2.jpg Screenshot_1.jpg Добрый день! Проделала все инструкции. В результате:
1. при наведении на миниатюры они увеличиваются в окне "фото товара" без щелчка - как должно быть
2. меню-аккордеон вообще исчез,
3. сбилась вообще вся верстка, исчезли модификации и т.д
Что дальше делать? На скринах сайт до и после изменений.

#30 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 03 Июль 2014 - 17:46

Просмотр сообщенияНовичок Ю (03 Июль 2014 - 13:30) писал:

Прикрепленный файл Screenshot_2.jpgПрикрепленный файл Screenshot_1.jpgДобрый день! Проделала все инструкции. В результате:
1. при наведении на миниатюры они увеличиваются в окне "фото товара" без щелчка - как должно быть
2. меню-аккордеон вообще исчез,
3. сбилась вообще вся верстка, исчезли модификации и т.д
Что дальше делать? На скринах сайт до и после изменений.
Здравствуйте, картинки увеличиваються при клике.

#31 Новичок Ю

Новичок Ю

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 326 сообщений

Отправлено 03 Июль 2014 - 18:25

Здравствуйте! Картинки стали увеличиваться как надо - я об этом и написала. Проблема в том, что не работают слайдеры, модификации и после последних изменений скриптов меню вообще исчезло и сбилась верстка. Я все выше описывала.
Cake, подскажите, что делать дальше? А то я уже месяц по кругу всем проблему описываю. Спасибо))

#32 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 04 Июль 2014 - 05:17

Найдите в вашем шаблоне "HTML" код

<div class="box">
<div class="box-heading">Каталог</div>

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

<div class="box catalog">
<div class="box-heading">Каталог</div>

далее в файле main.js найдите код

// Блок с информацией о том что товар добавлен в корзину
  $('.box').hide();
 
  // Добавление товара в корзину через ajax
  $('.goodsListItemCatalogueAddToCartButton, .goodsToCartFromCompareForm').submit(function(){
	// Если нужно быстро положить в корзину
	if($(this).attr('rel') == 'quick') {
	  return true;
   
	// Если нужно просто добавить в корзину и продолжить покупки
	} else {
	  $('.box').fadeIn(500);  // полсекунды, чтобы не уснуть
	  return false;
	}
  });

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

// Блок с информацией о том что товар добавлен в корзину
  $('.box:not(.catalog)').hide();
 
  // Добавление товара в корзину через ajax
  $('.goodsListItemCatalogueAddToCartButton, .goodsToCartFromCompareForm').submit(function(){
	// Если нужно быстро положить в корзину
	if($(this).attr('rel') == 'quick') {
	  return true;
   
	// Если нужно просто добавить в корзину и продолжить покупки
	} else {
	  $('.box:not(.catalog)').fadeIn(500);  // полсекунды, чтобы не уснуть
	  return false;
	}
  });

#33 Новичок Ю

Новичок Ю

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 326 сообщений

Отправлено 04 Июль 2014 - 07:12

Добрый день! Все сделала. Меню снова работает, но осталась сбита верстка (не видно половины информации) и не работают слайдеры "Недавно просмотренные товары", "С этим товаром смотрят" и "Сопутствующие товары". Работу модификаций (изменение цен при их выборе) посмотреть не могу, т.к. справа ничего не видно. Как это можно поправить? Спасибо.

Прикрепленные изображения

  • Screenshot_4.jpg

#34 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 04 Июль 2014 - 07:26

Просмотр сообщенияНовичок Ю (04 Июль 2014 - 07:12) писал:

Добрый день! Все сделала. Меню снова работает, но осталась сбита верстка (не видно половины информации) и не работают слайдеры "Недавно просмотренные товары", "С этим товаром смотрят" и "Сопутствующие товары". Работу модификаций (изменение цен при их выборе) посмотреть не могу, т.к. справа ничего не видно. Как это можно поправить? Спасибо.

У Вас с версткой совсем плохо. Давайте попробуем сделать чуть лучше:
Ищем в style.css код:
body.two-column.item section[role="main"] {
width: 65.644172%;
}

меняем на:
body.two-column.item section[role="main"] {
width: 100%;
}

Далее ищем:
.item aside {
float: right;
width: 31.288344%;
margin-left: 3.0674847%;
}

меняем на:
.item aside {
float: right;
width: 100%;
margin-left: 3.0674847%;
}

Теперь в шаблоне Товар ищем:
<div class="mycont2" style="width: 180px;">

и меняем на:
<div class="mycont2">

#35 Новичок Ю

Новичок Ю

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 326 сообщений

Отправлено 04 Июль 2014 - 12:28

Screenshot-2.jpg Спасибо! Все сделала. Уже похоже на то, что было до исправления ошибок Js.

Теперь в шаблоне Товар ищем:
<div class="mycont2" style="width: 180px;">
такого не нашла, у меня  <divclass="mycont2"> (встречается 3 раза в описании слайдеров). Пробовала менять наоборот -на <div class="mycont2" style="width: 180px;">, но ничего не изменилось, вернула <div class="mycont2">.

1.Пока все равно не работают слайдеры "Недавно просмотренные товары", "С этим товаром смотрят" и "Сопутствующие товары" и не меняется цена при выборе модификации.
2. Ширина окна "Фото товара" не постоянна, происходят скачки всей страницы по ширине, если переходишь на миниатюру с большей шириной (к сожалению, не могу сделать, чтоб все фото были с одинаковой шириной, только с одинаковой высотой; где возможно сохраняю соотношение высота/ ширина). Показала это на скрине.
3. Слайдеры частично не видны.

#36 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 05 Июль 2014 - 02:48

Найдите в вашем файле стилей style.css

.mycarousel2 li {
  margin: 0 10px;
  text-align: center;
  width: 160px;
}

и замените на

.mycarousel2 li {
  margin: 0 10px;
  text-align: center;
  width: 180px;
}

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

.goodsData td > a.main {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 480px;
}

#37 Новичок Ю

Новичок Ю

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 326 сообщений

Отправлено 05 Июль 2014 - 10:10

Screenshot_2.jpg Спасибо, Cake. Картинки перестали скакать. Но остались первоначальные вопросы по неработающим слайдерам "Недавно просмотренные товары", "С этим товаром смотрят" и "Сопутствующие товары" и не меняется цена при выборе модификации. И еще слайдеры не помещаются в окне (часть справа не видна), как их расширить?

#38 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 06 Июль 2014 - 01:19

Для карусели по идее все установлено корректно, вот только она не обрабатывается, возможно это из-за используемой библиотеки - попробуйте в шаблоне "HTML" строку

<script type="text/javascript" src="{ASSETS_JS_PATH}forall.js"></script>

заменить на

<script src="{FORALL_JS_PATH}jquery-1.8.2_jquery-ui-1.10.2_jcarousel_masonry-2.1.05_infinite_scroll-2.0b2.110713_fancybox_validation-1.11.1_capslock_jqueryui_rating-4.11.js"></script>

#39 Новичок Ю

Новичок Ю

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 326 сообщений

Отправлено 06 Июль 2014 - 10:52

Cake, не помогло. Ни карусель, ни модификации не заработали, и из-за замены появилась JS ошибка, поэтому вернула скрипты, как было. Что еще можно попробовать сделать? Спасибо.

#40 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 08 Июль 2014 - 03:26

Для модификаций - попробуйте в файле main.js найти строку

goodsDataProperties = $('form.goodsDataForm select[name="form[properties][]"]')

и заменить её на

goodsDataProperties = $('.goodsDataMain select[name="form[properties][]"]')

Для карусели - попробуйте заменить ваш шаблон "Товар" на следующий код

Скрытый текст

Обратно в Страница товара


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Вечность
  5. → Страница товара
  6. Privacy Policy