Страница "отзывы О Магазине"
#1
Отправлено 29 Январь 2019 - 17:30
SL-466377
#2
Отправлено 30 Январь 2019 - 04:57
Выполните первую часть до кода по следующей инструкции:
https://forum.storel...ине/#entry77565
Далее зайдите в раздел Сайт - Редактор шаблонов - Товар - первой строкой пропишите:
{%IFNOT GOODS_NAME = tovar %}
(если скрытый товар для отзывов вы назвали НЕ tovar, то в коде выше также измените tovar)
Далее в самом конце вставьте:
{% ELSE %} {% IF TARIFF_FEATURE_GOODS_OPINION %} {% IFNOT SETTINGS_OPINION_DISABLE %} <div class="goodsDataOpinion"> {% IF FORM_NOTICE %} <h3 class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE}</h3> {% ENDIF %} <!-- Если отзывов по товару вообще нет, ни положительных ни отрицательных --> {% IF opinion_list_empty_without_filter %} <div class="goodsDataOpinionMessage empty"><div class="emptyRev">Отзывов пока не было. Вы можете <a href="#goodsDataOpinionAdd" class="jsAction goodsDataOpinionShowAddForm">оставить его первым</a></div></div> <!-- Если по товару есть хотя бы один отзыв --> {% ELSE %} <table> <!-- Верхняя навигация (Фильтры и страницы) --> <div class="goodsDataOpinionListNavigateTop"> <!-- Среднее значение по результатам всех отзывов об этом товаре --> <div class="rating-box"> {% IF GOODS_OPINION_RATING_VALUE %} <span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="worstRating" content = "1"> <meta itemprop="bestRating" content = "10"> <meta itemprop="ratingValue" content = "{GOODS_OPINION_RATING_VALUE}"> <meta itemprop="reviewCount" content = "{GOODS_OPINION_RATING_CNT_ALL}"> <div class="rating" style="width:{GOODS_OPINION_RATING_VALUE}0%" alt="{GOODS_OPINION_RATING_VALUE}" title="Рейтинг товара"></div> </span> {% ELSE %} <div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div> {% ENDIF %} </div> <!-- Фильтры отзывов --> <span class="goodsDataOpinionAverageInfo"> <!--<a class="button allOpinions active">Все ({GOODS_OPINION_RATING_CNT_ALL})</a> <a class="button goodOpinions">Положительные ({GOODS_OPINION_RATING_CNT_GOOD})</a> <a class="button badOpinions">Отрицательные ({GOODS_OPINION_RATING_CNT_BAD})</a>--> <a href="#anchor" class="jsAction goodsDataOpinionShowAddForm AddNewOpinionLinkAfterList button">Оставить отзыв</a> </span> </div> <!-- Страницы отзывов --> {% IF opinion_show_pages %} <div class="pagination"> <div class="links"> <span>Страницы: </span> {% FOR opinion_pages_list %} {% IF opinion_pages_list.CURRENT %} <b>{opinion_pages_list.PAGE}</b> {% ELSE %} <a href="{GOODS_OPINION_PAGINATE_URL}&page={opinion_pages_list.PAGE}#show_tab_4">{opinion_pages_list.PAGE}</a> {% ENDIF %} {% ENDFOR %} </div> </div> {% ENDIF %} <!-- Если отзывов по товару не было с учетом фильтра по настроению отзыва --> {% IF opinion_list_empty %} <div class="goodsDataOpinionMessage empty"> {% IF GOODS_OPINION_GENERALLY_IS_GOOD=1 %} Положительных {% ELSEIF GOODS_OPINION_GENERALLY_IS_GOOD=0 %} Отрицательных {% ENDIF %} отзывов пока не было. Вы можете <a href="#goodsDataOpinionAdd" class="jsAction goodsDataOpinionShowAddForm">оставить его первым</a> </div> <!-- Если отзывы по товару уже есть, покажем их список --> {% ELSE %} <!-- Список отзывов о товарах --> <div> <div class="goodsDataOpinionListTable" itemprop="review" itemscope itemtype="https://schema.org/Review"> {% FOR opinion_list %} <div class="rev_wrp {% IF opinion_list.GENERALLY_IS_GOOD %}good{% ELSE %}bad{% ENDIF %}"> <div class="op_leftside"> </div> <div class="op_rightside"> <div class="ceil1 valTop paddtd"> <span class="goodsDataOpinionListTableClient {% IF opinion_list.CLIENT_ID %}auth{% ENDIF %}">Посетитель:<span class="revName"> {opinion_list.NAME}</span></span> <meta itemprop="datePublished" content="{opinion_list.DATE | date("Y-m-d")}"> <span class="goodsDataOpinionListTableDate">- {opinion_list.DATE}</span> </div> <div> {% IF opinion_list.TITLE %}<div class="revTitle" itemprop="name">{opinion_list.TITLE}</div>{% ENDIF %} {% IF opinion_list.RATING %}<div class="rating-box"> {% IF GOODS_OPINION_RATING_VALUE %} <span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="worstRating" content = "1"> <meta itemprop="bestRating" content = "10"> <meta itemprop="ratingValue" content = "{GOODS_OPINION_RATING_VALUE}"> <meta itemprop="reviewCount" content = "{GOODS_OPINION_RATING_CNT_ALL}"> <div class="rating" style="width:{GOODS_OPINION_RATING_VALUE}0%" alt="{GOODS_OPINION_RATING_VALUE}" title="Рейтинг товара"></div> </span> {% ELSE %} <div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div> {% ENDIF %} </div> <div class="clear"></div>{% ENDIF %} {% IF opinion_list.ACCOMPLISHMENTS %}<div><strong>Достоинства:</strong> <span class="revWords" itemprop="description">{opinion_list.ACCOMPLISHMENTS | nl2br}</span></div>{% ENDIF %} {% IF opinion_list.LIMITATIONS %}<div><strong>Недостатки:</strong> <span class="revWords" itemprop="description">{opinion_list.LIMITATIONS | nl2br}</span></div>{% ENDIF %} {% IF opinion_list.COMMENT %}<div><strong>Комментарий:</strong> <span class="revWords" itemprop="reviewBody">{opinion_list.COMMENT | nl2br}</span></div>{% ENDIF %} {% IF opinion_list.DELETE_URL %} <div><a class="button revDel" href="{opinion_list.DELETE_URL}?return_to={CURRENT_URL | urlencode}%3Fgenerally_is_good%3D{GOODS_OPINION_GENERALLY_IS_GOOD | urlencode}%26page={OPINION_PAGES_LIST_CURRENT}#show_tab_4">Удалить</a></div> {% ENDIF %} </div> </div> <div class="clear"></div> {% IF opinion_list.ANSWER %} <div class="goodsDataOpinionListTableAnswer"> <div class="left_answer"> </div> <div class="right_answer"> {opinion_list.ANSWER | nl2br} </div> <div class="clear"></div> </div> {% ENDIF %} <div class="clear"></div> </div> {% ENDFOR %} </div> </div> <!-- END Список отзывов о товаре --> <!-- Нижняя навигация (страницы) --> <tfoot> <tr class="goodsDataOpinionListNavigateBottom"> <td colspan="2"> <!-- Страницы отзывов --> {% IF opinion_show_pages %} <div class="pagination"> <div class="links"> <span>Страницы: </span> {% FOR opinion_pages_list %} {% IF opinion_pages_list.CURRENT %} <b>{opinion_pages_list.PAGE}</b> {% ELSE %} <a href="&page={opinion_pages_list.PAGE}">{opinion_pages_list.PAGE}</a> {% ENDIF %} {% ENDFOR %} </div> </div> {% ENDIF %} </td> </tr> </tfoot> <!-- END Нижняя навигация (страницы) --> {% ENDIF %} </table> {% ENDIF %} <!-- END Если по товару есть хотя бы один отзыв --> <!-- Форма добавления нового отзыва о товаре --> <form action="" method="post" class="goodsDataOpinionAddForm"> <a id="anchor"></a> <div id="goodsDataOpinionAdd"> <div id="goodsDataOpinionAddBlock" {% IFNOT FORM_GOODS_ID %}style="display:none"{% ENDIF %}> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_FROM}]" value="{GOODS_FROM}" /> <input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_ID}]" value="{GOODS_ID}" /> <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} <h3 class="addNewOpp">Новый отзыв о «{GOODS_NAME}»</h3> <div class="goodsDataOpinionAddTable form"> {% IF TARIFF_FEATURE_CLIENT_ROOM %} {% IFNOT CLIENT_IS_LOGIN %} <div class="goodsDataOpinionMessage"> <p>Ваши знания будут оценены посетителями сайта, если Вы <a href="{USER_LOGIN_URL}" class="link-more">авторизуетесь</a> перед написанием отзыва.</p> </div> {% ENDIF %} {% ENDIF %} <!-- Форма добавления отзыва о товаре --> {% IFNOT CLIENT_IS_LOGIN %} <div class="goodsDataOpinionBlock"> <label for="goods_opinion_name">Ваше имя</label> <div><input type="text" id="goods_opinion_name" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_NAME}]" value="{FORM_GOODS_OPINION_NAME}" maxlength="255" class="inputText required"/></div> </div> {% ENDIF %} <div class="goodsDataOpinionBlock"> <label for="goods_opinion_title">Заголовок</label> <div><input type="text" id="goods_opinion_title" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_TITLE}]" value="{FORM_GOODS_OPINION_TITLE}" maxlength="255" class="inputText" /></div> </div> <div class="goodsDataOpinionBlock opinion_stars"> <label>Оценка товара</label> <div class="goodsDataOpinionRating"> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="1" {% IF FORM_GOODS_OPINION_RATING=1 %}checked="checked"{% ENDIF %} title="Ужасный" /> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="2" {% IF FORM_GOODS_OPINION_RATING=2 %}checked="checked"{% ENDIF %} title="Очень плохой"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="3" {% IF FORM_GOODS_OPINION_RATING=3 %}checked="checked"{% ENDIF %} title="Плохой"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="4" {% IF FORM_GOODS_OPINION_RATING=4 %}checked="checked"{% ENDIF %} title="ниже среднего"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="5" {% IF FORM_GOODS_OPINION_RATING=5 %}checked="checked"{% ENDIF %} title="Средний"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="6" {% IF FORM_GOODS_OPINION_RATING=6 %}checked="checked"{% ENDIF %} title="Выше среднего"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="7" {% IF FORM_GOODS_OPINION_RATING=7 %}checked="checked"{% ENDIF %} title="Хороший"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="8" {% IF FORM_GOODS_OPINION_RATING=8 %}checked="checked"{% ENDIF %} title="Очень хороший"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="9" {% IF FORM_GOODS_OPINION_RATING=9 %}checked="checked"{% ENDIF %} title="Отличный"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="10" {% IF FORM_GOODS_OPINION_RATING=10 %}checked="checked"{% ENDIF %} title="Превосходный"/> </div> <span class="goodsDataOpinionMsg"></span> </div> <div class="goodsDataOpinionBlock"> <label for="goods_opinion_accomplishments">Достоинства</label> <div><textarea id="goods_opinion_accomplishments" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_ACCOMPLISHMENTS}]" cols="100" rows="3" class="textarea">{FORM_GOODS_OPINION_ACCOMPLISHMENTS}</textarea></div> </div> <div class="goodsDataOpinionBlock"> <label for="goods_opinion_limitations">Недостатки</label> <div><textarea id="goods_opinion_limitations" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_LIMITATIONS}]" cols="100" rows="3" class="textarea">{FORM_GOODS_OPINION_LIMITATIONS}</textarea></div> </div> <div class="goodsDataOpinionBlock"> <label for="goods_opinion_comment">Комментарий</label> <div><textarea id="goods_opinion_comment" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_COMMENT}]" cols="100" rows="3" class="textarea required">{FORM_GOODS_OPINION_COMMENT}</textarea></div> </div> <div class="goodsDataOpinionBlock"> <label class="goods_opinion_generally_is_good1" for="goods_opinion_generally_is_good1">В целом Ваш отзыв</label> <div class="generally"> <input id="goods_opinion_generally_is_good1" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_GENERALLY_IS_GOOD}]" type="radio" value="1" {% IF FORM_GOODS_OPINION_GENERALLY_IS_GOOD=1 %}checked="checked"{% ENDIF %}/> <label for="goods_opinion_generally_is_good1">Положительный</label> <br/> <input id="goods_opinion_generally_is_good0" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_GENERALLY_IS_GOOD}]" type="radio" value="0" {% IF FORM_GOODS_OPINION_GENERALLY_IS_GOOD=0 %}checked="checked"{% ENDIF %}/> <label for="goods_opinion_generally_is_good0">Отрицательный</label> </div> </div> {% IF USE_CAPTCHA %} <div class="goodsDataOpinionBlock"> <div class="goodsDataOpinionCaptcha"> <label for="opinion_captcha_string" title="Введите код с картинки" style="display:block">Введите код</label> <input type="text" id="opinion_captcha_string" name="form[{ANTISPAM_FORM_FIELD_NAME_CAPTCHA_STRING}]" autocomplete="off" class="captcha inputText" value="{FORM_}" /> <img src="{CAPTCHA_URL}" class="goodsDataOpinionCaptchaImg" alt="Код" title="Проверочный код, который нужно ввести в соседнее поле" /> <i class="fa fa-retweet goodsDataOpinionCaptchaRefresh"></i> </div> </div> {% ENDIF %} <!-- Кнопка отправки формы --> <div class="clear"> <button type="button" title="Отменить" class="goodsDataOpinionFormReset button">Отменить</button> <button type="button" title="Добавить отзыв о «{GOODS_NAME}»" class="button goodsDataOpinionFormAdd" onclick="$('.goodsDataOpinionAddForm').submit()">Добавить отзыв</button> </div> </div> </div> </div> </form> <!-- Дабы добавляющий увидел результат добавления изменим хэш --> {% IF FORM_GOODS_ID %}<script type="text/javascript">document.location.hash="goodsDataOpinionAdd"</script>{% ENDIF %} </div> {%ENDIF%} {%ENDIF%} {%ENDIF%}
Уточните пожалуйста, где необходимо вывести карусель с последними отзывами?
#3
Отправлено 30 Январь 2019 - 17:30
Vaccina, большое спасибо за помощь.
Создаётся впечатление,что только Вы остались нашей палочкой выручалочкой .
Со страницей отзывов всё получилось,вот только в хлебных крошках так и будет отображаться слово tovar?
А на главной странице хотел выводить отзывы в нижней карусели
#4
Отправлено 01 Февраль 2019 - 05:12
Vaccina (30 Январь 2019 - 04:57) писал:
Это решит проблему с хлебными крошками =)
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="item feed"> <div class="ik mindel"><span class="fa fa-truck"></span>Доставим бесплатно</div> <div class="advantage_text">Бесплатная доставка ваших заказов от 2000 рублей</div> </div> </div> {%ENDIF%}
после него вставьте:
{% IF index_page %} <div id="owl-demoOpinion" class="advantageIndex owl-carousel owl-theme active"></div> <script> $(function() { var url = 'http://f603988.storeland.ru/goods/tovar'; var id = '#owl-demoOpinion'; var injid = '.goodsDataOpinionListTable'; if(id && injid && $(id).length) { $.get(url, function(html) { $(id).html($(html).find(injid).html()); }); } }); </script> {% ENDIF %}
Далее зайдите в шаблон Товар - найдите(строка 1187):
{% FOR opinion_list %} <div class="rev_wrp {% IF opinion_list.GENERALLY_IS_GOOD %}good{% ELSE %}bad{% ENDIF %}"> <div class="op_leftside">
замените на:
{% FOR opinion_list %} <div class="item rev_wrp {% IF opinion_list.GENERALLY_IS_GOOD %}good{% ELSE %}bad{% ENDIF %}"> <div class="op_leftside">
Далее зайдите в main.js - найдите:
$(document).ready(function() { var owl = $("#owl-demoAdvanatge"); owl.owlCarousel({ responsiveClass:true, responsive : { 0 : { items : 1, }, 768 : { items : 2, }, 1024:{ items:3, }, 1220: { items: 3, } }, mouseDrag:false, loop:true, nav:true, autoHeight:true, navText:[], autoplay:true, autoplayTimeout:2000, autoplayHoverPause:true }); });
после него вставьте:
$(document).ready(function() { var owl = $("#owl-demoOpinion"); owl.owlCarousel({ responsiveClass:true, responsive : { 0 : { items : 1, }, 768 : { items : 2, }, 1024:{ items:3, }, 1220: { items: 3, } }, mouseDrag:false, loop:true, nav:true, autoHeight:true, navText:[], autoplay:true, autoplayTimeout:2000, autoplayHoverPause:true }); });
Далее зайдите в main.css - найдите:
#owl-demoAdvanatge .disabled:after{color:#e8e8e8!important;} #owl-demoAdvanatge .disabled:hover:after{color:#e8e8e8!important;} /*end Приемущества*/
после него вставьте:
#owl-demoOpinion {height:273px; overflow: hidden;} #owl-demoOpinion .item{height:273px;border-top:1px solid #cdcdcd;float: left; width: 33%;padding: 2%} #owl-demoOpinion .item .item{max-width: 460px;margin: 75px auto 0 auto;} #owl-demoOpinion .item:nth-child(1),#owl-demoOpinion .item:nth-child(2) {border-right:1px solid #cdcdcd} #owl-demoOpinion .item:nth-child(4),#owl-demoOpinion .item:nth-child(5){border-left:1px solid #cdcdcd} #owl-demoOpinion .item .op_leftside, #owl-demoOpinion .item .goodsDataOpinionListTableAnswer, #owl-demoOpinion .item .revDel {display: none;} #owl-demoOpinion .owl-nav{position: absolute;top: 15px;text-align: center;width: 100%;margin: 0 auto;} #owl-demoOpinion .owl-next{display: inline-block;font-size: 30px;background: #f4f4f4;padding: 0 15px;} #owl-demoOpinion .owl-prev{display: inline-block;font-size: 30px;background: #f4f4f4;padding: 0 15px;} #owl-demoOpinion .owl-next:after ,#owl-demoOpinion .owl-prev:after{color:#cdcdcd;} #owl-demoOpinion .disabled:after{color:#e8e8e8!important;} #owl-demoOpinion .disabled:hover:after{color:#e8e8e8!important;}
#5
Отправлено 02 Февраль 2019 - 02:27
Спасибо,почти так как нужно.Только я наверно опять не так выразился.Я хотел именно чтоб карусель из отзывов так же была как и карусель со скрина предыдущего вопроса.С прокруткой и стрелками.
Да,ещё в мобильной версии белеберда получается с этими отзывами на главной странице
#6
Отправлено 02 Февраль 2019 - 08:06
Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите и удалите:
$(document).ready(function() { var owl = $("#owl-demoOpinion"); owl.owlCarousel({ responsiveClass:true, responsive : { 0 : { items : 1, }, 768 : { items : 2, }, 1024:{ items:3, }, 1220: { items: 3, } }, mouseDrag:false, loop:true, nav:true, autoHeight:true, navText:[], autoplay:true, autoplayTimeout:2000, autoplayHoverPause:true }); });
далее зайдите в шаблон HTML - найдите:
<div id="owl-demoOpinion" class="advantageIndex owl-carousel owl-theme active"></div> <script> $(function() { var url = 'http://f603988.storeland.ru/goods/tovar'; var id = '#owl-demoOpinion'; var injid = '.goodsDataOpinionListTable'; if(id && injid && $(id).length) { $.get(url, function(html) { $(id).html($(html).find(injid).html()); }); } }); </script>
замените на:
<div class="IndexGoodsHeader">Отзывы</div> <div id="owl-demoOpinion" class="advantageIndex owl-carousel owl-theme active"></div> <script> $(function() { var url = 'http://f603988.storeland.ru/goods/tovar'; var id = '#owl-demoOpinion'; var injid = '.goodsDataOpinionListTable'; if(id && injid && $(id).length) { $.get(url, function(html) { $(id).html($(html).find(injid).html()); }); } setTimeout(function(){ var owl = $("#owl-demoOpinion"); owl.owlCarousel({ responsiveClass:true, responsive : { 0 : { items : 1, }, 768 : { items : 2, }, 1024:{ items:3, }, 1220: { items: 3, } }, mouseDrag:false, loop:true, nav:true, autoHeight:true, navText:[], autoplay:true, autoplayTimeout:2000, autoplayHoverPause:true }); }, 2000); }); </script>
далее зайдите в main.css - найдите:
#owl-demoOpinion {height:273px; overflow: hidden;} #owl-demoOpinion .item{height:273px;border-top:1px solid #cdcdcd;float: left; width: 33%;padding: 2%}
замените на:
#owl-demoOpinion {height:273px; overflow: hidden;margin-top: -60px;} #owl-demoOpinion .item{height:273px;border-top:1px solid #cdcdcd;float: left;margin: 0;width: 100%;max-width: 100%;}
Один из отзывов будет смотреться некорректно по причине отсутствия пробелов в тексте.
#7
Отправлено 02 Февраль 2019 - 09:10
Vaccina (02 Февраль 2019 - 08:06) писал:
Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите и удалите:
$(document).ready(function() { var owl = $("#owl-demoOpinion"); owl.owlCarousel({ responsiveClass:true, responsive : { 0 : { items : 1, }, 768 : { items : 2, }, 1024:{ items:3, }, 1220: { items: 3, } }, mouseDrag:false, loop:true, nav:true, autoHeight:true, navText:[], autoplay:true, autoplayTimeout:2000, autoplayHoverPause:true }); });
далее зайдите в шаблон HTML - найдите:
<div id="owl-demoOpinion" class="advantageIndex owl-carousel owl-theme active"></div> <script> $(function() { var url = 'http://f603988.storeland.ru/goods/tovar'; var id = '#owl-demoOpinion'; var injid = '.goodsDataOpinionListTable'; if(id && injid && $(id).length) { $.get(url, function(html) { $(id).html($(html).find(injid).html()); }); } }); </script>
замените на:
<div class="IndexGoodsHeader">Отзывы</div> <div id="owl-demoOpinion" class="advantageIndex owl-carousel owl-theme active"></div> <script> $(function() { var url = 'http://f603988.storeland.ru/goods/tovar'; var id = '#owl-demoOpinion'; var injid = '.goodsDataOpinionListTable'; if(id && injid && $(id).length) { $.get(url, function(html) { $(id).html($(html).find(injid).html()); }); } setTimeout(function(){ var owl = $("#owl-demoOpinion"); owl.owlCarousel({ responsiveClass:true, responsive : { 0 : { items : 1, }, 768 : { items : 2, }, 1024:{ items:3, }, 1220: { items: 3, } }, mouseDrag:false, loop:true, nav:true, autoHeight:true, navText:[], autoplay:true, autoplayTimeout:2000, autoplayHoverPause:true }); }, 2000); }); </script>
далее зайдите в main.css - найдите:
#owl-demoOpinion {height:273px; overflow: hidden;} #owl-demoOpinion .item{height:273px;border-top:1px solid #cdcdcd;float: left; width: 33%;padding: 2%}
замените на:
#owl-demoOpinion {height:273px; overflow: hidden;margin-top: -60px;} #owl-demoOpinion .item{height:273px;border-top:1px solid #cdcdcd;float: left;margin: 0;width: 100%;max-width: 100%;}
Один из отзывов будет смотреться некорректно по причине отсутствия пробелов в тексте.
Доброе утро!
Большущее спасибо,то что нужно получилось.А вот ещё небольшой штришок нужен, как текст отзывов сместить от края ячейки вправо и пониже стрелок,чтоб как бы посередине получался?И ещё почему-то при наведении не меняется цвет стрелок.
Можно здесь ещё допишу.Разместил на главной странице банер под шапкой.Как его переместить над слайдером,чтоб блок каталога примыкал к шапке.И сделать его адаптивным к мобильной версии.
#8
Отправлено 05 Февраль 2019 - 12:21
valeriruss (02 Февраль 2019 - 09:10) писал:
Большущее спасибо,то что нужно получилось.А вот ещё небольшой штришок нужен, как текст отзывов сместить от края ячейки вправо и пониже стрелок,чтоб как бы посередине получался?И ещё почему-то при наведении не меняется цвет стрелок.
Можно здесь ещё допишу.Разместил на главной странице банер под шапкой.Как его переместить над слайдером,чтоб блок каталога примыкал к шапке.И сделать его адаптивным к мобильной версии.
Здравствуйте. Зайдите в Редактор шаблонов --- main.css и найдите данный код:
.op_rightside { float: left; }
Замените его на:
.op_rightside { float: left; padding-left: 20px; padding-top: 45px; } #owl-demoOpinion .owl-next:hover:after, #owl-demoOpinion .owl-prev:hover:after { color: #29333d; }
Зайдите в раздел Сайт---Редактор шаблонов---HTML и найдите код:
<div class="mainwidth"> {%IF index_page%} <!-- Баннер --> <div class="banners"> <img src="{ASSETS_IMAGES_PATH}baner12.gif "> </div> <!-- Конец банера--> <div class="col-right"> <div class="container demo-2">
Замените его на:
<div class="mainwidth"> {%IF index_page%} <div class="col-right"> <!-- Баннер --> <div class="banners"> <img src="{ASSETS_IMAGES_PATH}baner12.gif "> </div> <!-- Конец баннера--> <div class="container demo-2">
#12
Отправлено 05 Февраль 2019 - 17:54
<div class="mainwidth"> {%IF index_page%} <div class="col-right"> <!-- Баннер --> <div class="banners"> <img src="{ASSETS_IMAGES_PATH}baner12.gif "> </div> <!-- Конец баннера--> <div class="container demo-2">
#13
Отправлено 09 Февраль 2019 - 06:57
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.demo-2 .sl-slider-wrapper{height:195px;} .demo-2 .bg-img{background-size:cover;} .demo-2 .sl-slider h2{margin-top:50px;font-size:40px;}
перед ним вставьте:
.banners img{width: 100%;}
#14
Отправлено 09 Февраль 2019 - 14:53
Vaccina (09 Февраль 2019 - 06:57) писал:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.demo-2 .sl-slider-wrapper{height:195px;} .demo-2 .bg-img{background-size:cover;} .demo-2 .sl-slider h2{margin-top:50px;font-size:40px;}
перед ним вставьте:
.banners img{width: 100%;}
Здравствуйте, Вариант не сработал.
#16
#17
Отправлено 19 Февраль 2019 - 01:40
Как ограничить количество выводимых на главную страницу в карусель Отзывы о магазине до 6 последних,а то выводятся все что есть на странице отзывов?
И вот тут прошу,пожалуйста помощи:
https://forum.storel..._20#entry281235
#18
Отправлено 19 Февраль 2019 - 02:52
valeriruss (19 Февраль 2019 - 01:40) писал:
Как ограничить количество выводимых на главную страницу в карусель Отзывы о магазине до 6 последних,а то выводятся все что есть на странице отзывов?
И вот тут прошу,пожалуйста помощи:
https://forum.storel..._20#entry281235
#19
Отправлено 19 Февраль 2019 - 08:58
Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите(начинается со строки 1237):
<!-- Нижняя навигация (страницы) --> <tfoot> <tr class="goodsDataOpinionListNavigateBottom"> <td colspan="2"> <!-- Страницы отзывов --> {% IF opinion_show_pages %} <div class="pagination"> <div class="links">
перед ним вставьте:
<!-- Список отзывов о магазине на главной странице --> <div id="for_Owl-demoOpinion" class="goodsDataOpinionListTable" style="display:none;"> {% FOR opinion_list %}{% IF opinion_list.index>6 %}{break}{% ENDIF %} <div class="item rev_wrp {% IF opinion_list.GENERALLY_IS_GOOD %}good{% ELSE %}bad{% ENDIF %}"> <div class="op_leftside"> </div> <div class="op_rightside"> <div class="ceil1 valTop paddtd"> <span class="goodsDataOpinionListTableClient {% IF opinion_list.CLIENT_ID %}auth{% ENDIF %}">Покупатель:<span class="revName"> {opinion_list.NAME}</span></span> <meta itemprop="datePublished" content="{opinion_list.DATE | date("Y-m-d")}"> <span class="goodsDataOpinionListTableDate">- {opinion_list.DATE}</span> </div> <div> {% IF opinion_list.TITLE %} <div class="revTitle" itemprop="name">{opinion_list.TITLE}</div> {% ENDIF %} {% IF opinion_list.RATING %} <div class="rating-box"> {% IF GOODS_OPINION_RATING_VALUE %} <span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="worstRating" content = "1"> <meta itemprop="bestRating" content = "10"> <meta itemprop="ratingValue" content = "{GOODS_OPINION_RATING_VALUE}"> <meta itemprop="reviewCount" content = "{GOODS_OPINION_RATING_CNT_ALL}"> <div class="rating" style="width:{GOODS_OPINION_RATING_VALUE}0%" alt="{GOODS_OPINION_RATING_VALUE}" title="Рейтинг товара"></div> </span> {% ELSE %} <div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div> {% ENDIF %} </div> <div class="clear"></div> {% ENDIF %} {% IF opinion_list.COMMENT %} <div><strong>Ваш отзыв:</strong> <span class="revWords" itemprop="reviewBody">{opinion_list.COMMENT | nl2br}</span></div> {% ENDIF %} {% IF opinion_list.DELETE_URL %} <div><a class="button revDel" href="{opinion_list.DELETE_URL}?return_to={CURRENT_URL | urlencode}%3Fgenerally_is_good%3D{GOODS_OPINION_GENERALLY_IS_GOOD | urlencode}%26page={OPINION_PAGES_LIST_CURRENT}#show_tab_4">Удалить</a></div> {% ENDIF %} </div> </div> <div class="clear"></div> {% IF opinion_list.ANSWER %} <div class="goodsDataOpinionListTableAnswer"> <div class="left_answer"> </div> <div class="right_answer"> {opinion_list.ANSWER | nl2br} </div> <div class="clear"></div> </div> {% ENDIF %} <div class="clear"></div> </div> {% ENDFOR %} </div> <!-- END Список отзывов о магазине на главной странице -->
далее зайдите в шаблон HTML - найдите:
var id = '#owl-demoOpinion'; var injid = '.goodsDataOpinionListTable';
замените на:
var id = '#owl-demoOpinion'; var injid = '#for_Owl-demoOpinion';
#20
Отправлено 20 Февраль 2019 - 01:26
Vaccina (19 Февраль 2019 - 08:58) писал:
Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите(начинается со строки 1237):
<!-- Нижняя навигация (страницы) --> <tfoot> <tr class="goodsDataOpinionListNavigateBottom"> <td colspan="2"> <!-- Страницы отзывов --> {% IF opinion_show_pages %} <div class="pagination"> <div class="links">
перед ним вставьте:
<!-- Список отзывов о магазине на главной странице --> <div id="for_Owl-demoOpinion" class="goodsDataOpinionListTable" style="display:none;"> {% FOR opinion_list %}{% IF opinion_list.index>6 %}{break}{% ENDIF %} <div class="item rev_wrp {% IF opinion_list.GENERALLY_IS_GOOD %}good{% ELSE %}bad{% ENDIF %}"> <div class="op_leftside"> </div> <div class="op_rightside"> <div class="ceil1 valTop paddtd"> <span class="goodsDataOpinionListTableClient {% IF opinion_list.CLIENT_ID %}auth{% ENDIF %}">Покупатель:<span class="revName"> {opinion_list.NAME}</span></span> <meta itemprop="datePublished" content="{opinion_list.DATE | date("Y-m-d")}"> <span class="goodsDataOpinionListTableDate">- {opinion_list.DATE}</span> </div> <div> {% IF opinion_list.TITLE %} <div class="revTitle" itemprop="name">{opinion_list.TITLE}</div> {% ENDIF %} {% IF opinion_list.RATING %} <div class="rating-box"> {% IF GOODS_OPINION_RATING_VALUE %} <span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="worstRating" content = "1"> <meta itemprop="bestRating" content = "10"> <meta itemprop="ratingValue" content = "{GOODS_OPINION_RATING_VALUE}"> <meta itemprop="reviewCount" content = "{GOODS_OPINION_RATING_CNT_ALL}"> <div class="rating" style="width:{GOODS_OPINION_RATING_VALUE}0%" alt="{GOODS_OPINION_RATING_VALUE}" title="Рейтинг товара"></div> </span> {% ELSE %} <div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div> {% ENDIF %} </div> <div class="clear"></div> {% ENDIF %} {% IF opinion_list.COMMENT %} <div><strong>Ваш отзыв:</strong> <span class="revWords" itemprop="reviewBody">{opinion_list.COMMENT | nl2br}</span></div> {% ENDIF %} {% IF opinion_list.DELETE_URL %} <div><a class="button revDel" href="{opinion_list.DELETE_URL}?return_to={CURRENT_URL | urlencode}%3Fgenerally_is_good%3D{GOODS_OPINION_GENERALLY_IS_GOOD | urlencode}%26page={OPINION_PAGES_LIST_CURRENT}#show_tab_4">Удалить</a></div> {% ENDIF %} </div> </div> <div class="clear"></div> {% IF opinion_list.ANSWER %} <div class="goodsDataOpinionListTableAnswer"> <div class="left_answer"> </div> <div class="right_answer"> {opinion_list.ANSWER | nl2br} </div> <div class="clear"></div> </div> {% ENDIF %} <div class="clear"></div> </div> {% ENDFOR %} </div> <!-- END Список отзывов о магазине на главной странице -->
далее зайдите в шаблон HTML - найдите:
var id = '#owl-demoOpinion'; var injid = '.goodsDataOpinionListTable';
замените на:
var id = '#owl-demoOpinion'; var injid = '#for_Owl-demoOpinion';
Спасибо,всё как нужно получилось.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных