Основное Фото Товара.
#1
Отправлено 18 Ноябрь 2012 - 17:54
Это связанно с тем, что для каталога товаров я использую спец. изображение с описанием "noimage", в таблице галереи оно не отображается, т.к. через IF и его друзей, я присвоил ему значение "display"="none", но когда листаешь галерею больших изображений оно там всё-равно есть, более того оно ещё и является основным. Как сделать, что бы на странице товара этого изображения вообще не было ни в каком виде? И что бы на странице товара первым изображением было первое изображение галереи? Заранее благодарю.
Пример наушники соло - http://ag-store.ru/c...g/Monster-Beats
#2
Отправлено 19 Ноябрь 2012 - 11:14
Но можно полностью скрыть изображение с описанием "noimage" из галереи .
Это делается в файле "Товар".
Найти код:
<li><a href="{goods_images.LARGE}" rel="gallery" target="_blank" title="{goods_images.NAME}"> <img class="cornerAll withBorder" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a></li>Заменить на:
{% IFNOT goods_images.NAME=noimage %} <li><a href="{goods_images.LARGE}" rel="gallery" target="_blank" title="{goods_images.NAME}"> <img class="cornerAll withBorder" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a></li> {% ENDIF %}
#3
Отправлено 19 Ноябрь 2012 - 17:57
<div class="goodsDataMainImage"> {% IF GOODS_IMAGE_EMPTY %} <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" /> {% ELSE %} <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> {% ENDIF %} <!-- Идентификатор изображения товара, используется для галереи изображений --> <input type="hidden" rel="{GOODS_IMAGE_ID}" /> </div>
этот блок выводит основное изображение, поэтому изменим его на
<div class="goodsDataMainImage"> {% IF goods_images_empty %} <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" /> {% ELSE %} {% FOR goods_images %} {%IF goods_images.first%} <a href="{goods_images.LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="cornerAll withBorder goods-image-medium" src="{goods_images.MEDIUM}" alt="{GOODS_NAME}" /></a> {%ENDIF%} {% ENDFOR %} {% ENDIF %} <!-- Идентификатор изображения товара, используется для галереи изображений --> {% FOR goods_images %} {%IF goods_images.first%} <input type="hidden" rel="{goods_images.ID}" /> {%ENDIF%} {% ENDFOR %} </div>
Изображение из общего списка можно убрать как описали выше - через условие.
#4
Отправлено 20 Ноябрь 2012 - 02:22
Vaccina (19 Ноябрь 2012 - 17:57) писал:
<div class="goodsDataMainImage"> {% IF GOODS_IMAGE_EMPTY %} <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" /> {% ELSE %} <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> {% ENDIF %} <!-- Идентификатор изображения товара, используется для галереи изображений --> <input type="hidden" rel="{GOODS_IMAGE_ID}" /> </div>
этот блок выводит основное изображение, поэтому изменим его на
<div class="goodsDataMainImage"> {% IF goods_images_empty %} <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" /> {% ELSE %} {% FOR goods_images %} {%IF goods_images.first%} <a href="{goods_images.LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="cornerAll withBorder goods-image-medium" src="{goods_images.MEDIUM}" alt="{GOODS_NAME}" /></a> {%ENDIF%} {% ENDFOR %} {% ENDIF %} <!-- Идентификатор изображения товара, используется для галереи изображений --> {% FOR goods_images %} {%IF goods_images.first%} <input type="hidden" rel="{goods_images.ID}" /> {%ENDIF%} {% ENDFOR %} </div>
Изображение из общего списка можно убрать как описали выше - через условие.
Основная фотография исчезла, но первая из галереи на её месте не появляется, с оператором FOR знаком плохо, в чём подвох понять не могу
#5
Отправлено 20 Ноябрь 2012 - 12:57
<div class="goodsDataMainImage"> {% IF goods_images_empty %} {% FOR goods_images %} {%IF goods_images.first%} <img src="{goods_images.LARGE}" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" /> {%ENDIF%} {% ENDFOR %} {% ELSE %} {% FOR goods_images %} {%IF goods_images.first%} <a href="{goods_images.LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="cornerAll withBorder goods-image-medium" src="{goods_images.MEDIUM}" alt="{GOODS_NAME}" /></a> {%ENDIF%} {% ENDFOR %} {% ENDIF %} <!-- Идентификатор изображения товара, используется для галереи изображений --> {% FOR goods_images %} {%IF goods_images.first%} <input type="hidden" rel="{goods_images.ID}" /> {%ENDIF%} {% ENDFOR %} </div>
#6
Отправлено 20 Ноябрь 2012 - 23:37
Koderhan (20 Ноябрь 2012 - 12:57) писал:
<div class="goodsDataMainImage"> {% IF goods_images_empty %} {% FOR goods_images %} {%IF goods_images.first%} <img src="{goods_images.LARGE}" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" /> {%ENDIF%} {% ENDFOR %} {% ELSE %} {% FOR goods_images %} {%IF goods_images.first%} <a href="{goods_images.LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="cornerAll withBorder goods-image-medium" src="{goods_images.MEDIUM}" alt="{GOODS_NAME}" /></a> {%ENDIF%} {% ENDFOR %} {% ENDIF %} <!-- Идентификатор изображения товара, используется для галереи изображений --> {% FOR goods_images %} {%IF goods_images.first%} <input type="hidden" rel="{goods_images.ID}" /> {%ENDIF%} {% ENDFOR %} </div>
Такой же результат...
#7
Отправлено 20 Ноябрь 2012 - 23:50
#8
Отправлено 25 Май 2014 - 00:55
У меня вопрос по поводу местоположения фотографии в карточке товара. Вроде это
.goodsDataMainImageBlockКак я понимаю этот блок привязан к левому краю, отчего его местоположение при малой ширине фотографии находится не по центру, а слева. Прикрепляю скрин. При нормальной ширине такого не видно. Как сделать, чтобы любая фотография была по центру, ровно над надписью "Увеличить изображение"? + хотелось бы сделать одинаковые промежутки между миниатюр снизу. Как видно на скрине, первая фотография из миниатюр, из-за своей меньшей ширины съехала влево.
#9
Отправлено 25 Май 2014 - 10:50
ipodushkin (25 Май 2014 - 00:55) писал:
У меня вопрос по поводу местоположения фотографии в карточке товара. Вроде это
.goodsDataMainImageBlockКак я понимаю этот блок привязан к левому краю, отчего его местоположение при малой ширине фотографии находится не по центру, а слева. Прикрепляю скрин. При нормальной ширине такого не видно. Как сделать, чтобы любая фотография была по центру, ровно над надписью "Увеличить изображение"? + хотелось бы сделать одинаковые промежутки между миниатюр снизу. Как видно на скрине, первая фотография из миниатюр, из-за своей меньшей ширины съехала влево.
.goodsDataMainImagesIcon {width:46px;height:46px;margin:0.2em 0.4em 0.2em 0em;}заменить на
.goodsDataMainImagesIcon {width:46px;height:46px;margin:0.2em 0.4em 0.2em 0em;text-align: center;}или же можете растянуть маленькие картинки по всей ширине блока
.goodsDataMainImagesIcon img {padding:2px;}заменить на
.goodsDataMainImagesIcon img {padding:2px;width:46px;height:46px;}
#10
Отправлено 25 Май 2014 - 12:33
Ирина345 (25 Май 2014 - 10:50) писал:
.goodsDataMainImagesIcon {width:46px;height:46px;margin:0.2em 0.4em 0.2em 0em;}заменить на
.goodsDataMainImagesIcon {width:46px;height:46px;margin:0.2em 0.4em 0.2em 0em;text-align: center;}или же можете растянуть маленькие картинки по всей ширине блока
.goodsDataMainImagesIcon img {padding:2px;}заменить на
.goodsDataMainImagesIcon img {padding:2px;width:46px;height:46px;}
Вариант с основным фото не действует - основная картинка продолжает прижиматься к левому краю.
Вариант с миниатюрами не подходит, так как искажаются их изображения (прикрепляю скрин).
#11
Отправлено 26 Май 2014 - 11:46
#13
Отправлено 26 Май 2014 - 13:28
MikDark (26 Май 2014 - 11:52) писал:
.goodsDataMainImageBlock img { padding: 2px; }
и замените на:
.goodsDataMainImageBlock img { padding: 2px; margin: 0 auto; display: block; }
Спасибо!
Подскажите как убрать на странице товара рамки на миниатюрах и рамку на основном изображении товара?
#14
Отправлено 26 Май 2014 - 14:15
ipodushkin (26 Май 2014 - 13:28) писал:
Подскажите как убрать на странице товара рамки на миниатюрах и рамку на основном изображении товара?
В main.css удаляем строки:
.withBorder { border: 1px solid #E6E6E6 !important; }
.withBorder:hover { border-color: #3399CC !important; }
#15
Отправлено 13 Октябрь 2014 - 11:26
Надо на странице товара чуть увеличить изображения миниатюр под основным фото. Как это осуществить?
#16
Отправлено 13 Октябрь 2014 - 11:30
ipodushkin (13 Октябрь 2014 - 11:26) писал:
Надо на странице товара чуть увеличить изображения миниатюр под основным фото. Как это осуществить?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных