Давно искал такой скрипт, нигде не нашел, решил сам уже написать.. пример: skateandsnow . ru/catalog/chekhly/chekhol-dakine-womens-pipe-148-cm-detail (если ссылки запрещены - извиняюсь)
Принцип работы: в доп поле (select) есть текст, у доп.картинки есть alt который идентичен тексту в селекте, изменили селект - имитировался клик на доп.изображение.
Приступим:
1) Действия в админке. В карточке товара выставляете доп.поле (select) к примеру - цвет. Добавляете значения: reg,green,blue - сохраняем, грузим фотки, в загруженных фото прописываем "Alt текст изображения" - red (собственно цвет к каждому фото, после каждого написания альта жмите сохранить)
2) Действия в /productdetails/tmpl/default.php (если у вас доп.картинки выводятся стандартно, то лезем в default_images.php)Ищем форейч доп.картинок (у меня он уже был немного по выводу изменен
// List all Images
if (count($this->product->images) > 0) {
foreach ($this->product->images as $image) {
if(count($this->product->images)==++$i){ $last = 'last';}
echo $image->displayMediaThumb('class="product-image" style="border: 1px solid black;"', true, 'class="cloud-zoom-gallery" rel=" useZoom:\'zoom1\', smallImage:\''.JURI::base().$image->file_url .'\' "', true, true); //'class="modal"'
}
}
Добавляем наш alt ($image->file_meta)
id="add_img-'.$image->file_meta.'"
Должно получится так
// List all Images
if (count($this->product->images) > 0) {
foreach ($this->product->images as $image) {
if(count($this->product->images)==++$i){ $last = 'last';}
echo $image->displayMediaThumb('class="product-image" id="add_img-'.$image->file_meta.'" style="border: 1px solid black;"', true, 'class="cloud-zoom-gallery" rel=" useZoom:\'zoom1\', smallImage:\''.JURI::base().$image->file_url .'\' "', true, true); //'class="modal"'
}
}
Добавляем скрипт
<script type="text/javascript">
$( document ).ready(function() {
$(function(){
$('select').change(function(){
alt_image = $('select option:selected').text();
$('#add_img-'+alt_image+'').click();
})
});
});
</script>
p.s.: можно было сделать это по "data-color" чтоб не всплывал текст, хотя это удобно с одной стороны.
было бы неплохо добавить в админке доп.поле чтоб не мудрить так
еще есть скрипт который выводит все товары на одной странице (30 вывел, нажали кнопку - еще 30, нажали еще раз - все), но там дуратский вывод (absolute, height 0, margin -over9000) т.к. не работает opacity если было бы .show() / .hide()... skateandsnow . ru/catalog/velosipedyi/results,1000-9
18.05.2022, 15:01:55