Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

"наплыв" Фото На Главной Странице

Автор mrsimon90, 22 янв. 2018 19:07

Авторизуйтесь для ответа в теме

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

#1 mrsimon90

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

Пользователи
50 сообщений

Отправлено 22 Январь 2018 - 19:07

Здравствуйте! Помогите сделать наплыв фото на главной странице так, как это сделано в меню "Девушки" (При загрузке главной страницы фото медленно как бы увеличивается и создается эффект наплыва) аккаунт SL-404966 Спасибо!

Наверх

#2 RayLi

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

Модераторы
2 864 сообщений

Отправлено 25 Январь 2018 - 16:39

mrsimon90 (22 Январь 2018 - 19:07) писал:

Здравствуйте! Помогите сделать наплыв фото на главной странице так, как это сделано в меню "Девушки" (При загрузке главной страницы фото медленно как бы увеличивается и создается эффект наплыва) аккаунт SL-404966 Спасибо!

Здравствуйте.
В данном случае Вам необходимо в шаблоне html найти следующий код:

		 <!-- Slider Слайдер -->
		 {% IF index_page %}
		<div id="slideshow">
		  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
		  <div class="slide"></div>
		  <div class="text">
				<a href="http://gmarussia.ru/catalog/Devushki" class="button big"><font color="ffffff">Девушки</a>
		  </div>
		  <div class="image">
				<img src="{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise"/>
		  </div>
		</div><br><br>
		{% ENDIF %}
		<!-- /END Slider Слайдер -->
   
   <!-- Slider Слайдер -->
		{% IF index_page %}
		<div id="slideshow">
		  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
		  <div class="slide"></div>
		  <div class="text">

				<a href="http://gmarussia.ru/catalog/yunoshi" class="button big">Юноши</font></a>
		  </div>
		  <div class="image">
				<img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise"/>
		  </div>
		</div><br><br>
		{% ENDIF %}
		<!-- /END Slider Слайдер -->
   
		  <!-- Slider Слайдер -->
	  <!-- Slider Слайдер -->
	{% IF index_page %}
	<div id="slideshow">
	  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
	  <div class="slide"></div>
	  <div class="text">

		<a href="http://gmarussia.ru/catalog/Deti" class="button big"><font color="ffffff">Дети</font></a>
	  </div>
	  <div class="image">
		<img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sunrise"/>
	  </div>
	</div>
	{% ENDIF %}
	<!-- /END Slider Слайдер -->

После чего замените его данным кодом:

		 <!-- Slider Слайдер -->
		 {% IF index_page %}
		<div id="slideshow">
		  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
		  <div class="slide"></div>
		  <div class="text">
		  <a href="http://gmarussia.ru/catalog/Devushki" class="button big"><font color="ffffff">Девушки</a>
		  </div>
		</div><br><br>
		
		<div id="slideshow">
		  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
		  <div class="slide2"></div>
		  <div class="text">
		  <a href="http://gmarussia.ru/catalog/yunoshi" class="button big">Юноши</font></a>
		  </div>
		</div><br><br>
		
	   <div id="slideshow">
		 <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
		 <div class="slide3"></div>
		 <div class="text">
		 <a href="http://gmarussia.ru/catalog/Deti" class="button big"><font color="ffffff">Дети</font></a>
		 </div>
	   </div>
	{% ENDIF %}
	<!-- /END Slider Слайдер -->

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

#slideshow {position: relative;overflow: hidden;}
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}

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

#slideshow {position: relative;overflow: hidden;}
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .slide2 {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide2.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .slide3 {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide3.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}

Наверх

#3 mrsimon90

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

Пользователи
50 сообщений

Отправлено 25 Январь 2018 - 20:25

RayLi (25 Январь 2018 - 16:39) писал:

Здравствуйте.
В данном случае Вам необходимо в шаблоне html найти следующий код:

<!-- Slider Слайдер -->
{% IF index_page %}
<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide"></div>
<div class="text">
<a href="http://gmarussia.ru/catalog/Devushki" class="button big"><font color="ffffff">Девушки</a>
</div>
<div class="image">
<img src="{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise"/>
</div>
</div><br><br>
{% ENDIF %}
<!-- /END Slider Слайдер -->

<!-- Slider Слайдер -->
{% IF index_page %}
<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide"></div>
<div class="text">

<a href="http://gmarussia.ru/catalog/yunoshi" class="button big">Юноши</font></a>
</div>
<div class="image">
<img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise"/>
</div>
</div><br><br>
{% ENDIF %}
<!-- /END Slider Слайдер -->

<!-- Slider Слайдер -->
<!-- Slider Слайдер -->
{% IF index_page %}
<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide"></div>
<div class="text">

<a href="http://gmarussia.ru/catalog/Deti" class="button big"><font color="ffffff">Дети</font></a>
</div>
<div class="image">
<img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sunrise"/>
</div>
</div>
{% ENDIF %}
<!-- /END Slider Слайдер -->

После чего замените его данным кодом:

<!-- Slider Слайдер -->
{% IF index_page %}
<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide"></div>
<div class="text">
<a href="http://gmarussia.ru/catalog/Devushki" class="button big"><font color="ffffff">Девушки</a>
</div>
</div><br><br>

<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide2"></div>
<div class="text">
<a href="http://gmarussia.ru/catalog/yunoshi" class="button big">Юноши</font></a>
</div>
</div><br><br>

<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide3"></div>
<div class="text">
<a href="http://gmarussia.ru/catalog/Deti" class="button big"><font color="ffffff">Дети</font></a>
</div>
</div>
{% ENDIF %}
<!-- /END Slider Слайдер -->

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

#slideshow {position: relative;overflow: hidden;}
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}

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

#slideshow {position: relative;overflow: hidden;}
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .slide2 {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide2.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .slide3 {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide3.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}

на главной странице пропали категории "Юноши" и "Дети", я вроде бы все правильно сделал, не знаю...

Наверх

#4 mrsimon90

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

Пользователи
50 сообщений

Отправлено 25 Январь 2018 - 20:31

RayLi (25 Январь 2018 - 16:39) писал:

Здравствуйте.
В данном случае Вам необходимо в шаблоне html найти следующий код:

<!-- Slider Слайдер -->
{% IF index_page %}
<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide"></div>
<div class="text">
<a href="http://gmarussia.ru/catalog/Devushki" class="button big"><font color="ffffff">Девушки</a>
</div>
<div class="image">
<img src="{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise"/>
</div>
</div><br><br>
{% ENDIF %}
<!-- /END Slider Слайдер -->

<!-- Slider Слайдер -->
{% IF index_page %}
<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide"></div>
<div class="text">

<a href="http://gmarussia.ru/catalog/yunoshi" class="button big">Юноши</font></a>
</div>
<div class="image">
<img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise"/>
</div>
</div><br><br>
{% ENDIF %}
<!-- /END Slider Слайдер -->

<!-- Slider Слайдер -->
<!-- Slider Слайдер -->
{% IF index_page %}
<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide"></div>
<div class="text">

<a href="http://gmarussia.ru/catalog/Deti" class="button big"><font color="ffffff">Дети</font></a>
</div>
<div class="image">
<img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sunrise"/>
</div>
</div>
{% ENDIF %}
<!-- /END Slider Слайдер -->

После чего замените его данным кодом:

<!-- Slider Слайдер -->
{% IF index_page %}
<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide"></div>
<div class="text">
<a href="http://gmarussia.ru/catalog/Devushki" class="button big"><font color="ffffff">Девушки</a>
</div>
</div><br><br>

<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide2"></div>
<div class="text">
<a href="http://gmarussia.ru/catalog/yunoshi" class="button big">Юноши</font></a>
</div>
</div><br><br>

<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide3"></div>
<div class="text">
<a href="http://gmarussia.ru/catalog/Deti" class="button big"><font color="ffffff">Дети</font></a>
</div>
</div>
{% ENDIF %}
<!-- /END Slider Слайдер -->

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

#slideshow {position: relative;overflow: hidden;}
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}

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

#slideshow {position: relative;overflow: hidden;}
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .slide2 {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide2.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .slide3 {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide3.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}

Попробовал еще раз- тоже самое, восстановил сайт по ранее созданному бэкапу

Наверх

#5 RayLi

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

Модераторы
2 864 сообщений

Отправлено 26 Январь 2018 - 11:39

mrsimon90 (25 Январь 2018 - 20:31) писал:

Попробовал еще раз- тоже самое, восстановил сайт по ранее созданному бэкапу

Здравствуйте.
Попробуйте, тогда, так же в шаблоне html найти следующий код:

				 <!-- Slider Слайдер -->
				 {% IF index_page %}
				<div id="slideshow">
				  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
				  <div class="slide"></div>
				  <div class="text">
								<a href="http://gmarussia.ru/catalog/Devushki" class="button big"><font color="ffffff">Девушки</a>
				  </div>
				  <div class="image">
								<img src="{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise"/>
				  </div>
				</div><br><br>
				{% ENDIF %}
				<!-- /END Slider Слайдер -->
   
   <!-- Slider Слайдер -->
				{% IF index_page %}
				<div id="slideshow">
				  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
				  <div class="slide"></div>
				  <div class="text">

								<a href="http://gmarussia.ru/catalog/yunoshi" class="button big">Юноши</font></a>
				  </div>
				  <div class="image">
								<img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise"/>
				  </div>
				</div><br><br>
				{% ENDIF %}
				<!-- /END Slider Слайдер -->
   
				  <!-- Slider Слайдер -->
		  <!-- Slider Слайдер -->
		{% IF index_page %}
		<div id="slideshow">
		  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
		  <div class="slide"></div>
		  <div class="text">

				<a href="http://gmarussia.ru/catalog/Deti" class="button big"><font color="ffffff">Дети</font></a>
		  </div>
		  <div class="image">
				<img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sunrise"/>
		  </div>
		</div>
		{% ENDIF %}
		<!-- /END Slider Слайдер -->

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

				 <!-- Slider Слайдер -->
				 {% IF index_page %}
				<div id="slideshow">
				  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
				  <div class="slide"></div>
				  <div class="text">
				  <a href="http://gmarussia.ru/catalog/Devushki" class="button big"><font color="ffffff">Девушки</a>
				  </div>
				</div><br><br>
				
				<div id="slideshow">
				  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
				  <div class="slide1"></div>
				  <div class="text">
				  <a href="http://gmarussia.ru/catalog/yunoshi" class="button big">Юноши</font></a>
				  </div>
				</div><br><br>
				
		   <div id="slideshow">
				 <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
				 <div class="slide2"></div>
				 <div class="text">
				 <a href="http://gmarussia.ru/catalog/Deti" class="button big"><font color="ffffff">Дети</font></a>
				 </div>
		   </div>
		{% ENDIF %}
		<!-- /END Slider Слайдер -->

После чего в шаблоне main.css найдите, пожалуйста, данный код:

#slideshow {position: relative;overflow: hidden;}
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}

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

#slideshow {position: relative;overflow: hidden;}
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .slide1 {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .slide2 {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide2.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}

Наверх

#6 mrsimon90

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

Пользователи
50 сообщений

Отправлено 26 Январь 2018 - 13:31

RayLi (26 Январь 2018 - 11:39) писал:

Здравствуйте.
Попробуйте, тогда, так же в шаблоне html найти следующий код:

<!-- Slider Слайдер -->
{% IF index_page %}
<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide"></div>
<div class="text">
<a href="http://gmarussia.ru/catalog/Devushki" class="button big"><font color="ffffff">Девушки</a>
</div>
<div class="image">
<img src="{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise"/>
</div>
</div><br><br>
{% ENDIF %}
<!-- /END Slider Слайдер -->

<!-- Slider Слайдер -->
{% IF index_page %}
<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide"></div>
<div class="text">

<a href="http://gmarussia.ru/catalog/yunoshi" class="button big">Юноши</font></a>
</div>
<div class="image">
<img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise"/>
</div>
</div><br><br>
{% ENDIF %}
<!-- /END Slider Слайдер -->

<!-- Slider Слайдер -->
<!-- Slider Слайдер -->
{% IF index_page %}
<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide"></div>
<div class="text">

<a href="http://gmarussia.ru/catalog/Deti" class="button big"><font color="ffffff">Дети</font></a>
</div>
<div class="image">
<img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sunrise"/>
</div>
</div>
{% ENDIF %}
<!-- /END Slider Слайдер -->

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

<!-- Slider Слайдер -->
{% IF index_page %}
<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide"></div>
<div class="text">
<a href="http://gmarussia.ru/catalog/Devushki" class="button big"><font color="ffffff">Девушки</a>
</div>
</div><br><br>

<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide1"></div>
<div class="text">
<a href="http://gmarussia.ru/catalog/yunoshi" class="button big">Юноши</font></a>
</div>
</div><br><br>

<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide2"></div>
<div class="text">
<a href="http://gmarussia.ru/catalog/Deti" class="button big"><font color="ffffff">Дети</font></a>
</div>
</div>
{% ENDIF %}
<!-- /END Slider Слайдер -->

После чего в шаблоне main.css найдите, пожалуйста, данный код:

#slideshow {position: relative;overflow: hidden;}
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}

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

#slideshow {position: relative;overflow: hidden;}
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .slide1 {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .slide2 {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide2.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}

Тоже самое, после того как меняю код в html категории юноши и дети пропадают, после замены кода в main.css ничего не меняется

Наверх

#7 RayLi

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

Модераторы
2 864 сообщений

Отправлено 07 Февраль 2018 - 10:00

mrsimon90 (26 Январь 2018 - 13:31) писал:

Тоже самое, после того как меняю код в html категории юноши и дети пропадают, после замены кода в main.css ничего не меняется

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

		 <!-- Slider Слайдер -->
		 {% IF index_page %}
		<div id="slideshow">
		  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
		  <div class="slide"></div>
		  <div class="text">
				<a href="http://gmarussia.ru/catalog/Devushki" class="button big"><font color="ffffff">Девушки</a>
		  </div>
		  <div class="image">
				<img src="{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise"/>
		  </div>
		</div><br><br>
		{% ENDIF %}
		<!-- /END Slider Слайдер -->
   
   <!-- Slider Слайдер -->
		{% IF index_page %}
		<div id="slideshow">
		  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
		  <div class="slide"></div>
		  <div class="text">

				<a href="http://gmarussia.ru/catalog/yunoshi" class="button big">Юноши</font></a>
		  </div>
		  <div class="image">
				<img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise"/>
		  </div>
		</div><br><br>
		{% ENDIF %}
		<!-- /END Slider Слайдер -->
   
		  <!-- Slider Слайдер -->
	  <!-- Slider Слайдер -->
	{% IF index_page %}
	<div id="slideshow">
	  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
	  <div class="slide"></div>
	  <div class="text">

		<a href="http://gmarussia.ru/catalog/Deti" class="button big"><font color="ffffff">Дети</font></a>
	  </div>
	  <div class="image">
		<img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sunrise"/>
	  </div>
	</div>
	{% ENDIF %}
	<!-- /END Slider Слайдер -->

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


		 <!-- Slider Слайдер -->
		{% IF index_page %}
		<div id="slideshow">
		  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
		  <div class="slide"></div>
		  <div class="text">
				<a href="http://gmarussia.ru/catalog/Devushki" class="button big"><font color="ffffff">Девушки</font></a>
		  </div>
		</div><br><br>
		{% ENDIF %}
   
		{% IF index_page %}
		<div id="slideshow">
		  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
		  <div class="slide"></div>
		  <div class="text">
				<a href="http://gmarussia.ru/catalog/yunoshi" class="button big"><font color="ffffff">Юноши</font></a>
		  </div>
		  <div class="image">
				<img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise"/>
		  </div>
		</div><br><br>
		{% ENDIF %}
   
	   {% IF index_page %}
	   <div id="slideshow">
		 <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
		 <div class="slide"></div>
		 <div class="text">
		   <a href="http://gmarussia.ru/catalog/Deti" class="button big"><font color="ffffff">Дети</font></a>
		 </div>
		 <div class="image">
		   <img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sunrise"/>
		 </div>
	   </div>
	   {% ENDIF %}
	   <!-- /END Slider Слайдер -->

Далее в шаблоне main.css найдите, пожалуйста, данный код:

#main {position: relative;overflow: hidden;}
#slideshow {position: relative;overflow: hidden;}
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}
#slideshow .text .title {color: #1f1c1d;margin-bottom: 15px;font-weight: 500;font-size: 36px;text-transform: uppercase;}
#slideshow .preloading {height: 150%;}
#slideshow .preloading .folding-cube {margin-top: -150px;}

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


#main {position: relative;overflow: hidden;}
#slideshow {position: relative;overflow: hidden;}
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .slide1 {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .slide2 {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide2.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}
#slideshow .text .title {color: #1f1c1d;margin-bottom: 15px;font-weight: 500;font-size: 36px;text-transform: uppercase;}
#slideshow .preloading {height: 150%;}
#slideshow .preloading .folding-cube {margin-top: -150px;}