Перейти к содержимому


Баннер На Главной На Всех Страницах


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 14

#1 АНКИЛЛ

АНКИЛЛ

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

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородИжевск

Отправлено 02 Март 2015 - 14:41

Здравствуйте!


Как сделать что бы баннер-карусель который есть на главной странице отображался на всех страницах сайта?

#2 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 04 Март 2015 - 03:14

В шаблоне 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 %}
		<!-- /Главная страница -->

замените на:
				<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>


#3 АНКИЛЛ

АНКИЛЛ

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

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородИжевск

Отправлено 04 Март 2015 - 08:36

благодарю

#4 Cybernetic

Cybernetic

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

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 15 Апрель 2015 - 07:57

Добрый день,
возможно ли поставить карусель в футор вот эту http://www.hislider....llery-demo.html
учитывая что у нас есть уже карусель не будет ли она конфликтовать? Не сильно утяжелит ли это сайт
Подробнее на картинке

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

  • zx11.jpg


#5 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 16 Апрель 2015 - 01:02

Подобный слайдер, к сожалению, нельзя поставить так как нет доступа FTP и нельзя загружать папки, сам по себе он будет затормаживать первоначальную загрузку сайта как и любой другой.
Судя по примеру вам больше нужны вертикальные табы\вкладки, например:
http://www.slidetabs.com
(выберите вертикальные), вместо текстовой информация вставляете необходимые фото и простилизовать по желанию

#6 Cybernetic

Cybernetic

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

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 16 Апрель 2015 - 07:22

Просмотр сообщенияVaccina (16 Апрель 2015 - 01:02) писал:

Подобный слайдер, к сожалению, нельзя поставить так как нет доступа FTP и нельзя загружать папки, сам по себе он будет затормаживать первоначальную загрузку сайта как и любой другой.
Судя по примеру вам больше нужны вертикальные табы\вкладки, например:
http://www.slidetabs.com
(выберите вертикальные), вместо текстовой информация вставляете необходимые фото и простилизовать по желанию

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

#7 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 17 Апрель 2015 - 01:37

По данной ссылке скачайте архив:
https://github.com/s...bs-to-Accordion

Из архива в редактор шаблонов загрузите следующие файлы:
- easyResponsiveTabs.js
- easy-responsive-tabs.css

Далее в шаблоне HTML найдите:
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

перед ним вставьте:
<link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}easy-responsive-tabs.css" />
	<script src="{ASSETS_JS_PATH}easyResponsiveTabs.js"></script>

и в конце шаблона вместо:
<div class="one_fourth column" id="banner_bottom">
		  
<a href="/page/%D0%93%D0%BB%D0%B0%D0%B2%D0%BD%D0%B0%D1%8F"><img src="{ASSETS_IMAGES_PATH}ban33.png"  alt="" /></a>
	  <div class="clear"></div>
		 </div>

вставьте:
<!--Vertical Tab-->
		<div id="parentVerticalTab">
			<ul class="resp-tabs-list hor_1">
				<li>Vertical 1</li>
				<li>Vertical 2</li>
				<li>Vertical 3</li>
			</ul>
			<div class="resp-tabs-container hor_1">
				<div>
					Lorem ipsum dolor sit amet, lerisque commodo. Nam porta cursus lectusconsectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales sce. Proin nunc erat, gravida a facilisis quis, ornare id lectus.
					<br>
					<br>
					<p>Tab 1 Container</p>
				</div>
				<div>
					Lorem consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis quis, ornare id lectus. Proin consectetur nibh quis.
					<br>
					<br>
					<p>Tab 2 Container</p>
				</div>
				<div>
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis quis, ornare id lectus. Proin consectetur nibh quis urna gravida mollis.
					<br>
					<br>
					<p>Tab 3 Container</p>
				</div>
			</div>
		</div>

вместо текста вставьте необходимую информацию или баннеры

#8 Cybernetic

Cybernetic

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

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 17 Апрель 2015 - 09:09

Vaccina все очень не очень((( фон сайта становится белым, ни чего не работает и не переключает. (скриншот)

Т.к. на сайте на данный момент совершаются покупки изменения я произвожу на бесплатном тесте коробки http://p87262.storeland.ru/ (залив предворительно бэкап и все файлы)

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

  • sadd.jpg


#9 Ирина345

Ирина345

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

  • Модераторы
  • 5 673 сообщений

Отправлено 17 Апрель 2015 - 11:55

Просмотр сообщенияCybernetic (17 Апрель 2015 - 09:09) писал:

Vaccina все очень не очень((( фон сайта становится белым, ни чего не работает и не переключает. (скриншот)

Т.к. на сайте на данный момент совершаются покупки изменения я произвожу на бесплатном тесте коробки http://p87262.storeland.ru/ (залив предворительно бэкап и все файлы)
Здравствуйте, произведите изменения что бы можно было видеть результат.

#10 Cybernetic

Cybernetic

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

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 17 Апрель 2015 - 12:10

Просмотр сообщенияИрина345 (17 Апрель 2015 - 11:55) писал:

Здравствуйте, произведите изменения что бы можно было видеть результат.

Произвели изменения на http://p87262.storeland.ru/ т.к. на http://santechbomba.ru/ большое количество покупателей и идут продажи.

#11 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 18 Апрель 2015 - 01:16

Перед кодом табов вставьте:
<script>
$(document).ready(function () {
	   $('#parentVerticalTab').easyResponsiveTabs({
		   type: 'vertical',
		   width: 'auto',
		   fit: true,
		   tabidentify: 'hor_1', // The tab groups identifier
		   activetab_bg: '#fff', // background color for active tabs in this group
		   inactive_bg: '#F5F5F5', // background color for inactive tabs in this group
		   active_border_color: '#c1c1c1', // border color for active tabs heads in this group
		   active_content_border_color: '#5AB1D0' // border color for active tabs contect in this group so that it matches the tab head border
	   });
   });
</script>


#12 Cybernetic

Cybernetic

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

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 06 Июнь 2015 - 10:18

Добрый день.
Помогите выравнить баннер, поиск и нижний блок на сайте так как на рис

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

  • b43ooo3o4.jpg


#13 Danil

Danil

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

  • Модераторы
  • 4 645 сообщений

Отправлено 06 Июнь 2015 - 10:46

Просмотр сообщенияCybernetic (06 Июнь 2015 - 10:18) писал:

Добрый день.
Помогите выравнить баннер, поиск и нижний блок на сайте так как на рис
В main.css найдите
Для слайдера
#module_area {
  float: left;
  height: 182px;
  padding: 5px 0;
  position: relative;
  text-align: center;
  width: 55%;
  z-index: 99;
  margin-left: 22px;
}
изменяйте margin-left
Для поиска
#header #search {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: right;
  margin: -6px 10px 10px 0;
  position: relative;
  vertical-align: middle;
  width: 320px;
}
изменяйте margin: -6px 10px 10px 0;
Для строки под поиском
div.tet {
  text-align: center;
  margin-left: 245px;
  background: white;
  padding: 0;
  border-radius: 0 7px 0 0;
  height: 20px;
}
изменяйте margin-left

#14 Cybernetic

Cybernetic

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

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 06 Июнь 2015 - 11:43

Просмотр сообщенияDanil (06 Июнь 2015 - 10:46) писал:

В main.css найдите
Для слайдера
#module_area {
float: left;
height: 182px;
padding: 5px 0;
position: relative;
text-align: center;
width: 55%;
z-index: 99;
margin-left: 22px;
}
изменяйте margin-left
Для поиска
#header #search {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
float: right;
margin: -6px 10px 10px 0;
position: relative;

vertical-align: middle;
width: 320px;
}
изменяйте margin: -6px 10px 10px 0;
Для строки под поиском
div.tet {
text-align: center;
margin-left: 245px;
background: white;
padding: 0;
border-radius: 0 7px 0 0;
height: 20px;
}
изменяйте margin-left

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

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

  • 1345.jpg


#15 Danil

Danil

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

  • Модераторы
  • 4 645 сообщений

Отправлено 06 Июнь 2015 - 11:48

Просмотр сообщенияCybernetic (06 Июнь 2015 - 11:43) писал:

Спасибо, все получилось, подскажите пожалуйста как сделать так что бы баннео был в плотную к блоку телефонов?
В данный момент между сладером и блоком телефонов слишком много места, подскажите можно ли перерисовать баннер под конкретный размер для этой области или же просто вытянуть баннер, но лучше мы перересуем скажите пожалуйста размеры.
В main.css найдите код
#module_area {
  float: left;
  height: 182px;
  padding: 5px 0;
  position: relative;
  text-align: center;
  width: 55%;
  z-index: 99;
  margin-left: 6px;
}
и замените на
#module_area {
  float: left;
  height: 182px;
  padding: 5px 0;
  position: relative;
  text-align: center;
  width: 57%;
  z-index: 99;
  margin-left: 6px;
}





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных