Сообщений в теме: 28

[Faraj]

Здравствуйте! Нужно, чтобы на главной странице интернет-магазина www.faraj.ru в левой колонке под каталогом был список последних комментариев и отзывов к товарам. Например, 5 последних комментариев к товарам. С указанием на какой товар был комментарий и имени комментатора.

Этот виджет есть в стандартных темах Wordpress. Он очень полезен, так как показывает, что на сайте кто-то что-то пишет, а значит сайт жив, доверие потенциального покупателя к магазину возрастает. Он может видеть последние отзывы и комментарии.

Кроме того, наверно, это повысит вес сайта в SEO выдаче, так как человек будет дольше находится на сайте. Также прямые ссылки с главной на страницы товаров позволят роботам поисковиков быстрее находить эти товары.

Как сделать такое? Реально ли вообще?

[Sash01]

Очень интересно! Присоединяюсь!

[Сake]

К сожалению, отображать отзывы всех товаров не получиться, так как на данный момент нет такой реализации/возможности. Вы можете реализовать только вывод отзывов с одной страницы товара - например с общей страницы отзывов, например как это реализовано тут
http://forum.storela...ывы-о-магазине/

а так же дополнительная информация находиться в теме форума
http://forum.storela...ервой-странице/

[admin]

Здравствуйте!
Создал страницу с отзывами................... /goods/tovar
Требуется вывести последние отзывы на главной странице над новостями (в том же стиле) SL-171870

[Ирина345]

admin (18 Сентябрь 2017 - 12:00) писал:

Здравствуйте!
Создал страницу с отзывами................... /goods/tovar
Требуется вывести последние отзывы на главной странице над новостями (в том же стиле) SL-171870

Здравствуйте, Вы хотите для отзывов добавить карусель, как и на новостях?

[admin]

Ирина345 (19 Сентябрь 2017 - 12:41) писал:

Здравствуйте, Вы хотите для отзывов добавить карусель, как и на новостях?

Здравствуйте
Да хотелось бы каруселью, но если трудности тогда что бы выводились до 4-х отзывов последних в блоках как у новостей.

[Ирина345]

admin (19 Сентябрь 2017 - 12:45) писал:

Здравствуйте
Да хотелось бы каруселью, но если трудности тогда что бы выводились до 4-х отзывов последних в блоках как у новостей.

Найдите в шаблоне hTML

  <!-- Подвал -->
	  <div id="footer-middle">

замените на

  {% IF index_page %}
	<div id="review">
	  <div class="box-up-sell">
								<div class="block-title">
								  <span class="starleft"><i class="fa fa-star"></i></span>
												<strong>Отзывы</strong>
								  <span class="starright"><i class="fa fa-star"></i></span>
								  <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>
  <div class="up-sell-products">
	<script>
$(function() {
var url = 'http://ultramag-samara.ru/goods/tovar';
var id = '#review-goods-opinion-list'; // Из примера это insert-goods-opinion-list
var injid = '.goodsDataOpinionList'; // Из примера это inject-goods-opinion-list
if(id && injid && $(id).length) {
				 $.get(url, function(html) {
				 $(id).html($(html).find(injid).html());
				 $('.good.bord').addClass('col-sm-12');
					jQuery(function($) {
  var carouselU = $('#review #review-goods-opinion-list');
								carouselU.owlCarousel({
								  items: 2,
								  pagination: false,
								  itemsScaleUp : true,
								  slideSpeed : 800,
								  autoPlay: true,
								  addClassActive: true,
								  autoHeight: false,
								  responsive: false,
								  afterAction: function (e) {
																if(this.$owlItems.length > this.options.items){
																  $('#review .navigation').show();
																}else{
																  $('#review .navigation').hide();
																}
								  }
								});
  jQuery('#review .navigation .prev').on('click', function(e){
								e.preventDefault();
								carouselU.trigger('owl.prev');
  });
  jQuery('#review .navigation .next').on('click', function(e){
								e.preventDefault();
								carouselU.trigger('owl.next');
  });
});
});
}
});
</script>
<div id="review-goods-opinion-list"></div>
	</div>
   </div>
	</div>
	{% ENDIF %} 
<!-- Подвал -->
	  <div id="footer-middle">

[admin]

Ирина345 (19 Сентябрь 2017 - 13:11) писал:

Найдите в шаблоне hTML

<!-- Подвал -->
	 <div id="footer-middle">

замените на

{% IF index_page %}
<div id="review">
	 <div class="box-up-sell">
							 <div class="block-title">
								 <span class="starleft"><i class="fa fa-star"></i></span>
											 <strong>Отзывы</strong>
								 <span class="starright"><i class="fa fa-star"></i></span>
								 <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>
<div class="up-sell-products">
<script>
$(function() {
var url = 'http://ultramag-samara.ru/goods/tovar';
var id = '#review-goods-opinion-list'; // Из примера это insert-goods-opinion-list
var injid = '.goodsDataOpinionList'; // Из примера это inject-goods-opinion-list
if(id && injid && $(id).length) {
				 $.get(url, function(html) {
				 $(id).html($(html).find(injid).html());
				 $('.good.bord').addClass('col-sm-12');
				 jQuery(function($) {
var carouselU = $('#review #review-goods-opinion-list');
							 carouselU.owlCarousel({
								 items: 2,
								 pagination: false,
								 itemsScaleUp : true,
								 slideSpeed : 800,
								 autoPlay: true,
								 addClassActive: true,
								 autoHeight: false,
								 responsive: false,
								 afterAction: function (e) {
															 if(this.$owlItems.length > this.options.items){
																 $('#review .navigation').show();
															 }else{
																 $('#review .navigation').hide();
															 }
								 }
							 });
jQuery('#review .navigation .prev').on('click', function(e){
							 e.preventDefault();
							 carouselU.trigger('owl.prev');
});
jQuery('#review .navigation .next').on('click', function(e){
							 e.preventDefault();
							 carouselU.trigger('owl.next');
});
});
});
}
});
</script>
<div id="review-goods-opinion-list"></div>
</div>
</div>
</div>
{% ENDIF %}
<!-- Подвал -->
	 <div id="footer-middle">

1. Вместо кнопки удалить отобразить город
2. Название "Отзыв" убрать и  сам наш Ответ
3. дата должна быть закреплена ниже имени
4. Внизу отзывов сделать отступ 30 пикселей
5. Под именем должны быть звёздочки

Всё на скрине.

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

• 

[Ирина345]

admin (19 Сентябрь 2017 - 13:48) писал:

1. Вместо кнопки удалить отобразить город
2. Название "Отзыв" убрать и  сам наш Ответ
3. дата должна быть закреплена ниже имени
4. Внизу отзывов сделать отступ 30 пикселей
5. Под именем должны быть звёздочки

Всё на скрине.

Найдите в шаблоне Товар код на строке 916-918

{% IF opinion_list.DELETE_URL %}
<a 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" class="button">Удалить</a>
{% ENDIF %}

замените на

{% IF opinion_list.DELETE_URL %}
<a 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" class="button del">Удалить</a>
{% ENDIF %}
{% IF opinion_list.TITLE %}<div class="goodsDataOpinionListTitle index" style="display:none"><strong><span itemprop="name">{opinion_list.TITLE}</span></strong></div>{% ENDIF %}

далее добавьте в конец файла main.css код

#review-goods-opinion-list .button.del, #review-goods-opinion-list .goodsDataOpinionListTitle {
display: none;
}
#review-goods-opinion-list .goodsDataOpinionListTitle.index {
display: block !important;
}


#review-goods-opinion-list .goodsDataOpinionListDate {
width: 100%;
display: block;
}
#review-goods-opinion-list .rating-box .rating {
float: left;
height: 12px;
background: url('{ASSETS_IMAGES_PATH}bkg_rating.png') 0 100% repeat-x;
}

[admin]

Ирина345 (19 Сентябрь 2017 - 14:25) писал:

Найдите в шаблоне Товар код на строке 916-918

{% IF opinion_list.DELETE_URL %}
<a 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" class="button">Удалить</a>
{% ENDIF %}

замените на

{% IF opinion_list.DELETE_URL %}
<a 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" class="button del">Удалить</a>
{% ENDIF %}
{% IF opinion_list.TITLE %}<div class="goodsDataOpinionListTitle index" style="display:none"><strong><span itemprop="name">{opinion_list.TITLE}</span></strong></div>{% ENDIF %}

далее добавьте в конец файла main.css код

#review-goods-opinion-list .button.del, #review-goods-opinion-list .goodsDataOpinionListTitle {
display: none;
}
#review-goods-opinion-list .goodsDataOpinionListTitle.index {
display: block !important;
}


#review-goods-opinion-list .goodsDataOpinionListDate {
width: 100%;
display: block;
}
#review-goods-opinion-list .rating-box .rating {
float: left;
height: 12px;
background: url('{ASSETS_IMAGES_PATH}bkg_rating.png') 0 100% repeat-x;
}

Можно применить стили которые в отзывах на странице? /goods/tovar

[Ирина345]

admin (19 Сентябрь 2017 - 14:38) писал:

Можно применить стили которые в отзывах на странице? /goods/tovar

Можете более подробнее сказать какие стили именно необходимы.

[admin]

1 Отзыв перенести на другую сточку
( Отзыв:
Бла Бла Бла)
2. Под именем должны быть звёздочки рейтинга
3. Ответ на отзыв как и на странице с отзывами:
.goodsDataOpinionList .goodsDataOpinionListTableAnswer {

• color: #888;
  
• margin: 0 0 20px 0;
  
• font-style: italic;
  
• border-left: 1px solid #5cb85c;
  
• padding-left: 10px;

}
4. Задать высоту и ширину блоков, что бы сделать отступ снизу. (Новости отображаются по 2 штуки в разрешениях более 1200 пикс, а до этого по одной. отзывы сделать хочу так же)

[admin]

Давайте все-таки вместо карусели сделаем блоки в которых будет выводится последние 4 отзыва. Так проще будет стилизовать.
Всё что выше актуально

[Ирина345]

admin (19 Сентябрь 2017 - 15:38) писал:

Давайте все-таки вместо карусели сделаем блоки в которых будет выводится последние 4 отзыва. Так проще будет стилизовать.
Всё что выше актуально

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

 <div id="review">
		  <div class="box-up-sell">
																<div class="block-title">
																  <span class="starleft"><i class="fa fa-star"></i></span>
																								<strong>Отзывы наших покупателей</strong>
																  <span class="starright"><i class="fa fa-star"></i></span>
																  <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>
  <div class="up-sell-products">
		<script>
$(function() {
var url = 'http://ultramag-samara.ru/goods/tovar';
var id = '#review-goods-opinion-list'; // Из примера это insert-goods-opinion-list
var injid = '.goodsDataOpinionList'; // Из примера это inject-goods-opinion-list
if(id && injid && $(id).length) {
								 $.get(url, function(html) {
								 $(id).html($(html).find(injid).html());
								 $('.good.bord').addClass('col-sm-12');
										jQuery(function($) {
  var carouselU = $('#review #review-goods-opinion-list');
																carouselU.owlCarousel({
																  items: 2,
																  pagination: false,
																  itemsScaleUp : true,
																  slideSpeed : 800,
																  autoPlay: true,
																  addClassActive: true,
																  autoHeight: false,
																  responsive: false,
																  afterAction: function (e) {
																																if(this.$owlItems.length > this.options.items){
																																  $('#review .navigation').show();
																																}else{
																																  $('#review .navigation').hide();
																																}
																  }
																});
  jQuery('#review .navigation .prev').on('click', function(e){
																e.preventDefault();
																carouselU.trigger('owl.prev');
  });
  jQuery('#review .navigation .next').on('click', function(e){
																e.preventDefault();
																carouselU.trigger('owl.next');
  });
});
});
}
});
</script>
<div id="review-goods-opinion-list"></div>
		</div>
   </div>
		</div>

замените на

<div id="review">
		  <div class="box-up-sell">
																<div class="block-title">
																  <span class="starleft"><i class="fa fa-star"></i></span>
																								<strong>Отзывы наших покупателей</strong>
																  <span class="starright"><i class="fa fa-star"></i></span>
																
																</div>
  <div class="up-sell-products">
		<script>
$(function() {
var url = 'http://ultramag-samara.ru/goods/tovar';
var id = '#review-goods-opinion-list'; // Из примера это insert-goods-opinion-list
var injid = '.goodsDataOpinionList'; // Из примера это inject-goods-opinion-list
if(id && injid && $(id).length) {
								 $.get(url, function(html) {
								 $(id).html($(html).find(injid).html());
								 $('.good.bord').addClass('col-sm-6');
   
});
}
});
</script>
<div id="review-goods-opinion-list"></div>
		</div>
   </div>
		</div>

далее найдите в файле main.css

#review-goods-opinion-list .rating-box .rating {
		float: left;
		height: 12px;
		background: url('{ASSETS_IMAGES_PATH}bkg_rating.png') 0 100% repeat-x;
}

замените на

#review-goods-opinion-list .rating-box {display:block;width: 60px;height: 12px;background: url("{ASSETS_IMAGES_PATH}bkg_rating.png?design=summer") 0 1px repeat-x;overflow: hidden;}
#review-goods-opinion-list .rating-box .rating {display:block;height: 12px;background: url('{ASSETS_IMAGES_PATH}bkg_rating.png') 0 100% repeat-x;}
#review-goods-opinion-list .goodsDataOpinionListTableAnswer {color: #888;margin: 0 0 20px 10px;font-style: italic;border-left: 1px solid #ddd;padding-left: 10px;}

[admin]

Ирина345 (20 Сентябрь 2017 - 14:45) писал:

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

<div id="review">
<div class="box-up-sell">
<div class="block-title">
<span class="starleft"><i class="fa fa-star"></i></span>
<strong>Отзывы наших покупателей</strong>
<span class="starright"><i class="fa fa-star"></i></span>
<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>
<div class="up-sell-products">
<script>
$(function() {
var url = 'http://ultramag-samara.ru/goods/tovar';
var id = '#review-goods-opinion-list'; // Из примера это insert-goods-opinion-list
var injid = '.goodsDataOpinionList'; // Из примера это inject-goods-opinion-list
if(id && injid && $(id).length) {
$.get(url, function(html) {
$(id).html($(html).find(injid).html());
$('.good.bord').addClass('col-sm-12');
jQuery(function($) {
var carouselU = $('#review #review-goods-opinion-list');
carouselU.owlCarousel({
items: 2,
pagination: false,
itemsScaleUp : true,
slideSpeed : 800,
autoPlay: true,
addClassActive: true,
autoHeight: false,
responsive: false,
afterAction: function (e) {
if(this.$owlItems.length > this.options.items){
$('#review .navigation').show();
}else{
$('#review .navigation').hide();
}
}
});
jQuery('#review .navigation .prev').on('click', function(e){
e.preventDefault();
carouselU.trigger('owl.prev');
});
jQuery('#review .navigation .next').on('click', function(e){
e.preventDefault();
carouselU.trigger('owl.next');
});
});
});
}
});
</script>
<div id="review-goods-opinion-list"></div>
</div>
</div>
</div>

замените на

<div id="review">
		 <div class="box-up-sell">
															 <div class="block-title">
																 <span class="starleft"><i class="fa fa-star"></i></span>
																							 <strong>Отзывы наших покупателей</strong>
																 <span class="starright"><i class="fa fa-star"></i></span>
																
															 </div>
<div class="up-sell-products">
	 <script>
$(function() {
var url = 'http://ultramag-samara.ru/goods/tovar';
var id = '#review-goods-opinion-list'; // Из примера это insert-goods-opinion-list
var injid = '.goodsDataOpinionList'; // Из примера это inject-goods-opinion-list
if(id && injid && $(id).length) {
								 $.get(url, function(html) {
								 $(id).html($(html).find(injid).html());
								 $('.good.bord').addClass('col-sm-6');

});
}
});
</script>
<div id="review-goods-opinion-list"></div>
	 </div>
</div>
	 </div>

далее найдите в файле main.css

#review-goods-opinion-list .rating-box .rating {
	 float: left;
	 height: 12px;
	 background: url('{ASSETS_IMAGES_PATH}bkg_rating.png') 0 100% repeat-x;
}

замените на

#review-goods-opinion-list .rating-box {display:block;width: 60px;height: 12px;background: url("{ASSETS_IMAGES_PATH}bkg_rating.png?design=summer") 0 1px repeat-x;overflow: hidden;}
#review-goods-opinion-list .rating-box .rating {display:block;height: 12px;background: url('{ASSETS_IMAGES_PATH}bkg_rating.png') 0 100% repeat-x;}
#review-goods-opinion-list .goodsDataOpinionListTableAnswer {color: #888;margin: 0 0 20px 10px;font-style: italic;border-left: 1px solid #ddd;padding-left: 10px;}

Спасибо так лучше!

1. Можно перенести текст отзыва на следующую строку или удалить слово "Отзыв" (на скрине)
2. Разместил кнопку под отзывами - её нужно сделать по центру.

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

• 

[admin]

Отзыв удалил.
Актуален вопрос 2!

[Ирина345]

admin (21 Сентябрь 2017 - 07:56) писал:

Спасибо так лучше!

1. Можно перенести текст отзыва на следующую строку или удалить слово "Отзыв" (на скрине)
2. Разместил кнопку под отзывами - её нужно сделать по центру.

Здравствуйте, найдите в файле main.css

.ddd {
	width: 180px;
	text-align: center;
	display: inline-block;
}

замените на

.ddd {
	width: 180px;
	text-align: center;
	display: inline-block;
	margin: 0 auto;
}

[admin]

Ирина345 (21 Сентябрь 2017 - 10:52) писал:

Здравствуйте, найдите в файле main.css

.ddd {
width: 180px;
text-align: center;
display: inline-block;
}

замените на

.ddd {
width: 180px;
text-align: center;
display: inline-block;
margin: 0 auto;
}

Спасибо!

[admin]

Здравствуйте
SL-419429
Создал товар для отзывов с именем tovar и для шаблона туризм сделал изменения. Но появляется товар и собственно никаких отзывов и ещё ошибка.
Хочу сделать как в 171870

[Firefly]

admin (25 Сентябрь 2017 - 16:52) писал:

Здравствуйте
SL-419429
Создал товар для отзывов с именем tovar и для шаблона туризм сделал изменения. Но появляется товар и собственно никаких отзывов и ещё ошибка.
Хочу сделать как в 171870

Здравствуйте.
В шаблоне Товар Вам необходимо изменить код:

{%IFNOT GOODS_NAME = tovar%}

На код:

{%IFNOT GOODS_NAME = Отзывы наших клиентов%}