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

[abzaloff]

Скажите, как сделать, чтобы слайдер не выходил за тело сайта при большом разрешении экрана.
Надо, чтобы он совпадал с границами самого сайта.
Пока я делаю белую рамку шире изображения и вставляю в нее картинки в Corel, но это не выход, так как при просмотре с мобильного изображения становятся слишком мелкими и уродуют страницу.
Аккаунт SL-243174
Cайт http://agfashion.ru/
Скрин прилагаю

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

• 

[empty9228]

Здравствуйте, найдите в файле style.css код

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

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

.flexslider .slides img {width: 57%; display: block; margin-left: 574px;}

[abzaloff]

empty9228 (07 Ноябрь 2013 - 08:44) писал:

Здравствуйте, найдите в файле style.css код

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

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

.flexslider .slides img {width: 57%; display: block; margin-left: 574px;}

Нет, не получается.
Теперь, при маленьком разрешении картинки съезжают и становятся видны обе картинки

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

• 

[sengun]

abzaloff (07 Ноябрь 2013 - 19:17) писал:

Нет, не получается.
Теперь, при маленьком разрешении картинки съезжают и становятся видны обе картинки

здравствуйте. В style.css замените код

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

на этот

.flexslider .slides img {width: 100%; max-width: 1200px;display: block;margin: auto;}

[Flor@@]

подскажите и мне как уменьшить размер показываемых картинок в слайдере? Скрин:

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

• 

[Vaccina]

Размер высоты слайдера задается путем изменения высоты изображений слайдов. Измените высоту у самих изображений вставленных в слайдер.

[Flor@@]

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

[velena168]

sengun (07 Ноябрь 2013 - 19:50) писал:

здравствуйте. В style.css замените код

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

на этот

.flexslider .slides img {width: 100%; max-width: 1200px;display: block;margin: auto;}

+

[miyako]

Найдите код слайдера в шаблоне 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 %}

У Вас он может отличаться. И вырежьте этот код.

Далее найдите код -

{BODY}

и перед ним вставьте код слайдера -

	 {% 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 %}

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

• 

[Flor@@]

спасибо вам всем огромное.
только с маленьких мониторов каталог не виден вообще, он оказывается совсем где-то внизу, после описаний и статей.

[miyako]

otdyh-i-son.ru (09 Ноябрь 2013 - 08:15) писал:

спасибо вам всем огромное.
только с маленьких мониторов каталог не виден вообще, он оказывается совсем где-то внизу, после описаний и статей.

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

[Flor@@]

а почему?
это ведь не удобно посетителям пришедшим купить что-либо
можно ли сделать чтобы в верху хотя бы было слово КАТАЛОГ, также как слово МЕНЮ которое появлется на экранах с маленьким разрешением на месте верхнего меню..

[miyako]

otdyh-i-son.ru (09 Ноябрь 2013 - 09:22) писал:

а почему?
это ведь не удобно посетителям пришедшим купить что-либо
можно ли сделать чтобы в верху хотя бы было слово КАТАЛОГ, также как слово МЕНЮ которое появлется на экранах с маленьким разрешением на месте верхнего меню..

При каком разрешении экрана у Вас каталог уходит вниз?

[Федор]

Добрый вечер.
Подскажите, как удалить слайдер?

[Stasya]

В шаблоне 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 %}

и удалите его.