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


Основное Фото Товара.

Автор Anar, 18 нояб. 2012 17:54

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

#1 Anar

Anar

    Пользователь

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

Отправлено 18 Ноябрь 2012 - 17:54

Здравствуйте! Такая ситуация, отмечаю основной фотографией товара фотографию отличную от первой в галерее. Всё отлично в каталоге отображается то фото которое нужно (т.е. отмеченное основным)... Но вот проблема, нужно что бы на странице товара основной фотографией отображалась первая фотография галереи, а не фотография отмеченная основной. И как сделать, что бы данное изображение не показывалось в галерее вообще. Т.е. в каталоге с фото всё нормально, а из самой страницы товара эту фотографию убрать.
Это связанно с тем, что для каталога товаров я использую спец. изображение с описанием "noimage", в таблице галереи оно не отображается, т.к. через IF и его друзей, я присвоил ему значение "display"="none", но когда листаешь галерею больших изображений оно там всё-равно есть, более того оно ещё и является основным. Как сделать, что бы на странице товара этого изображения вообще не было ни в каком виде? И что бы на странице товара первым изображением было первое изображение галереи? Заранее благодарю.

Пример наушники соло - http://ag-store.ru/c...g/Monster-Beats

#2 Koderhan

Koderhan

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

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

Отправлено 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 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 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 Anar

Anar

    Пользователь

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

Отправлено 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 Koderhan

Koderhan

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

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

Отправлено 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 Anar

Anar

    Пользователь

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

Отправлено 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 Anar

Anar

    Пользователь

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

Отправлено 20 Ноябрь 2012 - 23:50

Ладно, сидел сидел... Коли уж так всё геморройно, то оставим это обсуждение, может как-нибудь найду время, сяду и сам разберусь, пока альтернативным путём буду всё это дело выводить :)

#8 vanyushka

vanyushka

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

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

Отправлено 25 Май 2014 - 00:55

Здравствуйте!
У меня вопрос по поводу местоположения фотографии в карточке товара. Вроде это 
.goodsDataMainImageBlock
Как я понимаю этот блок привязан к левому краю, отчего его местоположение при малой ширине фотографии находится не по центру, а слева. Прикрепляю скрин. При нормальной ширине такого не видно. Как сделать, чтобы любая фотография была по центру, ровно над надписью "Увеличить изображение"? + хотелось бы сделать одинаковые промежутки между миниатюр снизу. Как видно на скрине, первая фотография из миниатюр, из-за своей меньшей ширины съехала влево.

Изображение

#9 Ирина345

Ирина345

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

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

Отправлено 25 Май 2014 - 10:50

Просмотр сообщенияipodushkin (25 Май 2014 - 00:55) писал:

Здравствуйте!
У меня вопрос по поводу местоположения фотографии в карточке товара. Вроде это 
.goodsDataMainImageBlock
Как я понимаю этот блок привязан к левому краю, отчего его местоположение при малой ширине фотографии находится не по центру, а слева. Прикрепляю скрин. При нормальной ширине такого не видно. Как сделать, чтобы любая фотография была по центру, ровно над надписью "Увеличить изображение"? + хотелось бы сделать одинаковые промежутки между миниатюр снизу. Как видно на скрине, первая фотография из миниатюр, из-за своей меньшей ширины съехала влево.

Изображение
Здравствуйте, Вы можете установить картинку посередине найдя в main.css
.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 vanyushka

vanyushka

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

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

Отправлено 25 Май 2014 - 12:33

Просмотр сообщенияИрина345 (25 Май 2014 - 10:50) писал:

Здравствуйте, Вы можете установить картинку посередине найдя в main.css
.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 vanyushka

vanyushka

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

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

Отправлено 26 Май 2014 - 11:46

актуально

#12 MikDark

MikDark

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

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

Отправлено 26 Май 2014 - 11:52

Просмотр сообщенияipodushkin (26 Май 2014 - 11:46) писал:

актуально

Найдите:
.goodsDataMainImageBlock img {
padding: 2px;
}

и замените на:
.goodsDataMainImageBlock img {
padding: 2px;
margin: 0 auto;
display: block;
}

#13 vanyushka

vanyushka

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

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

Отправлено 26 Май 2014 - 13:28

Просмотр сообщенияMikDark (26 Май 2014 - 11:52) писал:

Найдите:
.goodsDataMainImageBlock img {
padding: 2px;
}

и замените на:
.goodsDataMainImageBlock img {
padding: 2px;
margin: 0 auto;
display: block;
}

Спасибо!

Подскажите как убрать на странице товара рамки на миниатюрах и рамку на основном изображении товара?

#14 MikDark

MikDark

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

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

Отправлено 26 Май 2014 - 14:15

Просмотр сообщенияipodushkin (26 Май 2014 - 13:28) писал:

Спасибо!

Подскажите как убрать на странице товара рамки на миниатюрах и рамку на основном изображении товара?

В main.css удаляем строки:
.withBorder {
border: 1px solid #E6E6E6 !important;
}


.withBorder:hover {
border-color: #3399CC !important;
}

#15 vanyushka

vanyushka

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

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

Отправлено 13 Октябрь 2014 - 11:26

Здравствуйте!

Надо на странице товара чуть увеличить изображения миниатюр под основным фото. Как это осуществить?

#16 Alekseys

Alekseys

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

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

Отправлено 13 Октябрь 2014 - 11:30

Просмотр сообщенияipodushkin (13 Октябрь 2014 - 11:26) писал:

Здравствуйте!

Надо на странице товара чуть увеличить изображения миниатюр под основным фото. Как это осуществить?
Здравствуйте. Зайдите в Настройки -> Основные и измените размер изображения в разделе изображения товаров в строке "Максимальный размер по высоте/ширине в пикселях для иконок".
Обратно в Страница товара


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

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

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