Карта товара (вывод изображений) PrestaShop 1.5

Автор Natali, 18 февраля 2013, 20:31:08

« назад - далее »

Natali

Доброго времени суток!

Подскажите, пожалуйста, как сделать что бы при открытии карты товара показывались бы только
миниатюры изображений комбинации по умолчанию.
В default же при открытии карты товара показываются миниатюры всех комбинаций.

За ранее спасибо!

Виктор Демидов

Не назначать картинки для комбинаций. Или переделать шаблон страницы товара product.tpl.

Natali

Я наверное не правильно выразилась,

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

Например, по умолчанию стоит зеленое изображение, и при первоначальном открытии карты, открывается основное изображение как положено зеленое, а вот в миниатюрах, показываются все цвета других комбинаций, а при последующем выборе комбинаций в уже открытой карте товара  показывается как надо, только те миниатюры, которые относятся к данной комбинации.
как сделать, что бы при ПЕРВОНАЧАЛЬНОМ открытии показывались только те миниатюры, которые относятся к данной комбинации, например, цвету.  (Только зеленые в данном примере)

Виктор Демидов

Цитироватьпеределать шаблон страницы товара product.tpl
и product.js. Функция - refreshProductImages

Natali

#4
Цитата: Виктор Демидов от 19 февраля 2013, 14:23:30
Цитироватьпеределать шаблон страницы товара product.tpl
и product.js. Функция - refreshProductImages

Спасибо, получилось!
Поправила, пару строк в функции refreshProductImages файла product.js, миниатюры при первоначальном открытии товара стали показываться как надо, только те которые принадлежат данной комбинации.

brus powerfull

Здравствуйте, подскажите пожалуйста как можно настроить, чтобы при наведении на миниатюру изображения товара главное фото товара менялось бы на соответствующее выбранной миниатюре? У меня на странице товара есть главное фото товара и 2 миниатюры, но когда я навожу на одну из них или кликаю по ней, то главное остается прежним, а мне необходимо чтобы оно менялось.

Adik

В стандарной теме меняется. Сравнить нужно шаблон product.tpl вашей темы и стандарной.

brus powerfull


brus powerfull

#8
Добрый день.

Покопался в файле product.tpl моей текущей темы и темы по-умолчанию. Нашел блок кода,который отвечает за вывод миниатюр(я думаю это он):
<div id="thumbs_list">
<ul id="thumbs_list_frame">
{if isset($images)}
{foreach from=$images item=image name=thumbnails}
{assign var=imageIds value="`$product->id`-`$image.id_image`"}
<li id="thumbnail_{$image.id_image}">
<a {if $jqZoomEnabled && $have_image && !$content_only} href="javascript:void(0);"  rel="{literal}{{/literal}gallery: 'gal1', smallimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'large_default')|escape:'html':'UTF-8'}',largeimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}'{literal}}{/literal}" {else}href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}" data-fancybox-group="other-views" class="fancybox{if $image.id_image == $cover.id_image} shown{/if}" {/if}>
<img id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'small_default')}" alt="{$image.legend|htmlspecialchars}"/>
</a>
</li>
{/foreach}
{/if}
</ul>
{if count($images)>=4}
<a title="Previous" id="prev-thumnail" class="btn prev" href="javascript:void(0);">&lt;</a>
<a title="Next" id="next-thumnail" class="btn next" href="javascript:void(0);">&gt;</a>
{/if}
</div>

Сравнил этот участок кода в обоих файлах и не нашел никаких отличий, они совпадают.  В дефолтной  теме prestashop при нажатии на миниатюру меняется и главное фото товара, а в моей текущей теме - нет. Подскажите может я не там ищу и какая часть этого кода отвечает за изменение главной картинки при нажатии на миниатюру? Спасибо.

Mr.Sen

#9
Значит проблема в подключаемых javascript. В вашей теме конфликт между библиотеками js.
Нужно через консоль вебмастера браузера проверить события при наведении на картинку. 

Mr.Sen

При наведении на разные картинки меняетя src в теге img
<img id="bigpic" src="этот адрес должен поменяться" >
Должен подключаться файл product.js в нем есть функция смены картинки при наведении
//update display of the large image
function displayImage(domAAroundImgThumb, no_animation)
{
if (typeof(no_animation) == 'undefined')
no_animation = false;
if (domAAroundImgThumb.prop('href'))
{
var new_src = domAAroundImgThumb.attr('href').replace('thickbox', 'large');
var new_title = domAAroundImgThumb.attr('title');
var new_href = domAAroundImgThumb.attr('href');
if ($('#bigpic').prop('src') != new_src)
{
$('#bigpic').attr({
'src' : new_src,
'alt' : new_title,
'title' : new_title
}).load(function(){
if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled)
$(this).attr('rel', new_href);
});
}
$('#views_block li a').removeClass('shown');
$(domAAroundImgThumb).addClass('shown');
}
}

brus powerfull

Когда нахожусь на странице категории, проверяю через консоль например переход по ссылке quick view товара, то если я это делаю в дефолтной теме, то все нормально - ошибок нет, а если в текущей, то в консоли выдало вот такое:
Uncaught SyntaxError: Unexpected token v jquery.min.js:4m.
parseJSON
(anonymous function)
m.event.dispatch
r.handle


Это я так понимаю и значит,что ошибка подключения product.js?

mAgency

Это о том, что возвращается невалидный JSON код. Ошибка в коде - скобка не закрыта, лишняя запятая и т.д., проверять нужно все js файлы.
Интернет-магазин под ключ.
Какой выбрать движок для интернет магазина ?
Какой движок лучше ?
Magento или Prestashop ?
Решение всех Ваших вопросов в создании Интернет-магазина.

Adik

Возможно множественое объявление однинаковых ID у разных элементов верстки.

brus powerfull

Все js-файлы, которые лежат  в папке js темы? Как же мне найти то эту ошибку, можно как-то сделать парсинг отдельного файла js на наличие ошибки?