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

[Максим2809]

Аккаунт sl 347120 /

Здравствуйте. помогите добавить блоки.

1) Добавить блок "мы в контакте" рис.2 на главную страницу, после текста.
2) заменить нижний блок  "Заказ обратного звонка" на блок "подписаться на лучшие предложения" рис.1 верхний блок "заказ звонка" чтоб остался функционирующим
3)можно ли сделать такую полоску рис 3, чтоб появлялась внизу экрана, на определенное время, и при прокрутки страницы оставалась внизу, потом исчезала.

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

• 
• 
• 

[Firefly]

Максим2809 (26 Июль 2015 - 23:21) писал:

Аккаунт sl 347120 /

Здравствуйте. помогите добавить блоки.

1) Добавить блок "мы в контакте" рис.2 на главную страницу, после текста.
2) заменить нижний блок  "Заказ обратного звонка" на блок "подписаться на лучшие предложения" рис.1 верхний блок "заказ звонка" чтоб остался функционирующим
3)можно ли сделать такую полоску рис 3, чтоб появлялась внизу экрана, на определенное время, и при прокрутки страницы оставалась внизу, потом исчезала.

Здравствуйте.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:

  {BODY}

Замените на:

  {BODY}
{% IF index_page %}
</br>
<script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>
<!-- VK Widget -->
<div id="vk_groups" style="margin: 0 auto; display: table;"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "400", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 48054753);
</script>
	 {% ENDIF %}

3. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:

  </body>
</html>

Замените на:

<script type="text/javascript">
  setTimeout(function(){$('.tbox').fadeOut('fast')},3000);  //30000 = 30 секунд
</script>
<div class="tbox">
Здесь будет Важная информация
</div>
  </body>
</html>

В данном коде текст "Здесь будет важная информация" можно будет заменить на необходимое содержимое.

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:

.tbox {
  width: 100%;
  height: 30px;
  border: 1px solid #7B68EE;
  display:block;
  position:fixed;
  bottom:0px;
  background: #ddd;
  text-align:center;
}

Так же в дальнейшем можно будет изменить стиль полоски.

[Максим2809]

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

это есть на сайте http://platyapost.ru

[Firefly]

Максим2809 (27 Июль 2015 - 15:53) писал:

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

это есть на сайте http://platyapost.ru

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:

<script type="text/javascript">
setTimeout(function(){$('.tbox').fadeOut('fast')},3000); //30000 = 30 секунд
</script>
<div class="tbox">
Здесь будет Важная информация
</div>

Замените на:

<!--Нижняя скрывающаяся панель-->
<script type="text/javascript">
$(document).ready(function(){
$(window).scroll(function(){
console.log($(window).scrollTop()+$(window).height());
console.log($('body').height());
if ($(window).scrollTop()+$(window).height() >= $('body').height()) {
$('.tbox').stop().animate({'height':0})
}
else {
$('.tbox').not(':animated').animate({'height':60})
}
})
})
</script>
<div class="tbox">
<div class="benefits" style="bottom: 0px;">
<div class="benefits-in">
<div class="container tcontainer">
<table>
<tbody>
<tr>
<td style="width: 33%">
<table>
<tbody>
<tr>
<td class="icon">
<img alt="" src="{ASSETS_IMAGES_PATH}a001.png">
</td>
<td><a href="Ваша ссылка">Доставка по России</a></td>
</tr>
</tbody>
</table>
</td>
<td style="width: 33%">
<table>
<tbody>
<tr>
<td class="icon">
<img alt="" src="{ASSETS_IMAGES_PATH}a002.png">
</td>
<td><a href="Ваша ссылка">Скидки до 50%</a></td>
</tr>
</tbody>
</table>
</td>
<td style="width: 33%">
<table>
<tbody>
<tr>
<td class="icon">
<img alt="" src="{ASSETS_IMAGES_PATH}a003.png">
</td>
<td>Круглосуточный прием заказов</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="shadow"></div>
</div>
</div>

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

.tbox {
width: 100%;
height: 30px;
border: 1px solid #7B68EE;
display:block;
position:fixed;
bottom:0px;
background: #ddd;
text-align:center;
}

Замените на:

.tbox {
width: 100%;
height: 60px;
border-top: 1px solid #7B68EE;
display:block;
position:fixed;
bottom:0px;
background: #fff;
text-align:center;
z-index:10;
}
.tcontainer {
border: 0;
width: 938px;
text-align: left;
background: #fff;
padding: 5px 0;
}
.benefits .benefits-in .container table td table td.icon {
padding-right: 15px;
}
.benefits .benefits-in .container table td table td {
border: 0;
padding: 0;
}
.benefits .benefits-in .container table td {
vertical-align: middle;
border-left: 1px solid #d6d6d6;
padding: 0 30px;
}
.benefits .benefits-in .container table td:first-child {
border-left: 0;
}

Скачайте прикрепленные ниже изображения на Ваш ПК.
После этого зайдите в админ. панель -> Сайт -> Редактор шаблонов -> кнопка "Добавить файлы" и загрузите их на сайт.

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

• 
• 
• 

[Максим2809]

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

[Максим2809]

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

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

• 

[Максим2809]

сделал изменения как http://forum.storela...шрифта-в-шапке/

нужно доделаь, сделать одинаковые рамки блоков и потолще, пожирнее текст в поиске вместе со значком, рамку в корзине чтоб не пропадала

сделал изменения как http://forum.storela...шрифта-в-шапке/

нужно доделаь, сделать одинаковые рамки блоков и потолще, пожирнее текст в поиске вместе со значком, рамку в корзине чтоб не пропадала

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

•