Вопросы По Шаблону
#21
Отправлено 22 Май 2017 - 16:34
#22
Отправлено 23 Май 2017 - 03:12
Динар (22 Май 2017 - 14:42) писал:
Динар (22 Май 2017 - 16:34) писал:
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
Отправлено 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; }
Или замените на любой другой цвет.
То есть одна общая галерея,а остальные как подкатегории
#24
Отправлено 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
Отправлено 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
Отправлено 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
Отправлено 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 %}
#28
Отправлено 26 Май 2017 - 10:19
Динар (26 Май 2017 - 09:07) писал:
#29
Отправлено 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
Отправлено 06 Июнь 2017 - 11:32
#31
Отправлено 06 Июнь 2017 - 11:48
Динар (06 Июнь 2017 - 11:32) писал:
<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
Отправлено 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
Отправлено 06 Июнь 2017 - 16:08
Динар (06 Июнь 2017 - 14:51) писал:
надо их выровнить,и на мобильной версии они изображаются неккоректно
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных