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


Вопросы По Шаблону


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

#21 Динар

Динар

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

  • Пользователи
  • PipPipPip
  • 89 сообщений

Отправлено 22 Май 2017 - 16:34

Как поменять цвет шрифта в блоке связь с администрацией?

#22 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 23 Май 2017 - 03:12

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

Просмотр сообщенияДинар (22 Май 2017 - 14:42) писал:

Да,тоже думал над таким вариантом,вполне устраивает
Уточните пожалуйста, для какой страницы необходима галерея?

Просмотр сообщенияДинар (22 Май 2017 - 16:34) писал:

Как поменять цвет шрифта в блоке связь с администрацией?
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
body {
	font-family: Open Sans, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
	color: #FF0000;
}

замените на:
body {
	font-family: Open Sans, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
	color: #000000;
}

Или замените на любой другой цвет.

#23 Динар

Динар

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

  • Пользователи
  • PipPipPip
  • 89 сообщений

Отправлено 25 Май 2017 - 11:13

Просмотр сообщенияVaccina (23 Май 2017 - 03:12) писал:

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


Уточните пожалуйста, для какой страницы необходима галерея?


Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
body {
font-family: Open Sans, sans-serif;
font-size: 12px;
line-height: 16px;
font-weight: 600;
color: #FF0000;
}

замените на:
body {
font-family: Open Sans, sans-serif;
font-size: 12px;
line-height: 16px;
font-weight: 600;
color: #000000;
}

Или замените на любой другой цвет.
Добрый день.создал страницу Фотогалерея, для нее.Получается страницы Фотогалерея 1.2.3.4.5 будут ссылаться на нее

То есть одна общая галерея,а остальные как подкатегории

#24 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 26 Май 2017 - 06:18

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

Зайдите в раздел Сайт - Редактор шаблонов - Страница - найдите:
{PAGE_CONTENT}

перед ним вставьте:
{% IF PAGE_NAME = Фотогалерея %}
<style>
.foto_item{
float: left;
margin-left: 15px;
width: 330px;
height: 270px;
overflow: hidden;
margin-bottom: 30px;
position: relative;
border-radius: 4px;
}
.foto_list_card .foto_item{
margin-left: 10px;
width: 196px;
height: 160px;
margin-bottom: 20px;
}
.foto_item img{
width: 100%;
vertical-align: top;
	border-radius: 4px;
}
.foto_item a{
display: block;
height: 100%;
width: 100%;
color: #ffffff;
}
.foto_item .title_foto{
position: absolute;
height: 70px;
display: block;
line-height: 70px;
z-index: 2;
top: 0;
left:0;
right: 0;
font-weight: bold;
font-size: 20px;
padding: 0 30px;
background-color: rgba(0,0,0,0.5);
}
.foto_item .info_wraper{
position: absolute;
top: 70px;
left: 0;
right: 0;
bottom: 0;
padding: 7px 30px 0;
background-color: rgba(0,0,0,0.9);
display: none;
}
.foto_item:hover{
box-shadow: 0 0 42px rgba(239,223,39,0.3);
}
.foto_item:hover .info_wraper{
display: block;
}
.foto_item .info_top_line{
display: block;
font-size: 11px;
color: #ababab;
line-height: 44px;
background: url("/img/bg_veiw.png") no-repeat right center;
border-bottom: 1px solid rgba(171,171,171, 0.3);
padding-right: 24px;
padding-top: 0px;
margin-bottom: 15px;
}
.foto_item .info_top_line .view_photo{
float: right;
}
.foto_item .info_foto{
display: block;
line-height: 22px;
}
</style>
<div class="foto_list_wraper">
<div class="foto_item first_item">
<a href="http://{NET_DOMAIN}/page/Fotogalereya1">
<img src="#">
<span class="title_foto">Фотогалерея 1</span>
<span class="info_wraper">
<span class="info_top_line"><span class="">Фотографий: 10</span> <span class="view_photo">123</span></span>
<span class="info_foto">Описание галереи при наведении</span>
</span>
</a>
</div>
<div class="foto_item">
<a href="http://{NET_DOMAIN}/page/Fotogalereya2">
<img src="#">
<span class="title_foto">Фотогалерея 2</span>
<span class="info_wraper">
<span class="info_top_line"><span class="">Фотографий: 20</span> <span class="view_photo">321</span></span>
<span class="info_foto">Описание галереи при наведении</span>
</span>
</a>
</div>
<div class="foto_item">
<a href="http://{NET_DOMAIN}/page/Fotogalereya3">
<img src="#">
<span class="title_foto">Фотогалерея 3</span>
<span class="info_wraper">
<span class="info_top_line"><span class="">Фотографий: 30</span> <span class="view_photo">213</span></span>
<span class="info_foto">Описание галереи при наведении</span>
</span>
</a>
</div>
<div class="foto_item first_item">
<a href="http://{NET_DOMAIN}/page/Fotogalereya4">
<img src="#">
<span class="title_foto">Фотогалерея 4</span>
<span class="info_wraper">
<span class="info_top_line"><span class="">Фотографий: 40</span> <span class="view_photo">123</span></span>
<span class="info_foto">Описание галереи при наведении</span>
</span>
</a>
</div>
<div class="foto_item">
<a href="http://{NET_DOMAIN}/page/Fotogalereya5">
<img src="#">
<span class="title_foto">Фотогалерея 5</span>
<span class="info_wraper">
<span class="info_top_line"><span class="">Фотографий: 50</span> <span class="view_photo">321</span></span>
<span class="info_foto">Описание галереи при наведении</span>
</span>
</a>
</div>
{% ENDIF %}

</div>


Во вставленном блоке измените количество просмотров, текст, названия на необходимое, также замените знак # на ссылку на картинку для определенной папки фотогалереи.

#25 Динар

Динар

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

  • Пользователи
  • PipPipPip
  • 89 сообщений

Отправлено 26 Май 2017 - 08:32

Просмотр сообщенияVaccina (26 Май 2017 - 06:18) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - Страница - найдите:
{PAGE_CONTENT}

перед ним вставьте:
{% IF PAGE_NAME = Фотогалерея %}
<style>
.foto_item{
float: left;
margin-left: 15px;
width: 330px;
height: 270px;
overflow: hidden;
margin-bottom: 30px;
position: relative;
border-radius: 4px;
}
.foto_list_card .foto_item{
margin-left: 10px;
width: 196px;
height: 160px;
margin-bottom: 20px;
}
.foto_item img{
width: 100%;
vertical-align: top;
border-radius: 4px;
}
.foto_item a{
display: block;
height: 100%;
width: 100%;
color: #ffffff;
}
.foto_item .title_foto{
position: absolute;
height: 70px;
display: block;
line-height: 70px;
z-index: 2;
top: 0;
left:0;
right: 0;
font-weight: bold;
font-size: 20px;
padding: 0 30px;
background-color: rgba(0,0,0,0.5);
}
.foto_item .info_wraper{
position: absolute;
top: 70px;
left: 0;
right: 0;
bottom: 0;
padding: 7px 30px 0;
background-color: rgba(0,0,0,0.9);
display: none;
}
.foto_item:hover{
box-shadow: 0 0 42px rgba(239,223,39,0.3);
}
.foto_item:hover .info_wraper{
display: block;
}
.foto_item .info_top_line{
display: block;
font-size: 11px;
color: #ababab;
line-height: 44px;
background: url("/img/bg_veiw.png") no-repeat right center;
border-bottom: 1px solid rgba(171,171,171, 0.3);
padding-right: 24px;
padding-top: 0px;
margin-bottom: 15px;
}
.foto_item .info_top_line .view_photo{
float: right;
}
.foto_item .info_foto{
display: block;
line-height: 22px;
}
</style>
<div class="foto_list_wraper">
<div class="foto_item first_item">
<a href="http://{NET_DOMAIN}/page/Fotogalereya1">
<img src="#">
<span class="title_foto">Фотогалерея 1</span>
<span class="info_wraper">
<span class="info_top_line"><span class="">Фотографий: 10</span> <span class="view_photo">123</span></span>
<span class="info_foto">Описание галереи при наведении</span>
</span>
</a>
</div>
<div class="foto_item">
<a href="http://{NET_DOMAIN}/page/Fotogalereya2">
<img src="#">
<span class="title_foto">Фотогалерея 2</span>
<span class="info_wraper">
<span class="info_top_line"><span class="">Фотографий: 20</span> <span class="view_photo">321</span></span>
<span class="info_foto">Описание галереи при наведении</span>
</span>
</a>
</div>
<div class="foto_item">
<a href="http://{NET_DOMAIN}/page/Fotogalereya3">
<img src="#">
<span class="title_foto">Фотогалерея 3</span>
<span class="info_wraper">
<span class="info_top_line"><span class="">Фотографий: 30</span> <span class="view_photo">213</span></span>
<span class="info_foto">Описание галереи при наведении</span>
</span>
</a>
</div>
<div class="foto_item first_item">
<a href="http://{NET_DOMAIN}/page/Fotogalereya4">
<img src="#">
<span class="title_foto">Фотогалерея 4</span>
<span class="info_wraper">
<span class="info_top_line"><span class="">Фотографий: 40</span> <span class="view_photo">123</span></span>
<span class="info_foto">Описание галереи при наведении</span>
</span>
</a>
</div>
<div class="foto_item">
<a href="http://{NET_DOMAIN}/page/Fotogalereya5">
<img src="#">
<span class="title_foto">Фотогалерея 5</span>
<span class="info_wraper">
<span class="info_top_line"><span class="">Фотографий: 50</span> <span class="view_photo">321</span></span>
<span class="info_foto">Описание галереи при наведении</span>
</span>
</a>
</div>
{% ENDIF %}

</div>


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

#26 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 26 Май 2017 - 08:40

Во вставляемом блоке в самом конце часть кода:
<div class="foto_item">
<a href="http://{NET_DOMAIN}/page/Fotogalereya5">
<img src="#">
<span class="title_foto">Фотогалерея 5</span>
<span class="info_wraper">
<span class="info_top_line"><span class="">Фотографий: 50</span> <span class="view_photo">321</span></span>
<span class="info_foto">Описание галереи при наведении</span>
</span>
</a>
</div>
{% ENDIF %}
</div>

замените на:
<div class="foto_item">
<a href="http://{NET_DOMAIN}/page/Fotogalereya5">
<img src="#">
<span class="title_foto">Фотогалерея 5</span>
<span class="info_wraper">
<span class="info_top_line"><span class="">Фотографий: 50</span> <span class="view_photo">321</span></span>
<span class="info_foto">Описание галереи при наведении</span>
</span>
</a>
</div>
</div>
{% ENDIF %}


#27 Динар

Динар

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

  • Пользователи
  • PipPipPip
  • 89 сообщений

Отправлено 26 Май 2017 - 09:07

Просмотр сообщенияVaccina (26 Май 2017 - 08:40) писал:

Во вставляемом блоке в самом конце часть кода:
<div class="foto_item">
<a href="http://{NET_DOMAIN}/page/Fotogalereya5">
<img src="#">
<span class="title_foto">Фотогалерея 5</span>
<span class="info_wraper">
<span class="info_top_line"><span class="">Фотографий: 50</span> <span class="view_photo">321</span></span>
<span class="info_foto">Описание галереи при наведении</span>
</span>
</a>
</div>
{% ENDIF %}
</div>

замените на:
<div class="foto_item">
<a href="http://{NET_DOMAIN}/page/Fotogalereya5">
<img src="#">
<span class="title_foto">Фотогалерея 5</span>
<span class="info_wraper">
<span class="info_top_line"><span class="">Фотографий: 50</span> <span class="view_photo">321</span></span>
<span class="info_foto">Описание галереи при наведении</span>
</span>
</a>
</div>
</div>
{% ENDIF %}
Хорошо,спасибо)))теперь вопрос в другом))как сделать чтобы было по 3 галереи в ряд(сейчас по 2)?и при добавлении фото в галерею оно не увеличивается при нажатии?

#28 Динар

Динар

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

  • Пользователи
  • PipPipPip
  • 89 сообщений

Отправлено 26 Май 2017 - 10:19

Просмотр сообщенияДинар (26 Май 2017 - 09:07) писал:

Хорошо,спасибо)))теперь вопрос в другом))как сделать чтобы было по 3 галереи в ряд(сейчас по 2)?и при добавлении фото в галерею оно не увеличивается при нажатии?
и вопрос по фото-можно ли их размер подогнать под один(пример https://www.lights-m...rpodsvetka.html),а при нажатии открывается уже по своему размеру?

#29 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 27 Май 2017 - 03:29

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

На страницу Фотогалерея добавляйте изображения 270х270 чтобы они отображались корректно.

Зайдите в раздел Сайт - Редактор шаблонов - Страница - найдите:
</div>
{% ENDIF %}
  {PAGE_CONTENT}
</div>


после него добавьте:
{% IF PAGE_NAME = Фотогалерея1 || PAGE_NAME = Фотогалерея2 || PAGE_NAME = Фотогалерея3 || PAGE_NAME = Фотогалерея4 || PAGE_NAME = Фотогалерея5 %}
<style>
.htmlDataBlock img {
	width: auto !important;
	height: 150px !important;
	display: inline-block;
	margin: 10px;
	border-radius: 10px;
}
</style>
<script>
$(document).ready(function () {
  $('img').click(function () {
	var content = $(this).clone(true);
	$(this).fancybox({
	  fitToView: false,
	  width: 'auto',
	  height: 'auto',
	  content: content,
	  autoSize: true,
	  closeClick: false,
	  openEffect: 'none',
	  closeEffect: 'none'
	});
  });
});
</script>
{% ENDIF %}
Названия страниц(фотогалерея2, фотогалерея3 и так далее) замените на свои.

#30 Динар

Динар

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

  • Пользователи
  • PipPipPip
  • 89 сообщений

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

Добрый день!если товара нет в наличии то пишется"под заказ",как добавить "доставка в течении N дней"и цввет текста менять можно было?

#31 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

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

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

Добрый день!если товара нет в наличии то пишется"под заказ",как добавить "доставка в течении N дней"и цввет текста менять можно было?
В шаблоне Товар замените
<div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Наличие товара: <span>Под заказ</span></div>
на
<div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Наличие товара: <span>Под заказ</span>
	 <p class="delivery">Доставка в течении N дней</p>
</div>


#32 Динар

Динар

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

  • Пользователи
  • PipPipPip
  • 89 сообщений

Отправлено 06 Июнь 2017 - 14:51

Просмотр сообщенияMr.Nito (06 Июнь 2017 - 11:48) писал:

В шаблоне Товар замените
<div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Наличие товара: <span>Под заказ</span></div>
на
<div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Наличие товара: <span>Под заказ</span>
	 <p class="delivery">Доставка в течении N дней</p>
</div>
спасибо))не могу разобраться с главной страницей.в описание главной страницы вставляю блоки"гарантия""акциискидки""новинки",но когда заходишь на сайт на главную то они отображаются по другому,как исправить?

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

спасибо))не могу разобраться с главной страницей.в описание главной страницы вставляю блоки"гарантия""акциискидки""новинки",но когда заходишь на сайт на главную то они отображаются по другому,как исправить?
надо их выровнить,и на мобильной версии они изображаются неккоректно

#33 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 06 Июнь 2017 - 16:08

Просмотр сообщенияДинар (06 Июнь 2017 - 14:51) писал:

спасибо))не могу разобраться с главной страницей.в описание главной страницы вставляю блоки"гарантия""акциискидки""новинки",но когда заходишь на сайт на главную то они отображаются по другому,как исправить?

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




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

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