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

[smoke-nk]

Добрый вечер!
Помогите пожалуйста сделать это) Поднять левое меню наверх, а слайдер обрезать как показано на картинке. Не повлияет ли это на адаптивность мобильной версии?

[MikDark]

smoke-nk (16 Апрель 2015 - 17:59) писал:

Добрый вечер!
Помогите пожалуйста сделать это) Поднять левое меню наверх, а слайдер обрезать как показано на картинке. Не повлияет ли это на адаптивность мобильной версии?

Здравствуйте. В шаблоне HTML Вам нужно вырезать код:

 <!-- Главная страница -->
			  {% IF index_page %}
				<div id="module_area"> 
				  <div id="flexslideshow" class="flexslider">
					<ul class="slides">
					  <li>					   
						<img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=chameleon" alt="Slide 1" class="slide_img">
					  </li>
					  <li>					   
						<img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=chameleon" alt="Slide 2" class="slide_img">
					  </li>
					  <li>					 
						<img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=chameleon" alt="Slide 3" class="slide_img">
					  </li>
					</ul>
				  </div>
				</div>
			  {% ENDIF %}
		<!-- /Главная страница -->

и поставить его перед:

{BODY}
		   {%IF index_page%}
			{% IFNOT index_page_new_goods_empty %}
			  <div class="customNavigation">
				<a class="btn prev ftheme-color"><div class="newprev btheme-color"><div class="newprevin btheme-color"></div></div></a>
				 <h2 class="indexh2 ftheme-color">Новинки</h2>
				<a class="btn next ftheme-color"><div class="newnext btheme-color"><div class="newnextin btheme-color"></div></div></a>			   
			  </div>			

На адаптивность повлиять не должно. Если будут какие-то проблемы, мы поможем их решать.

[smoke-nk]

Спасибо большое!
Почти получилось!
Как теперь можно выровнить? SL-340545

[smoke-nk]

Так же в мобильной версии съехал пункт регистрация...

[Danil]

smoke-nk (16 Апрель 2015 - 19:00) писал:

Спасибо большое!
Почти получилось!
Как теперь можно выровнить? SL-340545

В main.css найдите код

#module_area {
  width: 100%;
  margin: 0 auto;
}

и замените на

#module_area {
  width: 100%;
  margin: 0 auto;
  padding: 0px 30px;
}

[smoke-nk]

К сожалению не помогло...все так же...

[MikDark]

smoke-nk (16 Апрель 2015 - 19:16) писал:

К сожалению не помогло...все так же...

Попробуйте почистить кэш в браузере.

[smoke-nk]

Почистил...Все так же((

Так же в мобильной версии не отображается кнопка регистрации:

[Vaccina]

На данный момент 2 кнопки ЛК отображаются на одной строке, попробуйте в main.css у следующего блока:

.login {
  margin: 6px auto 0;
  width: 138px;
}

увеличить значение стиля width

[smoke-nk]

Спасибо, получилось! А как все-таки можно выровнить левое меню отностительно слайдера?

[Vaccina]

В main.css найдите:

#module_area {
  margin: 0 auto;
  padding: 0 30px;
  width: 100%;
}

замените на:

#module_area {
  margin: -20px auto 0;
  padding: 0 30px;
  width: 100%;
}

[smoke-nk]

Огромное спасибо! Еще пару вопросов))
1. В мобильной версии страницы сдвинуты чуть вправо, даже логотип немного перекрывает...как можно исправить?


2. Как можно сдвинуть номер телефона влево, сравняв его с рамкой поиска?

[Alekseys]

smoke-nk (17 Апрель 2015 - 09:57) писал:

Огромное спасибо! Еще пару вопросов))
1. В мобильной версии страницы сдвинуты чуть вправо, даже логотип немного перекрывает...как можно исправить?
2. Как можно сдвинуть номер телефона влево, сравняв его с рамкой поиска?

Здравствуйте.
1. В main.css в блоке

@media only screen and (max-width: 480px)

добавьте

.logo img {
  width: 200px;
}

2. В main.css замените

.hph1 {
  margin-top: 15px;
}

на

.hph1 {
  margin: 15px 0 0 -20px;
}

[smoke-nk]

Большое спасибо!

[Мария1004]

Здравствуйте, как изменить размер слайдера? хотелось бы размеры 800х400рх SL-361643

[RayLi]

Мария1004 (25 Октябрь 2015 - 12:57) писал:

Здравствуйте, как изменить размер слайдера? хотелось бы размеры 800х400рх SL-361643

Здравствуйте.
Сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:

#module_area {
margin: -20px auto 0;
padding: 0 150px;
width: 100%;
}

И замените его вот этим вот кодом:

#module_area {
margin: -20px auto 0;
padding: 0 100px;
width: 100%;
}

Далее в том же шаблоне найдите следующий код:

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

И замените его этим вот кодом:

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

[Мария1004]

Огромное спасибо!!

[Миромарт]

Класс класс класс

[Gambler]

Здравствуйте.
Подскажите, пожалуйста, как растянуть слайдер на всю ширину экрана.
Не нужны слева и справа пустые белые поля.
Спасибо.

[Stasya]

Gambler (09 Декабрь 2017 - 14:51) писал:

Здравствуйте.
Подскажите, пожалуйста, как растянуть слайдер на всю ширину экрана.
Не нужны слева и справа пустые белые поля.
Спасибо.

Здравствуйте. Простиет за длительное ожидание ответа. В шаблоне HTML найдите блок

<div class="contwrap">
			  <div class="row">
		  <div class="cols col-12">
			<div class="slider">
  <!-- Главная страница -->
			  {% IF index_page %}
				<div id="module_area">
				  <div id="flexslideshow" class="flexslider">
					<ul class="slides">
					  <li>					  
						<img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=chameleon" alt="Slide 1" class="slide_img">
					  </li>
					  <li>					  
						<img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=chameleon" alt="Slide 2" class="slide_img">
					  </li>
					  <li>					
						<img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=chameleon" alt="Slide 3" class="slide_img">
					  </li>
					</ul>
				  </div>
				</div>
			  {% ENDIF %}
		<!-- /Главная страница -->
			</div>
		  </div><!-- END cols col-12 -->
		</div>   <!-- END cols row -->

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

<div id="slideshow">
			<div class="slider">
  <!-- Главная страница -->
			  {% IF index_page %}
				<div id="module_area">
				  <div id="flexslideshow" class="flexslider">
					<ul class="slides">
					  <li>					  
						<img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=chameleon" alt="Slide 1" class="slide_img">
					  </li>
					  <li>					  
						<img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=chameleon" alt="Slide 2" class="slide_img">
					  </li>
					  <li>					
						<img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=chameleon" alt="Slide 3" class="slide_img">
					  </li>
					</ul>
				  </div>
				</div>
			  {% ENDIF %}
		<!-- /Главная страница -->
			</div>
</div>
<div class="contwrap">