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

[АНКИЛЛ]

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


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

[Vaccina]

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

[АНКИЛЛ]

благодарю

[Cybernetic]

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

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

• 

[Vaccina]

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

[Cybernetic]

Vaccina (16 Апрель 2015 - 01:02) писал:

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

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

[Vaccina]

По данной ссылке скачайте архив:
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>

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

[Cybernetic]

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

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

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

• 

[Ирина345]

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

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

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

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

[Cybernetic]

Ирина345 (17 Апрель 2015 - 11:55) писал:

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

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

[Vaccina]

Перед кодом табов вставьте:

<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>

[Cybernetic]

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

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

• 

[Danil]

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

[Cybernetic]

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

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

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

• 

[Danil]

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;
}