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


Перенести Фотографии


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

#1 Candyover

Candyover

    Продвинутый пользователь

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

Отправлено 25 Февраль 2014 - 18:28

Нужно перенести фотографии в указанное место часть №1.png

И когда на них нажимаешь они открываются в отельной вкладке, нужно что бы открывались вместо основного фото часть №2.png

И почему то когда открываю фотографию пишет ошибка на сайте, чем больше фоток открываю тем больше ошибок ( на втором скрине видно)

#2 Vaccina

Vaccina

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

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

Отправлено 26 Февраль 2014 - 04:03

Ошибки наблюдаются в консоли, возможно, это связано с счетчиком, попробуйте удалить код в main.js:
$('#counter_2').countdown({
image: 'http://st.magazin-soblazn.ru/1/845/312/sprites.png',
startTime: '00:10',
timerEnd: function(){ alert('Время вышло!'); },
format: 'mm:ss'
});

Для фото, найдите в main.css:
.goodsDataMainImagesIcon {
	height: 46px;
	margin: 0.2em 0.4em 0.2em 0;
	width: 46px;
}
замените на:
.goodsDataMainImagesIcon {
	height: 200px;
	margin: 0.2em 0.4em 0.2em 0;
	width: 150px;
}


#3 Candyover

Candyover

    Продвинутый пользователь

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

Отправлено 28 Февраль 2014 - 15:44

Просмотр сообщенияVaccina (26 Февраль 2014 - 04:03) писал:

Ошибки наблюдаются в консоли, возможно, это связано с счетчиком, попробуйте удалить код в main.js:
$('#counter_2').countdown({
image: 'http://st.magazin-soblazn.ru/1/845/312/sprites.png',
startTime: '00:10',
timerEnd: function(){ alert('Время вышло!'); },
format: 'mm:ss'
});

Для фото, найдите в main.css:
.goodsDataMainImagesIcon {
height: 46px;
margin: 0.2em 0.4em 0.2em 0;
width: 46px;
}
замените на:
.goodsDataMainImagesIcon {
height: 200px;
margin: 0.2em 0.4em 0.2em 0;
width: 150px;
}

Спасибо, отлично все, но когда листаю "другике фотографии" добавляются js ошибки

#4 Сake

Сake

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

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

Отправлено 01 Март 2014 - 02:38

Попробуйте в вашем шаблоне "Товар" найти следующий код

<!-- Уменьшенное изображение товара -->
																																																												 <div class="goodsDataMainImagesIcon floatLeft">
																																																																 <a href="{goods_images.LARGE}" rel="useZoom: 'zoom2'" class="cloud-zoom-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>
																																																												 <!-- В самом конце закрываем обёртку для списка маленьких изображений товара -->

и заменить его на

<!-- Уменьшенное изображение товара -->
	<div class="goodsDataMainImagesIcon floatLeft">
		<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>
<!-- В самом конце закрываем обёртку для списка маленьких изображений товара -->


#5 Дмитрий Ярема

Дмитрий Ярема

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

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

Отправлено 10 Март 2014 - 13:43

Добрый день!
2 вопроса -
1)как в каталоге переместить изображения чтобы они шли по 3 шт?
2)как увеличить размер изображений? (основные настройки-изображения категорий - меняю Максимальный размер по высоте/ширине в пикселях для списка категорий внутри категории, после чего изображение увеличивается но становиться обрезанным справа)

Все изображения загружены в одинаковом разрешении

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

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

  • Безымянный.png


#6 empty9228

empty9228

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

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

Отправлено 10 Март 2014 - 14:48

Здравствуйте, чтоб сделать их больше нужно чтоб сами картинки были больше, у вас они все еще разных размеров, 100х71; 100х64; 100х68; 100х65; 100х66; 100х71. (размеры соответствуют порядку изображений категорий). Сделайте их все одинакового размера.

#7 Дмитрий Ярема

Дмитрий Ярема

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

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

Отправлено 10 Март 2014 - 22:53

Сделал... Что теперь?

#8 empty9228

empty9228

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

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

Отправлено 11 Март 2014 - 08:51

Найдите в файле main.css код
.content_catalog_nested_categories li {text-align:center;float:left;width:103px;overflow:hidden;padding:1em;margin:0;list-style-type:none;background:none !important;}
замените его на
.content_catalog_nested_categories li {text-align:center;float:left;width:103px;overflow:hidden;padding:1em;margin:0;list-style-type:none;background:none !important;padding-right: 73px;}

данный код увеличивает отступ справа у каждой категории padding-right: 73px;

Вы еще спрашивали про увеличения изображений. Для этого нужно просто загрузить сами изображения большего размера и уменьшить величину отступа, чтоб по прежнему умещалось 3 в ряд.

#9 Дмитрий Ярема

Дмитрий Ярема

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

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

Отправлено 11 Март 2014 - 22:37

empty9228, спасибо!


У меня все фото 1366х768, все вырезал под этот размер
Насколько нужно увеличить разрешение чтобы фотографии стали больше?

#10 Vaccina

Vaccina

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

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

Отправлено 12 Март 2014 - 02:43

если вы уже заменили фото на новые с размером побольше, то остается в разделе Настройки - Основные увеличить значения изображений.
А чтобы в будущем по ширине не обрезались фото, в main.css найдите:
.content_catalog_nested_categories li {
background-attachment: scroll !important;
background-clip: border-box !important;
background-color: transparent !important;
background-image: none !important;
background-origin: padding-box !important;
background-position: 0% 0% !important;
background-repeat: repeat !important;
background-size: auto !important;
float: left;
list-style-type: none;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 1em;
padding-left: 1em;
padding-right: 73px;
padding-top: 1em;
text-align: center;
width: 103px;
}
увеличьте: width: 103px;




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

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