0
Перенести Фотографии
Автор Candyover, 25 февр. 2014 18:28
Сообщений в теме: 9
#1
Отправлено 25 Февраль 2014 - 18:28
Нужно перенести фотографии в указанное место
И когда на них нажимаешь они открываются в отельной вкладке, нужно что бы открывались вместо основного фото
И почему то когда открываю фотографию пишет ошибка на сайте, чем больше фоток открываю тем больше ошибок ( на втором скрине видно)
И когда на них нажимаешь они открываются в отельной вкладке, нужно что бы открывались вместо основного фото
И почему то когда открываю фотографию пишет ошибка на сайте, чем больше фоток открываю тем больше ошибок ( на втором скрине видно)
#2
Отправлено 26 Февраль 2014 - 04:03
Ошибки наблюдаются в консоли, возможно, это связано с счетчиком, попробуйте удалить код в main.js:
Для фото, найдите в main.css:
$('#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
Отправлено 28 Февраль 2014 - 15:44
Vaccina (26 Февраль 2014 - 04:03) писал:
Ошибки наблюдаются в консоли, возможно, это связано с счетчиком, попробуйте удалить код в main.js:
Для фото, найдите в main.css:
$('#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
Отправлено 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
Отправлено 10 Март 2014 - 13:43
Добрый день!
2 вопроса -
1)как в каталоге переместить изображения чтобы они шли по 3 шт?
2)как увеличить размер изображений? (основные настройки-изображения категорий - меняю Максимальный размер по высоте/ширине в пикселях для списка категорий внутри категории, после чего изображение увеличивается но становиться обрезанным справа)
Все изображения загружены в одинаковом разрешении
Заранее спасибо
2 вопроса -
1)как в каталоге переместить изображения чтобы они шли по 3 шт?
2)как увеличить размер изображений? (основные настройки-изображения категорий - меняю Максимальный размер по высоте/ширине в пикселях для списка категорий внутри категории, после чего изображение увеличивается но становиться обрезанным справа)
Все изображения загружены в одинаковом разрешении
Заранее спасибо
#6
Отправлено 10 Март 2014 - 14:48
Здравствуйте, чтоб сделать их больше нужно чтоб сами картинки были больше, у вас они все еще разных размеров, 100х71; 100х64; 100х68; 100х65; 100х66; 100х71. (размеры соответствуют порядку изображений категорий). Сделайте их все одинакового размера.
#7
Отправлено 10 Март 2014 - 22:53
Сделал... Что теперь?
#8
Отправлено 11 Март 2014 - 08:51
Найдите в файле main.css код
данный код увеличивает отступ справа у каждой категории padding-right: 73px;
Вы еще спрашивали про увеличения изображений. Для этого нужно просто загрузить сами изображения большего размера и уменьшить величину отступа, чтоб по прежнему умещалось 3 в ряд.
.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 в ряд.
#10
Отправлено 12 Март 2014 - 02:43
если вы уже заменили фото на новые с размером побольше, то остается в разделе Настройки - Основные увеличить значения изображений.
А чтобы в будущем по ширине не обрезались фото, в main.css найдите:
А чтобы в будущем по ширине не обрезались фото, в 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 анонимных