Новости И Статьи. Новое Оформление
#1
Отправлено 03 Декабрь 2017 - 14:46
Помогите, пожалуйста, реализовать новый формат отображения блоков "Новости" и "Статьи"
Идея - https://prnt.sc/hikf51
Нужно сделать два блока:
1. Новости
2. Баннер 4 - кликабельная картинка
- Отображение в списке сделать как на скрине.
- Ссылки на новость должна быть кликабельной - переход на страницу новости
- Кликабельная ссылка "Все новости" переход на страницу "новости"
- Краткий текст отображать не больше до двух строк и далее ...
- нижний блок (стандартный) удалить https://prnt.sc/hig4dz
- блок "материалы СМИ" удалить
#2
Отправлено 07 Декабрь 2017 - 09:06
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
<!-- Если в тарифном плане подключен модуль новостей --> {% IF TARIFF_FEATURE_NEWS && index_page %} {% IF news_list_all_empty=0 || news_list_shop_empty=0 %} <div id="news" class="main-block animated" data-animation="fadeInUp" data-delay="0"> <div class="container"> <h2 class="title">Новости</h2> <div class="navigation"> <a href="#" class="prev"><i class="fa fa-angle-left"></i></a> <a href="#" class="next"><i class="fa fa-angle-right"></i></a> </div> <div class="block-news"> <!-- Если есть список из любых новостей и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_all_empty %} {% FOR news_list_all %} <div class="item"> <div class="date"> <span class="d-month">{news_list_all.TIME | date("m")}</span> <span class="d-day">{news_list_all.TIME | date("d")}</span> </div> <div class="content"> <a href="{news_list_all.URL}" class="title" title="Перейти к странице «{news_list_all.TITLE}»">{news_list_all.TITLE}</a> <p class="description">{news_list_all.TEXT_SHORT}</p> </div> </div> {% ENDFOR %} {% ENDIF %} <!-- /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей --> <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_shop_empty %} {% FOR news_list_shop %} <div class="item"> <div class="date"> <span class="d-month">{news_list_shop.TIME | date("m")}</span> <span class="d-day">{news_list_shop.TIME | date("d")}</span> </div> <div class="content"> <a href="{news_list_shop.URL}" class="title" title="Перейти к странице «{news_list_shop.TITLE}»">{news_list_shop.TITLE}</a> <p class="description">{news_list_shop.TEXT_SHORT}</p> </div> </div> {% ENDFOR %} {% ENDIF %} <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> </div> </div> </div> {% ENDIF %} {% ENDIF %} <!-- /END Если в тарифном плане подключен модуль новостей -->
далее найдите:
{% IF index_page %} <div class="clear"></div> <!-- Слайдер и баннеры --> <div id="proposition" class="main-block"> <div class="container"> <div class="row"> <div class="banner col-sm-4 col-md-4 col-xs-12"> <a href="#"><img src="{ASSETS_IMAGES_PATH}banner1.jpg" alt="Сувениры силовых структур" /></a> </div> <div class=" banner col-sm-4 col-md-4 col-xs-12 "> <a href="#"><img src="{ASSETS_IMAGES_PATH}banner2.jpg" alt="Канны для живца" /></a> </div> <div class=" banner col-sm-4 col-md-4 col-xs-12 "> <a href="#"><img src="{ASSETS_IMAGES_PATH}banner3.jpg" alt="Канны для живца" /></a> </div> </div> </div> </div> <!-- /END Слайдер и баннеры --> {% ENDIF %}
после него вставьте:
<!-- Если в тарифном плане подключен модуль новостей --> {% IF index_page %} <div class="container"> <div class="row"> {% IF news_list_all_empty=0 || news_list_shop_empty=0 %} <div id="news" class="main-block animated col-md-8 col-sm-6 col-sms-6 col-smb-12" data-animation="fadeInUp" data-delay="0"> <h2 class="title">Новости</h2> <div class="block-news"> <!-- Если есть список из любых новостей и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_all_empty %} {% FOR news_list_all %} <div class="item"> <div class="date">{news_list_all.TIME | date("d.m.Y")}</div> <div class="name"><a href="{news_list_shop.URL}" class="title" title="Перейти к странице «{news_list_shop.TITLE}»">{news_list_shop.TITLE}</a></div> <div class="content"> <p class="description">{news_list_all.TEXT_SHORT}</p></div> </div> {% ENDFOR %} {% ENDIF %} <!-- /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей --> <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_shop_empty %} {% FOR news_list_shop %} <div class="item"> <div class="date">{news_list_shop.TIME | date("d.m.Y")}</div> <div class="name"><a href="{news_list_shop.URL}" class="title" title="Перейти к странице «{news_list_shop.TITLE}»">{news_list_shop.TITLE}</a></div> <div class="content"><p class="description">{news_list_shop.TEXT_SHORT}</p></div> </div> {% ENDFOR %} {% ENDIF %} <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> </div> </div> {% ENDIF %} <div class="banner col-md-4 col-sm-6 col-sms-6 col-smb-12"><img src="#" alt=""/></div> </div> </div> {% ENDIF %} <!-- /END Если в тарифном плане подключен модуль новостей -->
В строке:
<div class="banner col-md-4 col-sm-6 col-sms-6 col-smb-12"><img src="#" alt=""/></div>
вместо символа # укажите ссылку на баннер.
Далее зайдите в main.css - найдите:
/*** Новости ***/ #news .title {margin-bottom: 30px;} #news .item {padding: 0 60px;clear: both;} #news .item .date {float: left;width: 110px;height: 110px;color: #fff;margin-right: 15px;margin-bottom: 10px;background: url("{ASSETS_IMAGES_PATH}calendar.png?design=sunrise");} #news .item .date .d-month {display: block;position: relative;top: 10px;font-size: 18px;} #news .item .date .d-day {display: block;position: relative;top: 12px;font-size: 48px;} #news .item .title {display: inline-block;text-align: center;font-size: 24px;margin-bottom: 10px;} #news .item .content {display: inline-block;width: 80%;text-align: left;}
замените на:
/*** Новости ***/ #news {background: #EFEFEC;} #news .title {margin-bottom: 10px;font-size: 20px;font-weight: bold;text-align: left;} #news .item {clear: both;} #news .item .date {float: left;color: #000;margin-right: 15px;margin-bottom: 10px;font-weight: bold;} #news .item .date .d-month {display: block;position: relative;top: 10px;font-size: 18px;} #news .item .date .d-day {display: block;position: relative;top: 12px;font-size: 48px;} #news .item .name {display: block;font-size: 14px;margin-bottom: 10px;float: left;width: calc(100% - 190px);text-align: left;font-weight: bold;color: #8C2C29;} #news .item .name a{color: #8C2C29;} #news .item .content {display: inline-block;width: 100%;text-align: left;}
Далее зайдите в main.js - найдите и удалите:
// Новости на главной jQuery(function($) { var carouselU = $('#news .block-news'); carouselU.owlCarousel({ singleItem: true, lazyLoad: true, pagination: false, navigation: true, itemsScaleUp: true, slideSpeed: 800, stopOnHover: true, touchDrag: true, autoPlay: false, addClassActive: true, autoHeight: true, afterAction: function (e) { if(this.$owlItems.length > this.options.items){ $('.related-goods .navigation a').show(); }else{ $('.related-goods .navigation a').hide(); } } }); jQuery('#news .navigation .prev').on('click', function(e){ e.preventDefault(); carouselU.trigger('owl.prev'); }); jQuery('#news .navigation .next').on('click', function(e){ e.preventDefault(); carouselU.trigger('owl.next'); }); });
#3
Отправлено 09 Декабрь 2017 - 12:35
Vaccina (07 Декабрь 2017 - 09:06) писал:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
<!-- Если в тарифном плане подключен модуль новостей --> {% IF TARIFF_FEATURE_NEWS && index_page %} {% IF news_list_all_empty=0 || news_list_shop_empty=0 %} <div id="news" class="main-block animated" data-animation="fadeInUp" data-delay="0"> <div class="container"> <h2 class="title">Новости</h2> <div class="navigation"> <a href="#" class="prev"><i class="fa fa-angle-left"></i></a> <a href="#" class="next"><i class="fa fa-angle-right"></i></a> </div> <div class="block-news"> <!-- Если есть список из любых новостей и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_all_empty %} {% FOR news_list_all %} <div class="item"> <div class="date"> <span class="d-month">{news_list_all.TIME | date("m")}</span> <span class="d-day">{news_list_all.TIME | date("d")}</span> </div> <div class="content"> <a href="{news_list_all.URL}" class="title" title="Перейти к странице «{news_list_all.TITLE}»">{news_list_all.TITLE}</a> <p class="description">{news_list_all.TEXT_SHORT}</p> </div> </div> {% ENDFOR %} {% ENDIF %} <!-- /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей --> <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_shop_empty %} {% FOR news_list_shop %} <div class="item"> <div class="date"> <span class="d-month">{news_list_shop.TIME | date("m")}</span> <span class="d-day">{news_list_shop.TIME | date("d")}</span> </div> <div class="content"> <a href="{news_list_shop.URL}" class="title" title="Перейти к странице «{news_list_shop.TITLE}»">{news_list_shop.TITLE}</a> <p class="description">{news_list_shop.TEXT_SHORT}</p> </div> </div> {% ENDFOR %} {% ENDIF %} <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> </div> </div> </div> {% ENDIF %} {% ENDIF %} <!-- /END Если в тарифном плане подключен модуль новостей -->
далее найдите:
{% IF index_page %} <div class="clear"></div> <!-- Слайдер и баннеры --> <div id="proposition" class="main-block"> <div class="container"> <div class="row"> <div class="banner col-sm-4 col-md-4 col-xs-12"> <a href="#"><img src="{ASSETS_IMAGES_PATH}banner1.jpg" alt="Сувениры силовых структур" /></a> </div> <div class=" banner col-sm-4 col-md-4 col-xs-12 "> <a href="#"><img src="{ASSETS_IMAGES_PATH}banner2.jpg" alt="Канны для живца" /></a> </div> <div class=" banner col-sm-4 col-md-4 col-xs-12 "> <a href="#"><img src="{ASSETS_IMAGES_PATH}banner3.jpg" alt="Канны для живца" /></a> </div> </div> </div> </div> <!-- /END Слайдер и баннеры --> {% ENDIF %}
после него вставьте:
<!-- Если в тарифном плане подключен модуль новостей --> {% IF index_page %} <div class="container"> <div class="row"> {% IF news_list_all_empty=0 || news_list_shop_empty=0 %} <div id="news" class="main-block animated col-md-8 col-sm-6 col-sms-6 col-smb-12" data-animation="fadeInUp" data-delay="0"> <h2 class="title">Новости</h2> <div class="block-news"> <!-- Если есть список из любых новостей и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_all_empty %} {% FOR news_list_all %} <div class="item"> <div class="date">{news_list_all.TIME | date("d.m.Y")}</div> <div class="name"><a href="{news_list_shop.URL}" class="title" title="Перейти к странице «{news_list_shop.TITLE}»">{news_list_shop.TITLE}</a></div> <div class="content"> <p class="description">{news_list_all.TEXT_SHORT}</p></div> </div> {% ENDFOR %} {% ENDIF %} <!-- /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей --> <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_shop_empty %} {% FOR news_list_shop %} <div class="item"> <div class="date">{news_list_shop.TIME | date("d.m.Y")}</div> <div class="name"><a href="{news_list_shop.URL}" class="title" title="Перейти к странице «{news_list_shop.TITLE}»">{news_list_shop.TITLE}</a></div> <div class="content"><p class="description">{news_list_shop.TEXT_SHORT}</p></div> </div> {% ENDFOR %} {% ENDIF %} <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> </div> </div> {% ENDIF %} <div class="banner col-md-4 col-sm-6 col-sms-6 col-smb-12"><img src="#" alt=""/></div> </div> </div> {% ENDIF %} <!-- /END Если в тарифном плане подключен модуль новостей -->
В строке:
<div class="banner col-md-4 col-sm-6 col-sms-6 col-smb-12"><img src="#" alt=""/></div>
вместо символа # укажите ссылку на баннер.
Далее зайдите в main.css - найдите:
/*** Новости ***/ #news .title {margin-bottom: 30px;} #news .item {padding: 0 60px;clear: both;} #news .item .date {float: left;width: 110px;height: 110px;color: #fff;margin-right: 15px;margin-bottom: 10px;background: url("{ASSETS_IMAGES_PATH}calendar.png?design=sunrise");} #news .item .date .d-month {display: block;position: relative;top: 10px;font-size: 18px;} #news .item .date .d-day {display: block;position: relative;top: 12px;font-size: 48px;} #news .item .title {display: inline-block;text-align: center;font-size: 24px;margin-bottom: 10px;} #news .item .content {display: inline-block;width: 80%;text-align: left;}
замените на:
/*** Новости ***/ #news {background: #EFEFEC;} #news .title {margin-bottom: 10px;font-size: 20px;font-weight: bold;text-align: left;} #news .item {clear: both;} #news .item .date {float: left;color: #000;margin-right: 15px;margin-bottom: 10px;font-weight: bold;} #news .item .date .d-month {display: block;position: relative;top: 10px;font-size: 18px;} #news .item .date .d-day {display: block;position: relative;top: 12px;font-size: 48px;} #news .item .name {display: block;font-size: 14px;margin-bottom: 10px;float: left;width: calc(100% - 190px);text-align: left;font-weight: bold;color: #8C2C29;} #news .item .name a{color: #8C2C29;} #news .item .content {display: inline-block;width: 100%;text-align: left;}
Далее зайдите в main.js - найдите и удалите:
// Новости на главной jQuery(function($) { var carouselU = $('#news .block-news'); carouselU.owlCarousel({ singleItem: true, lazyLoad: true, pagination: false, navigation: true, itemsScaleUp: true, slideSpeed: 800, stopOnHover: true, touchDrag: true, autoPlay: false, addClassActive: true, autoHeight: true, afterAction: function (e) { if(this.$owlItems.length > this.options.items){ $('.related-goods .navigation a').show(); }else{ $('.related-goods .navigation a').hide(); } } }); jQuery('#news .navigation .prev').on('click', function(e){ e.preventDefault(); carouselU.trigger('owl.prev'); }); jQuery('#news .navigation .next').on('click', function(e){ e.preventDefault(); carouselU.trigger('owl.next'); }); });
Переношу обсуждение из чата в тему, т.к. тут удобней работать с кодом и обсуждать нюансы работы.
Последний код, который вы просили заменить, я заменила
В этом случае зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите: {% IF news_list_all_empty=0 || news_list_shop_empty=0 %} <div id="news" class="main-block animated col-md-8 col-sm-6 col-sms-6 col-smb-12" data-animation="fadeInUp" data-delay="0"> <h2 class="title">Новости</h2> <div class="block-news"> <!-- Если есть список из любых новостей и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_all_empty %} {% FOR news_list_all %} <div class="item"> <div class="date">{news_list_all.TIME | date("d.m.Y")}</div> <div class="name"><a href="{news_list_all.URL}" class="title" title="Перейти к странице «{news_list_all.TITLE}»">{news_list_all.TITLE}</a></div> <div class="content"> <p class="description">{news_list_all.TEXT_SHORT}</p></div> </div> {% ENDFOR %} {% ENDIF %} <!-- /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей --> <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_shop_empty %} {% FOR news_list_shop %} <div class="item"> <div class="date">{news_list_shop.TIME | date("d.m.Y")}</div> <div class="name"><a href="{news_list_shop.URL}" class="title" title="Перейти к странице «{news_list_shop.TITLE}»">{news_list_shop.TITLE}</a></div> <div class="content"><p class="description">{news_list_shop.TEXT_SHORT}</p></div> </div> {% ENDFOR %} {% ENDIF %} <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> </div> </div> {% ENDIF %} замените на: <div id="news" class="main-block animated col-md-8 col-sm-6 col-sms-6 col-smb-12" data-animation="fadeInUp" data-delay="0"> <h2 class="title"><a href="{NEWS_SHOP_URL}">Новости</a></h2> <div class="block-news"> <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_shop_empty %} {% FOR news_list_shop %} <div class="item"> <div class="date">{news_list_shop.TIME | date("d.m.Y")}</div> <div class="name"><a href="{news_list_shop.URL}" class="title" title="Перейти к странице «{news_list_shop.TITLE}»">{news_list_shop.TITLE}</a></div> <div class="content"><p class="description">{news_list_shop.TEXT_SHORT}</p></div> </div> {% ENDFOR %} {% ENDIF %} <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> </div> </div>
Добавила одну новость на сайт, но она не отображается.
+
а можно сделать серый блок новостей и баннер 4 по размерам как на скрине https://prnt.sc/hikf51
Иначе говоря сохранить размер серого блока и подогнать размеры баннера 4 https://prnt.sc/hl4q9m
Чтобы отображалось 3 новости. Краткое описание новости не более 2 строк
#4
Отправлено 09 Декабрь 2017 - 18:24
Ribka (09 Декабрь 2017 - 12:35) писал:
Последний код, который вы просили заменить, я заменила
В этом случае зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите: {% IF news_list_all_empty=0 || news_list_shop_empty=0 %} <div id="news" class="main-block animated col-md-8 col-sm-6 col-sms-6 col-smb-12" data-animation="fadeInUp" data-delay="0"> <h2 class="title">Новости</h2> <div class="block-news"> <!-- Если есть список из любых новостей и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_all_empty %} {% FOR news_list_all %} <div class="item"> <div class="date">{news_list_all.TIME | date("d.m.Y")}</div> <div class="name"><a href="{news_list_all.URL}" class="title" title="Перейти к странице «{news_list_all.TITLE}»">{news_list_all.TITLE}</a></div> <div class="content"> <p class="description">{news_list_all.TEXT_SHORT}</p></div> </div> {% ENDFOR %} {% ENDIF %} <!-- /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей --> <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_shop_empty %} {% FOR news_list_shop %} <div class="item"> <div class="date">{news_list_shop.TIME | date("d.m.Y")}</div> <div class="name"><a href="{news_list_shop.URL}" class="title" title="Перейти к странице «{news_list_shop.TITLE}»">{news_list_shop.TITLE}</a></div> <div class="content"><p class="description">{news_list_shop.TEXT_SHORT}</p></div> </div> {% ENDFOR %} {% ENDIF %} <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> </div> </div> {% ENDIF %} замените на: <div id="news" class="main-block animated col-md-8 col-sm-6 col-sms-6 col-smb-12" data-animation="fadeInUp" data-delay="0"> <h2 class="title"><a href="{NEWS_SHOP_URL}">Новости</a></h2> <div class="block-news"> <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_shop_empty %} {% FOR news_list_shop %} <div class="item"> <div class="date">{news_list_shop.TIME | date("d.m.Y")}</div> <div class="name"><a href="{news_list_shop.URL}" class="title" title="Перейти к странице «{news_list_shop.TITLE}»">{news_list_shop.TITLE}</a></div> <div class="content"><p class="description">{news_list_shop.TEXT_SHORT}</p></div> </div> {% ENDFOR %} {% ENDIF %} <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> </div> </div>
Добавила одну новость на сайт, но она не отображается.
+
а можно сделать серый блок новостей и баннер 4 по размерам как на скрине https://prnt.sc/hikf51
Иначе говоря сохранить размер серого блока и подогнать размеры баннера 4 https://prnt.sc/hl4q9m
Чтобы отображалось 3 новости. Краткое описание новости не более 2 строк
В разделе Настройки - Основные поставьте галочку около пункта: Группировать новости в блоке навигации на сайте , новости появятся?
#6
Отправлено 12 Декабрь 2017 - 10:43
Ribka (09 Декабрь 2017 - 18:53) писал:
новости не отображаются
{% IFNOT news_list_shop_empty %} {% FOR news_list_shop %} <div class="item"> <div class="date">{news_list_shop.TIME | date("d.m.Y")}</div> <div class="name"><a href="{news_list_shop.URL}" class="title" title="Перейти к странице «{news_list_shop.TITLE}»">{news_list_shop.TITLE}</a></div> <div class="content"><p class="description">{news_list_shop.TEXT_SHORT}</p></div> </div> {% ENDFOR %} {% ENDIF %}и замените его на
<!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_all_empty %} {% FOR news_list_all %} <div class="item"> <div class="date">{news_list_all.TIME | date("d.m.Y")}</div> <div class="name"><a href="{news_list_all.URL}" class="title" title="Перейти к странице «{news_list_shop.TITLE}»">{news_list_all.TITLE}</a></div> <div class="content"><p class="description">{news_list_all.TEXT_SHORT}</p></div> </div> {% ENDFOR %} {% ENDIF %} <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
#7
Отправлено 14 Декабрь 2017 - 09:22
Stasya (12 Декабрь 2017 - 10:43) писал:
{% IFNOT news_list_shop_empty %} {% FOR news_list_shop %} <div class="item"> <div class="date">{news_list_shop.TIME | date("d.m.Y")}</div> <div class="name"><a href="{news_list_shop.URL}" class="title" title="Перейти к странице «{news_list_shop.TITLE}»">{news_list_shop.TITLE}</a></div> <div class="content"><p class="description">{news_list_shop.TEXT_SHORT}</p></div> </div> {% ENDFOR %} {% ENDIF %}и замените его на
<!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_all_empty %} {% FOR news_list_all %} <div class="item"> <div class="date">{news_list_all.TIME | date("d.m.Y")}</div> <div class="name"><a href="{news_list_all.URL}" class="title" title="Перейти к странице «{news_list_shop.TITLE}»">{news_list_all.TITLE}</a></div> <div class="content"><p class="description">{news_list_all.TEXT_SHORT}</p></div> </div> {% ENDFOR %} {% ENDIF %} <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
Здравствуйте!
Изменения внесла, но вернулась прошлая проблема. Страницы "Новости" и "Статьи" отображаются вместе.
Блок "новости" рассчитан изначально только для транслирования только страницы "Новости". а еще не сохранились пропорции по размерам, как я просила изначально(( Это очень важно для визуального отображения.
Цитата
- Краткий текст отображать не больше до двух строк и далее ...
#8
Отправлено 09 Январь 2018 - 21:32
Цитата
Изменения внесла, но вернулась прошлая проблема. Страницы "Новости" и "Статьи" отображаются вместе.
Блок "новости" рассчитан изначально только для транслирования только страницы "Новости". а еще не сохранились пропорции по размерам, как я просила изначально(( Это очень важно для визуального отображения.
Цитата
- Кликабельная ссылка "Все новости" переход на страницу "новости"
- Краткий текст отображать не больше до двух строк и далее ...
Если сейчас на сайте в странице "Новости" заведена только 1 (одна) новость, то размеры самого блока https://prnt.sc/hikf51 можно сохранить? и средактировать размеры под баннер, чтобы они были одинаковы по верхним и нижним границам
А еще сейчас на главной странице отражается 4 новости. Можно сделат до 3х штук?
#9
Отправлено 12 Январь 2018 - 15:57
Ribka (14 Декабрь 2017 - 09:22) писал:
Изменения внесла, но вернулась прошлая проблема. Страницы "Новости" и "Статьи" отображаются вместе.
Блок "новости" рассчитан изначально только для транслирования только страницы "Новости". а еще не сохранились пропорции по размерам, как я просила изначально(( Это очень важно для визуального отображения.
Если сейчас на сайте в странице "Новости" заведена только 1 (одна) новость, то размеры самого блока https://prnt.sc/hikf51 можно сохранить? и средактировать размеры под баннер, чтобы они были одинаковы по верхним и нижним границам
<!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_all_empty %} {% FOR news_list_all %} <div class="item"> <div class="date">{news_list_all.TIME | date("d.m.Y")}</div> <div class="name"><a href="{news_list_all.URL}" class="title" title="Перейти к странице «{news_list_shop.TITLE}»">{news_list_all.TITLE}</a></div> <div class="content"><p class="description">{news_list_all.TEXT_SHORT}</p></div> </div> {% ENDFOR %} {% ENDIF %} <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->и замените его на
{% IFNOT news_list_shop_empty %} {% FOR news_list_shop %} {% IF news_list_shop.index <4 %} <div class="item"> <div class="date">{news_list_shop.TIME | date("d.m.Y")}</div> <div class="name"><a href="{news_list_shop.URL}" class="title" title="Перейти к странице «{news_list_shop.TITLE}»">{news_list_shop.TITLE}</a></div> <div class="content"><p class="description">{news_list_shop.TEXT_SHORT}</p></div> </div> {% ENDIF %} {% ENDFOR %} {% ENDIF %}Затем в разделе Настройки-> Основные снять галочку Группировать новости в блоке навигации на сайте . После этого в конец файла main.css добавьте блок
$(dicument).ready(function(){ $('.block-news .item').each(function(){ var text = $(this).find('.description').text(); var str = text.slice(0,180); //например макс 100 символов var a = str.split(' '); a.splice(a.length-1,1); str = a.join(' '); $(this).find('.description').text(str+' ...'); }) })
#10
Отправлено 12 Январь 2018 - 16:15
Stasya (12 Январь 2018 - 15:57) писал:
<!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_all_empty %} {% FOR news_list_all %} <div class="item"> <div class="date">{news_list_all.TIME | date("d.m.Y")}</div> <div class="name"><a href="{news_list_all.URL}" class="title" title="Перейти к странице «{news_list_shop.TITLE}»">{news_list_all.TITLE}</a></div> <div class="content"><p class="description">{news_list_all.TEXT_SHORT}</p></div> </div> {% ENDFOR %} {% ENDIF %} <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->и замените его на
{% IFNOT news_list_shop_empty %} {% FOR news_list_shop %} {% IF news_list_shop.index <4 %} <div class="item"> <div class="date">{news_list_shop.TIME | date("d.m.Y")}</div> <div class="name"><a href="{news_list_shop.URL}" class="title" title="Перейти к странице «{news_list_shop.TITLE}»">{news_list_shop.TITLE}</a></div> <div class="content"><p class="description">{news_list_shop.TEXT_SHORT}</p></div> </div> {% ENDIF %} {% ENDFOR %} {% ENDIF %}Затем в разделе Настройки-> Основные снять галочку Группировать новости в блоке навигации на сайте . После этого
Внесла изменения.
- Как сделать, чтобы в кратком описании новости на главной отображалось только первые две строчки?
- Как увеличить шрифт в названии "Новости"?
#11
Отправлено 12 Январь 2018 - 17:18
Ribka (12 Январь 2018 - 16:15) писал:
- Как сделать, чтобы в кратком описании новости на главной отображалось только первые две строчки?
- Как увеличить шрифт в названии "Новости"?
2) В конец файла main.css добавьте блок
#news h2.title a { font-size: 24px; }
#12
Отправлено 12 Январь 2018 - 22:39
Stasya (12 Январь 2018 - 17:18) писал:
2) В конец файла main.css добавьте блок
#news h2.title a { font-size: 24px; }
Цитата
$(dicument).ready(function(){
$('.block-news .item').each(function(){
var text = $(this).find('.description').text();
var str = text.slice(0,180); //например макс 100 символов
var a = str.split(' ');
a.splice(a.length-1,1);
str = a.join(' ');
$(this).find('.description').text(str+' ...');
})
})
я добавила не в main.css, а в main.js - мне кажется этот код туда нужно внести (но пробовала добавить и в main.css).
Изменений не вижу(((
Так куда все таки добавить этот код?
Цитата
$('.block-news .item').each(function(){
var text = $(this).find('.description').text();
var str = text.slice(0,180); //например макс 100 символов
var a = str.split(' ');
a.splice(a.length-1,1);
str = a.join(' ');
$(this).find('.description').text(str+' ...');
})
и что сделать с этим кодом? удалить или оставить?
.more_filter_attr {cursor: pointer;color: #8b2c2a;font-weight: bold;}
#13
Отправлено 12 Январь 2018 - 22:49
Ribka (12 Январь 2018 - 22:39) писал:
Изменений не вижу(((
Так куда все таки добавить этот код?
и что сделать с этим кодом? удалить или оставить?
.more_filter_attr {cursor: pointer;color: #8b2c2a;font-weight: bold;}
$(dicument).ready(function(){замените на
$(document).ready(function(){
#14
Отправлено 12 Январь 2018 - 23:28
Stasya (12 Январь 2018 - 22:49) писал:
$(dicument).ready(function(){замените на
$(document).ready(function(){
Внесла изменения. Ну вроде так, да.
А вот смотрите, в первой новости идет одна строка и там менее 100 символов. Почему он тоже его сократил?
и возможно ли уменьшить отступы? чтобы компактнее был текст (в новости и между ними)
#15
Отправлено 19 Январь 2018 - 11:46
Ribka (12 Январь 2018 - 23:28) писал:
А вот смотрите, в первой новости идет одна строка и там менее 100 символов. Почему он тоже его сократил?
и возможно ли уменьшить отступы? чтобы компактнее был текст (в новости и между ними)
var str = text.slice(0, 180); //например макс 100 символов var a = str.split(' '); a.splice(a.length-1,1); str = a.join(' '); $(this).find('.description').text(str+' ...');и замените его на
if(text.length > 180){ var str = text.slice(0, 180); //например макс 100 символов var a = str.split(' '); a.splice(a.length-1,1); str = a.join(' '); $(this).find('.description').text(str+' ...'); }
В файле mian.css найдите код
#news .item .date {float: left;color: #000;margin-right: 15px;margin-bottom: 10px;font-weight: bold;}и замените его на
#news .item .date {float: left;color: #000;margin-right: 15px;margin-bottom: 5px;font-weight: bold;}Далее найдите
#news .item .name {display: block;font-size: 14px;margin-bottom: 10px;float: left;width: calc(100% - 190px);text-align: left;font-weight: bold;color: #8C2C29;}и замените его на
#news .item .name {display: block;font-size: 14px;margin-bottom: 5px;float: left;width: calc(100% - 190px);text-align: left;font-weight: bold;color: #8C2C29;} #news .item p.description{margin: 0 0 10px}
#16
Отправлено 20 Январь 2018 - 19:21
Stasya (19 Январь 2018 - 11:46) писал:
var str = text.slice(0, 180); //например макс 100 символов var a = str.split(' '); a.splice(a.length-1,1); str = a.join(' '); $(this).find('.description').text(str+' ...');и замените его на
if(text.length > 180){ var str = text.slice(0, 180); //например макс 100 символов var a = str.split(' '); a.splice(a.length-1,1); str = a.join(' '); $(this).find('.description').text(str+' ...'); }
В файле mian.css найдите код
#news .item .date {float: left;color: #000;margin-right: 15px;margin-bottom: 10px;font-weight: bold;}и замените его на
#news .item .date {float: left;color: #000;margin-right: 15px;margin-bottom: 5px;font-weight: bold;}Далее найдите
#news .item .name {display: block;font-size: 14px;margin-bottom: 10px;float: left;width: calc(100% - 190px);text-align: left;font-weight: bold;color: #8C2C29;}и замените его на
#news .item .name {display: block;font-size: 14px;margin-bottom: 5px;float: left;width: calc(100% - 190px);text-align: left;font-weight: bold;color: #8C2C29;} #news .item p.description{margin: 0 0 10px}
Все изменения я внесла.
Скажите, пожалуйста, на последок, как выровнять все границы на странице? все границы блоков, картинок? https://prnt.sc/i34x11
Чтобы картинка "подарочные сертификаты" была по размеру такой же как выше?
#17
Отправлено 25 Январь 2018 - 10:28
Ribka (20 Январь 2018 - 19:21) писал:
Скажите, пожалуйста, на последок, как выровнять все границы на странице? все границы блоков, картинок? https://prnt.sc/i34x11
Чтобы картинка "подарочные сертификаты" была по размеру такой же как выше?
.banner img { width: 100%; height: auto; }замените на
.banner img { width: 100%; height: 200px; }
#18
Отправлено 25 Январь 2018 - 10:41
Ирина345 (25 Январь 2018 - 10:28) писал:
.banner img { width: 100%; height: auto; }замените на
.banner img { width: 100%; height: 200px; }
Спасибо.блок с новостями выровнялся.
а вот картинка рядом "подарочные сертификаты" нет. Можно ее сделать размером, как чуть выше картинки? (края)
#19
Отправлено 25 Январь 2018 - 15:15
Ribka (20 Январь 2018 - 19:21) писал:
Скажите, пожалуйста, на последок, как выровнять все границы на странице? все границы блоков, картинок? https://prnt.sc/i34x11
Чтобы картинка "подарочные сертификаты" была по размеру такой же как выше?
.banner img { width: 100%; height: 200px; }и после него вставьте
.banner-bottom.banner{padding:0 4px}После этого в шаблоне HTML найдите код
<div class="banner col-md-4 col-sm-6 col-sms-6 col-smb-12"><a href="/catalog/Podarochnye-sertifikaty"><img src="{ASSETS_IMAGES_PATH}banner4.jpg" alt="Подарочный сертификат"/></div>и замените его на
<div class="banner-bottom banner col-md-4 col-sm-6 col-sms-6 col-smb-12"><a href="/catalog/Podarochnye-sertifikaty"><img src="{ASSETS_IMAGES_PATH}banner4.jpg" alt="Подарочный сертификат"/></div>
#20
Отправлено 25 Январь 2018 - 21:30
Stasya (25 Январь 2018 - 15:15) писал:
.banner img { width: 100%; height: 200px; }и после него вставьте
.banner-bottom.banner{padding:0 4px}После этого в шаблоне HTML найдите код
<div class="banner col-md-4 col-sm-6 col-sms-6 col-smb-12"><a href="/catalog/Podarochnye-sertifikaty"><img src="{ASSETS_IMAGES_PATH}banner4.jpg" alt="Подарочный сертификат"/></div>и замените его на
<div class="banner-bottom banner col-md-4 col-sm-6 col-sms-6 col-smb-12"><a href="/catalog/Podarochnye-sertifikaty"><img src="{ASSETS_IMAGES_PATH}banner4.jpg" alt="Подарочный сертификат"/></div>
Супер, отлично))
а скажите, пожалуйста, я вроде писала выше о том, чтобы на главной странице в новостной ленте отображалось 3 новости (или даже 4), а как изменить чтобы всегда было фиксированно 2?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных