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


Непонятки С Дополнительными Фото


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

#1 wcp

wcp

    Новичок

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

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

Они по какому принципу выводятся?
Такое ощущение, что фото вообще не подгоняется под указанные размеры иконок.
Например, хотел увеличить размеры, поставил "иконки 250px", в итоге получил вот такое непотребство:

Screenshot_5.png

Сами картинки одного размера, 600*600 пикс.
Получается, что размер иконки никак не связан с "посадочным" местом для них, где-то в стилях ошибка?

#2 wcp

wcp

    Новичок

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

Отправлено 17 Май 2015 - 11:54

Если в стиле .goodsDataMainImagesIcon поставить width: 100%, то разумеется иконки приобретают человеческий вид в требуемом размере, но тогда перестают выводиться в ряд и выводятся в столбец :(

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

#3 Danil

Danil

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

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

Отправлено 17 Май 2015 - 12:04

Просмотр сообщенияwcp (17 Май 2015 - 11:54) писал:

Если в стиле .goodsDataMainImagesIcon поставить width: 100%, то разумеется иконки приобретают человеческий вид в требуемом размере, но тогда перестают выводиться в ряд и выводятся в столбец :(

ps а, насчет столбца понял - там колонка справа.
Но в любом случае, без правки стилей изменение размера иконок в админке - бессмысленно.
Здравствуйте.
В main.css найдите код
.goodsDataMainImagesIcon {
  width: 100px;
  margin: 0.2em 0.4em 0.2em 0em;
}
изменяйте 100px, в соответствии с установленным значением в настройках.

#4 DESPERADO

DESPERADO

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

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

Отправлено 23 Май 2015 - 23:05

Здравствуйте! Помогите переместить блок с другими фото в другое место, пример в прикрепленной фотографии.

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

  • БЛОК С ДРУГИМИ ФОТО.jpg


#5 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 24 Май 2015 - 11:57

Просмотр сообщенияDESPERADO (23 Май 2015 - 23:05) писал:

Здравствуйте! Помогите переместить блок с другими фото в другое место, пример в прикрепленной фотографии.

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите на строке 56 код:
<!-- Другие изображения товара. Отображаются если есть изображения товара -->
			 {% IFNOT goods_images_empty %}
			 {% FOR goods_images %}
				 <!-- Заголовок и обёртка для изображений, которая позволяет не показывать уменьшенное изображение товара если оно у него лишь одно -->
				 {% IF goods_images.first %}
				 <div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
					 <h5>Другие фото {GOODS_NAME}</h5>
				 {% ENDIF %}
				 <!-- Уменьшенное изображение товара -->
				 <div class="goodsDataMainImagesIcon left">
				 <a href="{goods_images.LARGE}" rel="gallery" target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
				 <!-- Идентификатор изображения товара, используется для галереи изображений -->
				 <input type="hidden" rel="{goods_images.ID}" />
				 </div>
				 <!-- В самом конце закрываем обёртку для списка маленьких изображений товара -->
				 {% IF goods_images.last %}
				 </div>
				 {% ENDIF %}
			 {% ENDFOR %}
			 {% ENDIF %}

Переместите его перед кодом:
</td>
		 </tr>
	 </table>
	 </div>
</form>

	 <!-- Блок описания товара. Показываем его есть описание товара -->

Далее найдите в этом коде строку:
<div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>

Замените на:
<div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %} style="margin-left: 1em;">


#6 DESPERADO

DESPERADO

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

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

Отправлено 24 Май 2015 - 20:37

Спасибо! А как теперь увеличить эти фото? Пример в прикрепленном файле.

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

  • увеличить фото.jpg


#7 Danil

Danil

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

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

Отправлено 25 Май 2015 - 09:57

Просмотр сообщенияDESPERADO (24 Май 2015 - 20:37) писал:

Спасибо! А как теперь увеличить эти фото? Пример в прикрепленном файле.
Здравствуйте.
Чтобы увеличить размер доп. фото, зайдите в раздел настройки - основные - изображения товаров - "Максимальный размер по высоте/ширине в пикселях для иконок".

#8 DESPERADO

DESPERADO

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

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

Отправлено 26 Май 2015 - 23:55

Просмотр сообщенияDanil (25 Май 2015 - 09:57) писал:

Здравствуйте.
Чтобы увеличить размер доп. фото, зайдите в раздел настройки - основные - изображения товаров - "Максимальный размер по высоте/ширине в пикселях для иконок".

они теперь друг на друга наехали и низ обрезался, как это исправить? Вот ссылка с примером: http://xn--80aab1aag...goods/NPL005-35

#9 Vaccina

Vaccina

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

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

Отправлено 27 Май 2015 - 06:45

В main.css найдите:
.goodsDataMainImagesIcon {
  height: 46px;
  margin: 0.2em 0.4em 0.2em 0;
  width: 46px;
}

замените на:
.goodsDataMainImagesIcon {
  height: 80px;
  margin: 0.2em 0.4em 0.2em 0;
  width: 80px;
}


#10 DESPERADO

DESPERADO

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

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

Отправлено 29 Май 2015 - 00:30

Спасибо большое!!! Не подскажете как сделать панель с соц.сетями, пример как хотелось бы видеть в прикрепленном файле.

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

  • панель.jpg


#11 Vaccina

Vaccina

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

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

Отправлено 29 Май 2015 - 01:49

В шаблоне Товар после:
<!-- Ссылка на увеличение среднего изображения товара до большого. Появляется если у товара указано изображение -->
			  {% IFNOT GOODS_IMAGE_EMPTY %}
				<div class="goodsDataMainImageZoom">
				  <a href="{GOODS_IMAGE_LARGE}" target="_blank">Увеличить изображение</a>
				</div>
			  {% ENDIF %}

вставьте код кнопок соц сетей, сгенерировать можно на этом сайте: https://tech.yandex.ru/share/




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

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