Сообщений в теме: 100

[nasya727]

http://большие-медведи.рф/

Смотрите, как у нас получилось. Хотим поднять на место слайдера каталог , а слайдер передвинуть вправо. Скрепить 4 фото в одну, чтобы получилось как бы длинное одно фото, и чтобы слайдер двигался только на 20процентов , то есть на одну фотку.

[Vaccina]

Пожалуйста, объясните подробнее что именно вы хотите реализовать. О каких "4 фото" идет речь? и как все это должно выглядеть? Желательно чтобы вы приложили скриншот предполагаемых изменений.

[Elif]

Здравствуйте, подскажите пожалуйста какого размера картинки в слайдере? Чтобы вставить и осталось все так как есть, только с моими картинками?

[ne_yana]

Elif (30 Октябрь 2013 - 16:24) писал:

Здравствуйте, подскажите пожалуйста какого размера картинки в слайдере? Чтобы вставить и осталось все так как есть, только с моими картинками?

Здравствуйте, лучше всего вставлять широкие и узкие картинки, т.к. слайдер масштабирует вашу картинку пропорционально. Сейчас в слайдере картинки размера 1895 х 444 px.

[Elif]

ne_yana (30 Октябрь 2013 - 16:32) писал:

Здравствуйте, лучше всего вставлять широкие и узкие картинки, т.к. слайдер масштабирует вашу картинку пропорционально. Сейчас в слайдере картинки размера 1895 х 444 px.

знаете, я обрезала картинку до такого размера, но она при вставке становится гигантской, то есть сама картинка даже почему то не отображается, а только место от верхней шапки до каталога увеличивается раз в 5 по сравнению с вашими стандартными изображениями на слайдере, что делать?

[velena168]

Сake (23 Октябрь 2013 - 02:56) писал:

Изображения в слайдере задаются в шаблоне "HTML", а именно в блоке кода

{% IF index_page %}
	 <div class="flexslider" id="autumn-slider">
	 <ul class="slides">
		 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg"></a></li>
	 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li>
	 </ul>
	 </div>
{% ENDIF %}

в данном примере за одно изображение отвечает строка

<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li>

В данной строке вставлено изображение "slide2.jpg" которое должно быть загружено в разделе редактора тем. Добавляется изображение путем загрузки изображения в раздел редактора тем и вставки дополнительно строки в код слайдера. Пример

{% IF index_page %}
	 <div class="flexslider" id="autumn-slider">
	 <ul class="slides">
		 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg"></a></li>
	 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide3.jpg"></a></li>
	 </ul>
	 </div>
{% ENDIF %}

Касаясь вопроса изменения размера слайдера - слайдер подстраивается под изображения вставленные в него. Если вы загрузите и вставите изображения 340x200px, то и слайдер примет такой же размер. Все добавляемые изображения в слайдер должны быть одинакового размера. Изменить направление слайдера так же можно, для этого в слайдере предусмотрена опция direction в двумя возможными значениями "horizontal" и "vertical". Каждое из значений задает направление слайдера. Если необходимо изменить направление для главного слайдера, то в файле main.js находим

//Слайдер на главной
$(window).load(function(){		
$('.flexslider').flexslider({			
animation: "slide",			
start: function(slider){				
	 $('body').removeClass('loading');		
}		
});	
});

и меняем на

//Слайдер на главной
$(window).load(function(){		
$('.flexslider').flexslider({
direction: "vertical",
animation: "slide",			
start: function(slider){				
	 $('body').removeClass('loading');		
}		
});	
});

если же необходимо добавить дополнительный слайдер с таким направлением, то просто добавим код ниже существующего

//Слайдер на главной
$(window).load(function(){		
$('.flexslider-2').flexslider({
direction: "vertical",
animation: "slide",			
start: function(slider){				
	 $('body').removeClass('loading');		
}		
});	
});

а уже в шаблоне зададим код слайдера так

<div class="flexslider-2" id="autumn-slider">
	 <ul class="slides">
		 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg"></a></li>
	 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li>
	 </ul>
	 </div>

Спасибо! Вертикальный слайдер гораздо лучше.

[Vaccina]

Elif (09 Ноябрь 2013 - 00:12) писал:

знаете, я обрезала картинку до такого размера, но она при вставке становится гигантской, то есть сама картинка даже почему то не отображается, а только место от верхней шапки до каталога увеличивается раз в 5 по сравнению с вашими стандартными изображениями на слайдере, что делать?

На данный момент у вас стоят стандартные изображения, необходимо чтобы вы вставили свои слайды чтобы увидеть проблему.
Если вам поможет по размерам, стандартный слайд slide2.jpg имеет размеры 1920х450

[Elif]

Vaccina (09 Ноябрь 2013 - 05:32) писал:

На данный момент у вас стоят стандартные изображения, необходимо чтобы вы вставили свои слайды чтобы увидеть проблему.
Если вам поможет по размерам, стандартный слайд slide2.jpg имеет размеры 1920х450

вот сейчас стоит картинка размером 1895*444, сама картинка тоже не отображается и смотрите как расширилось пространство.

[ne_yana]

Elif (09 Ноябрь 2013 - 14:43) писал:

вот сейчас стоит картинка размером 1895*444, сама картинка тоже не отображается и смотрите как расширилось пространство.

Здравствуйте, сейчас отображается все корректно. Вопрос еще актуален?

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

• 

[Elif]

ne_yana (11 Ноябрь 2013 - 09:09) писал:

Здравствуйте, сейчас отображается все корректно. Вопрос еще актуален?

Здравствуйте, со слайдером я наконец разобралась, теперь меня интересует вот что, мне нужно над слайдером сделать дополнительный каталог, но с другими названиями вкладок, для того чтобы весь имеющийся товар магазина в левом меню был рассортирован по брендам как сейчас, а в дополнительном новом по типам, например как вот здесь. И еще у меня на главной странице стоят новинки, там цена заезжает на название товара, посмотрите пожалуйста, заранее спасибо!

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

• 

[Vaccina]

По новому каталогу у нас рассматривался вопрос в сл.теме:
http://forum.storela...алогом-товаров/

Вкратце необходимо скрыть все категории брендов на сайте в разделе Товары - Товары, далее в шаблоне HTML продублировать каталог и изменить в нем условие.

На счет товаров, проблема в длинном названии, зайдите в шаблон style.css найдите:

.autumnshowcase_block h5 {
	height: 23px;
	padding: 12px 0 5px;
}

замените на:

.autumnshowcase_block h5 {
	height: 23px;
	padding: 12px 0 5px;
}

[Юлечка]

Здравствуйте! Подскажите, пожалуйста! Шаблон осень, заменила шаблонные фото на свои! Меняю размер, но фото все равно вставляется на всю страницу ! Что нужно сделать?? Аккуант SL-246090

[Castiel]

Юлечка (21 Ноябрь 2013 - 16:46) писал:

Здравствуйте! Подскажите, пожалуйста! Шаблон осень, заменила шаблонные фото на свои! Меняю размер, но фото все равно вставляется на всю страницу ! Что нужно сделать?? Аккуант SL-246090

Ваша картинка слишком мала для этого слайдера.

Желательно использовать изображения размерами 1920х450

Вы так же можете указать размеры изображений в слайдере, для этого находим

.flexslider .slides img {
width: 100%;
display: block;
}

И изменяем на

.flexslider .slides img {
width: 1920px;
height: 400px;
display: block;
}

width: 1920px; Ширина
height: 400px; Высота

[Юлечка]

Castiel (21 Ноябрь 2013 - 18:10) писал:

Ваша картинка слишком мала для этого слайдера.

Желательно использовать изображения размерами 1920х450

Вы так же можете указать размеры изображений в слайдере, для этого находим

.flexslider .slides img {
width: 100%;
display: block;
}

И изменяем на

.flexslider .slides img {
width: 1920px;
height: 400px;
display: block;
}

width: 1920px; Ширина
height: 400px; Высота

Я изменила, но теперь он растягивает картинку в ширину! Скажите пожалуйста, как это изменить? И еще вопрос: можно ли сделать так, чтобы в слайдере по ширине страницы были несколько разных картинок?

[Castiel]

Юлечка (21 Ноябрь 2013 - 18:53) писал:

Я изменила, но теперь он растягивает картинку в ширину! Скажите пожалуйста, как это изменить? И еще вопрос: можно ли сделать так, чтобы в слайдере по ширине страницы были несколько разных картинок?

Вы используете слишком маленькие картинки для слайдера. Рекомендуемые размеры изображения 1920х450

Вы можете сделать композицию из нескольких картинок объединив их в одну большую с рекомендуемым размером. Берете несколько маленьких картинок, соединяете их вместе, в специализированной программе (Paint, PhotoShop и т.п.) и уже готовую композицию вставляете в слайдер как одну большую картинку

[support 2.0]

Юлечка (21 Ноябрь 2013 - 18:53) писал:

Я изменила, но теперь он растягивает картинку в ширину! Скажите пожалуйста, как это изменить? И еще вопрос: можно ли сделать так, чтобы в слайдере по ширине страницы были несколько разных картинок?

у Вас вертикальное изображение, а нужно в данный слайдер ставить горизонтальное.

[Юлечка]

support 2.0 (21 Ноябрь 2013 - 19:01) писал:

у Вас вертикальное изображение, а нужно в данный слайдер ставить горизонтальное.

Спасибо) Попробую найти подходящие !)

[Юлечка]

Юлечка (21 Ноябрь 2013 - 19:12) писал:

Спасибо) Попробую найти подходящие !)

Здравствуйте, а подскажите ,пожалуйста, а как  вместо "название магазина" в шапке вставить свое название ! Не могу разобраться !(

[ne_yana]

Юлечка (27 Ноябрь 2013 - 16:27) писал:

Здравствуйте, а подскажите ,пожалуйста, а как  вместо "название магазина" в шапке вставить свое название ! Не могу разобраться !(

Здравствуйте, название магазина можно поменять в разделе Настройки - Основные - Название магазина

Там видим поле с названием Название магазина туда вводим желаемое название магазина

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

• 

[Юлечка]

ne_yana (27 Ноябрь 2013 - 16:30) писал:

Здравствуйте, название магазина можно поменять в разделе Настройки - Основные - Название магазина

Там видим поле с названием Название магазина туда вводим желаемое название магазина

Спасибо, увидела!) Еще подскажите, пожалуйста, как помнять цвет верхней серой полосы в шаблоне "осень"! на форуме не могу найти эту информацию!(