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


Страница "отзывы О Магазине"


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

#1 valeriruss

valeriruss

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

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 29 Январь 2019 - 17:30

Здравствуйте.Помогите в шаблоне  прикрутить отзывы о Магазине.И выводить 6 последних в нижнюю карусель.


SL-466377

#2 Vaccina

Vaccina

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

  • Модераторы
  • 23 883 сообщений

Отправлено 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">&nbsp;&nbsp;{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">Новый отзыв о &laquo;{GOODS_NAME}&raquo;</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="Добавить отзыв о &laquo;{GOODS_NAME}&raquo;" 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 valeriruss

valeriruss

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

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 30 Январь 2019 - 17:30

Добрый день.

Vaccina, большое спасибо за помощь.
Создаётся впечатление,что только Вы остались нашей палочкой выручалочкой :) .

Со страницей отзывов всё получилось,вот только в хлебных крошках так и будет отображаться слово tovar?

А на главной странице хотел выводить отзывы в нижней карусели

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

  • карусель отзыв.jpg


#4 Vaccina

Vaccina

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

  • Модераторы
  • 23 883 сообщений

Отправлено 01 Февраль 2019 - 05:12

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

Просмотр сообщенияVaccina (30 Январь 2019 - 04:57) писал:

(если скрытый товар для отзывов вы назвали НЕ tovar, то в коде выше также измените tovar)

Это решит проблему с хлебными крошками =)

Зайдите в раздел Сайт - Редактор шаблонов - 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 valeriruss

valeriruss

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

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 02 Февраль 2019 - 02:27

Доброй ночи!
Спасибо,почти так как нужно.Только я наверно опять не так выразился.Я хотел именно чтоб карусель из отзывов так же была как и карусель со скрина предыдущего вопроса.С прокруткой и стрелками.

Да,ещё в мобильной версии белеберда получается с этими отзывами на главной странице

#6 Vaccina

Vaccina

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

  • Модераторы
  • 23 883 сообщений

Отправлено 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 valeriruss

valeriruss

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

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 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 stasia

stasia

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

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

Отправлено 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">


#9 valeriruss

valeriruss

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

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 05 Февраль 2019 - 12:40

Просмотр сообщенияstasia (05 Февраль 2019 - 12:21) писал:


Здравствуйте. Зайдите в Редактор шаблонов --- main.css и найдите данный код:

.op_rightside {
float: left;
}


Что-то не смог найти этот кода.Есть код      .op_rightside .rating-box{margin-bottom:10px;}

#10 stasia

stasia

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

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

Отправлено 05 Февраль 2019 - 12:45

Просмотр сообщенияvaleriruss (05 Февраль 2019 - 12:40) писал:

Что-то не смог найти этот кода.Есть код   .op_rightside .rating-box{margin-bottom:10px;}

Данный код находится у Вас в шаблоне main.css  на строке 1790.

#11 valeriruss

valeriruss

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

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 05 Февраль 2019 - 12:58

Просмотр сообщенияstasia (05 Февраль 2019 - 12:45) писал:

Данный код находится у Вас в шаблоне main.css на строке 1790.

Извиняюсь,проглядел.
Всё доработки реализовал,получилось как нужно,большое спасибо.Единственно Банер в мобильной версии обрезается,как сделать адаптивным?

#12 valeriruss

valeriruss

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

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 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 Vaccina

Vaccina

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

  • Модераторы
  • 23 883 сообщений

Отправлено 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 valeriruss

valeriruss

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

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 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%;} 

Здравствуйте, Вариант не сработал.

#15 Vaccina

Vaccina

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

  • Модераторы
  • 23 883 сообщений

Отправлено 11 Февраль 2019 - 04:36

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

Почистите кэш браузера:
Скриншот сделанный 2019-02-11 в 08.36.00.png

#16 valeriruss

valeriruss

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

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 11 Февраль 2019 - 13:12

Просмотр сообщенияVaccina (11 Февраль 2019 - 04:36) писал:

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

Почистите кэш браузера:
Прикрепленный файл Скриншот сделанный 2019-02-11 в 08.36.00.png

Спасибо,вроде бы чистил не помогло.Сейчас смотрел,уже всё отлично отображается.

#17 valeriruss

valeriruss

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

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 19 Февраль 2019 - 01:40

Здравствуйте!
Как ограничить количество выводимых на главную страницу в карусель Отзывы о магазине до 6 последних,а то выводятся все что есть на странице отзывов?

И вот тут прошу,пожалуйста помощи:
https://forum.storel..._20#entry281235

#18 valeriruss

valeriruss

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

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 19 Февраль 2019 - 02:52

Просмотр сообщенияvaleriruss (19 Февраль 2019 - 01:40) писал:

Здравствуйте!
Как ограничить количество выводимых на главную страницу в карусель Отзывы о магазине до 6 последних,а то выводятся все что есть на странице отзывов?

И вот тут прошу,пожалуйста помощи:
https://forum.storel..._20#entry281235


#19 Vaccina

Vaccina

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

  • Модераторы
  • 23 883 сообщений

Отправлено 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">&nbsp;&nbsp;{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 valeriruss

valeriruss

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

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 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">&nbsp;&nbsp;{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 анонимных