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


Добавить Три-Четыре Отзыва В Левом Сайдбаре, Под Каталогом

Автор benevobis, 12 янв. 2013 17:28

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

#1 benevobis

benevobis

    Пользователь

  • Пользователи
  • PipPip
  • 22 сообщений

Отправлено 12 Январь 2013 - 17:28

Помогите пожалуйста в решении данного вопроса. Хочется чтобы было более менее красиво, банально написать текст в html коде не очень как-то, а на большее знание html не хватает. Я представляю примерно следующее: заголовок Отзывы клиентов (такой же как и Каталог товаров), и 3-4 небольших отзыва с подписью (например Николай, г.Москва) в правом углу, отзывы разделены между собой чем нибудь (линией или изображением линии), ну и естественно хочется чтобы это выглядело симпатично))

А может кто-то уже делал подобное, тогда дайте пожалуйста ссылочку. Заранее спасибо

#2 support 2.0

support 2.0

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

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

Отправлено 12 Январь 2013 - 17:43

Просмотр сообщенияbenevobis (12 Январь 2013 - 17:28) писал:

Помогите пожалуйста в решении данного вопроса. Хочется чтобы было более менее красиво, банально написать текст в html коде не очень как-то, а на большее знание html не хватает. Я представляю примерно следующее: заголовок Отзывы клиентов (такой же как и Каталог товаров), и 3-4 небольших отзыва с подписью (например Николай, г.Москва) в правом углу, отзывы разделены между собой чем нибудь (линией или изображением линии), ну и естественно хочется чтобы это выглядело симпатично))

А может кто-то уже делал подобное, тогда дайте пожалуйста ссылочку. Заранее спасибо

Вы можете с помощью графического редактора отобразить как Вы хотели бы, чтобы это выглядело и прикрепить в своем сообщении скриншот. После этого наглядно уже будет проще представить как Вы хотели, чтобы это было реализовано, После этого будет проще нам помочь Вам в данном вопросе.

#3 benevobis

benevobis

    Пользователь

  • Пользователи
  • PipPip
  • 22 сообщений

Отправлено 14 Январь 2013 - 15:22

Изображение

Надеюсь прикрепил, что-то не не видно изображения только маленькая иконка.

В общем думаю это не сложно, обычные отзывы, только хотелось бы чтобы они гармонично смотрелись на сайте.  Заголовок "Отзывы клиентов" желательно чтобы был такого же шрифта и размера, как "Категории товаров". И хотелось бы чтобы каждый отзыв был отделен от другого такой же серой линией, как в каталоге товаров. А вообще мне бы побыстрее их вставить в сайт, поэтому помогите пожалуйста хоть как нибудь для начала сделать, а в дальнейшем можно подредактировать))


P.S. сайт - ecig4u.ru

#4 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 14 Январь 2013 - 15:42

Просмотр сообщенияbenevobis (14 Январь 2013 - 15:22) писал:

Изображение

Надеюсь прикрепил, что-то не не видно изображения только маленькая иконка.

В общем думаю это не сложно, обычные отзывы, только хотелось бы чтобы они гармонично смотрелись на сайте.  Заголовок "Отзывы клиентов" желательно чтобы был такого же шрифта и размера, как "Категории товаров". И хотелось бы чтобы каждый отзыв был отделен от другого такой же серой линией, как в каталоге товаров. А вообще мне бы побыстрее их вставить в сайт, поэтому помогите пожалуйста хоть как нибудь для начала сделать, а в дальнейшем можно подредактировать))


P.S. сайт - ecig4u.ru
В баковую панель отзывы вставить не получиться.
Т. к. отзывы для товара доступны только из файла "Товар". А данная баковая панель под категориями находится в файле "HTML"

#5 support 2.0

support 2.0

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

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

Отправлено 14 Январь 2013 - 17:08

Просмотр сообщенияbenevobis (14 Январь 2013 - 15:22) писал:

Изображение

Надеюсь прикрепил, что-то не не видно изображения только маленькая иконка.

В общем думаю это не сложно, обычные отзывы, только хотелось бы чтобы они гармонично смотрелись на сайте.  Заголовок "Отзывы клиентов" желательно чтобы был такого же шрифта и размера, как "Категории товаров". И хотелось бы чтобы каждый отзыв был отделен от другого такой же серой линией, как в каталоге товаров. А вообще мне бы побыстрее их вставить в сайт, поэтому помогите пожалуйста хоть как нибудь для начала сделать, а в дальнейшем можно подредактировать))


P.S. сайт - ecig4u.ru


Думаю, можно сделать это следующим образом:
в шаблоне HTML найдите строчку
		  <!-- Нижняя навигация (страницы) -->

Перед ней вставьте блок
		{% IFNOT MOD_LNAME!=goods %}	
			<!-- Если в тарифном плане подключен модуль отзывов о товаре -->
{% IF TARIFF_FEATURE_GOODS_OPINION %}
  <!-- Если не выключен модуль отзывов о товаре -->
  {% IFNOT SETTINGS_OPINION_DISABLE %}
	<h4>Отзывы клиентов</h4>
 
	<!-- Если отзывов по товару вообще нет, ни положительных ни отрицательных -->
	{% IF opinion_list_empty_without_filter %}
	  <div class="goodsDataOpinionMessage empty">Отзывов пока не было. Вы можете <a href="#goodsDataOpinionAdd" class="jsAction goodsDataOpinionShowAddForm">оставить его первым</a></div>
   
	<!-- Если по товару есть хотя бы один отзыв -->
	{% ELSE %}
	  <table style="margin-top:-25px">
		<!-- Верхняя навигация (Фильтры и страницы) -->
	   
	   
		<!-- Если отзывов по товару не было с учетом фильтра по настроению отзыва -->
		{% IF opinion_list_empty %}
		  <tbody>
			<tr>
			  <td colspan="2">
				<div class="goodsDataOpinionMessage empty">
				  отзывов пока не было. Вы можете <a href="#goodsDataOpinionAdd" class="jsAction goodsDataOpinionShowAddForm">оставить его первым</a>
				</div>
			  </td>
			</tr>
		  </tbody>
	 
		<!-- Если отзывы по товару уже есть, покажем их список -->
		{% ELSE %}
		  <!-- Список отзывов о товарах -->
		  <tbody>
			<tr>
			  <td colspan="2">
				<table class="goodsDataOpinionListTable">
				  <tbody>
				  {% FOR opinion_list %}
					<tr class="{% IF opinion_list.GENERALLY_IS_GOOD %}good{% ELSE %}bad{% ENDIF %}">
					  <td class="ceil2">
						{% IF opinion_list.TITLE %}<strong class="valignMiddle">{opinion_list.TITLE}</strong>{% ENDIF %}
						{% IF opinion_list.RATING %}<img class="valignMiddle" src="{FORALL_IMAGES_PATH}stars/{opinion_list.RATING}.gif"  alt="{opinion_list.RATING}"/>{% ENDIF %}<br />
			   
						{% IF opinion_list.ACCOMPLISHMENTS %}<strong>Достоинства:</strong> {opinion_list.ACCOMPLISHMENTS | nl2br}<br />{% ENDIF %}
						{% IF opinion_list.LIMITATIONS %}<strong>Недостатки:</strong> {opinion_list.LIMITATIONS | nl2br}<br />{% ENDIF %}
						{% IF opinion_list.COMMENT %}<strong>Комментарий:</strong> {opinion_list.COMMENT | nl2br}<br />{% ENDIF %}
						<span class="goodsDataOpinionListTableClient {% IF opinion_list.CLIENT_ID %}auth{% ENDIF %}">{opinion_list.NAME}</span>
						{% IF opinion_list.ANSWER %}
						  <div class="goodsDataOpinionListTableAnswer">
							{opinion_list.ANSWER | nl2br}<br />
						  </div>
						{% ENDIF %}
					  </td>
											<td class="ceil1">
						{% IF opinion_list.DELETE_URL %}
						  <a href="{opinion_list.DELETE_URL}">Удалить</a>
						{% ENDIF %}
					  </td>
					</tr>
				  {% ENDFOR %}
				  </tbody>
				</table>
			  </td>
			</tr>
		  </tbody>
		  <!-- END Список отзывов о товаре -->

Теперь нужно немного изменить стиль отзывов. Зайдите в файл main.css и найдите строку
.goodsDataOpinionListTable {width:750px;}

замените ее на
.goodsDataOpinionListTable {width:200px;}

Далее найдите строку
.goodsDataOpinionAverageInfo {padding-left:1em;vertical-align:middle;}

замените ее на
.goodsDataOpinionAverageInfo {vertical-align:middle;}

Теперь отзывы, которые ранее были на странице товара можно удалить. Для этого зайдите в шаблон Товар, найдите и удалите следующий блок
	<h3>Отзывы о {GOODS_NAME}</h3>
 
	<!-- Если отзывов по товару вообще нет, ни положительных ни отрицательных -->
	{% IF opinion_list_empty_without_filter %}
	  <div class="goodsDataOpinionMessage empty">Отзывов пока не было. Вы можете <a href="#goodsDataOpinionAdd" class="jsAction goodsDataOpinionShowAddForm">оставить его первым</a></div>
   
	<!-- Если по товару есть хотя бы один отзыв -->
	{% ELSE %}
	  <table>
		<!-- Верхняя навигация (Фильтры и страницы) -->
		<thead>
		  <tr class="goodsDataOpinionListNavigateTop">
			<td>
			  <!-- Среднее значение по результатам всех отзывов об этом товаре -->
			  {% IF GOODS_OPINION_RATING_VALUE_ROUND %}
				<img src="{FORALL_IMAGES_PATH}stars/{GOODS_OPINION_RATING_VALUE_ROUND}.gif" alt="{GOODS_OPINION_RATING_VALUE_ROUND}" class="valignMiddle" style="padding-right:1em;" />
			  {% ELSE %}
				<img src="{FORALL_IMAGES_PATH}stars/10.gif" alt="Рейтинг не определён" class="valignMiddle" style="padding-right:1em;" />
			  {% ENDIF %}
			  <!-- Фильтры отзывов -->
			  <span class="goodsDataOpinionAverageInfo">
				{% IF GOODS_OPINION_GENERALLY_IS_GOOD=-1 %}
				  Все ({GOODS_OPINION_RATING_CNT_ALL}) |
				{% ELSE %}
				  <a href="{GOODS_OPINION_ALL_URL}">Все ({GOODS_OPINION_RATING_CNT_ALL})</a> |
				{% ENDIF %}
 
				{% IF GOODS_OPINION_GENERALLY_IS_GOOD=1 %}
				  Положительные ({GOODS_OPINION_RATING_CNT_GOOD}) |
				{% ELSE %}
				  <a href="{GOODS_OPINION_GOOD_URL}">Положительные ({GOODS_OPINION_RATING_CNT_GOOD})</a> |
				{% ENDIF %}
 
				{% IF GOODS_OPINION_GENERALLY_IS_GOOD=0 %}
				  Отрицательные ({GOODS_OPINION_RATING_CNT_BAD}) |
				{% ELSE %}
				  <a href="{GOODS_OPINION_BAD_URL}">Отрицательные ({GOODS_OPINION_RATING_CNT_BAD})</a> |
				{% ENDIF %}
			   
				<a href="#goodsDataOpinionAdd" class="jsAction goodsDataOpinionShowAddForm AddNewOpinionLinkAfterList">Оставить отзыв</a>
			  </span>
			</td>
			<td>
			  <!-- Страницы отзывов -->
			  {% IF opinion_show_pages %}
				<div class="square_pages">
				  <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}">{opinion_pages_list.PAGE}</a>
					  {% ENDIF %}
					{% ENDFOR %}
				</div>
			  {% ENDIF %}
			</td>
		  </tr>
		</thead>
		<!-- END Верхняя навигация (Фильтры и страницы) -->
	   
		<!-- Если отзывов по товару не было с учетом фильтра по настроению отзыва -->
		{% IF opinion_list_empty %}
		  <tbody>
			<tr>
			  <td colspan="2">
				<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>
			  </td>
			</tr>
		  </tbody>
	 
		<!-- Если отзывы по товару уже есть, покажем их список -->
		{% ELSE %}
		  <!-- Список отзывов о товарах -->

			  <span class="goodsDataOpinionAverageInfo">
				<a href="#goodsDataOpinionAdd" class="jsAction goodsDataOpinionShowAddForm AddNewOpinionLinkAfterList">Оставить отзыв</a>
				</span>   
		  <tbody>
			<tr>
			  <td colspan="2">
				<table class="goodsDataOpinionListTable">
				  <tbody>
				  {% FOR opinion_list %}
					<tr class="{% IF opinion_list.GENERALLY_IS_GOOD %}good{% ELSE %}bad{% ENDIF %}">
					  <td class="ceil1">
						<span class="goodsDataOpinionListTableClient {% IF opinion_list.CLIENT_ID %}auth{% ENDIF %}">{opinion_list.NAME}</span>
						<span class="goodsDataOpinionListTableDate">{opinion_list.DATE}</span>
					   
						{% IF opinion_list.DELETE_URL %}
						  <a href="{opinion_list.DELETE_URL}">Удалить</a>
						{% ENDIF %}
					  </td>
					  <td class="ceil2">
						{% IF opinion_list.TITLE %}<strong class="valignMiddle">{opinion_list.TITLE}</strong>{% ENDIF %}
						{% IF opinion_list.RATING %}<img class="valignMiddle" src="{FORALL_IMAGES_PATH}stars/{opinion_list.RATING}.gif"  alt="{opinion_list.RATING}"/>{% ENDIF %}<br />
			   
						{% IF opinion_list.ACCOMPLISHMENTS %}<strong>Достоинства:</strong> {opinion_list.ACCOMPLISHMENTS | nl2br}<br />{% ENDIF %}
						{% IF opinion_list.LIMITATIONS %}<strong>Недостатки:</strong> {opinion_list.LIMITATIONS | nl2br}<br />{% ENDIF %}
						{% IF opinion_list.COMMENT %}<strong>Комментарий:</strong> {opinion_list.COMMENT | nl2br}<br />{% ENDIF %}
						{% IF opinion_list.ANSWER %}
						  <div class="goodsDataOpinionListTableAnswer">
							{opinion_list.ANSWER | nl2br}<br />
						  </div>
						{% ENDIF %}
					  </td>
					</tr>
				  {% ENDFOR %}
				  </tbody>
				</table>
			  </td>
			</tr>
		  </tbody>
		  <!-- END Список отзывов о товаре -->
		 
		  <!-- Нижняя навигация (страницы) -->
		  <tfoot>
			<tr class="goodsDataOpinionListNavigateBottom">
			  <td colspan="2">
				<!-- Страницы отзывов -->
				{% IF opinion_show_pages %}
				  <div class="square_pages">
					<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}">{opinion_pages_list.PAGE}</a>
						{% ENDIF %}
					  {% ENDFOR %}
				  </div>
				{% ENDIF %}
			  </td>
			</tr>
		  </tfoot>
		  <!-- END Нижняя навигация (страницы) -->
		{% ENDIF %}
	  </table>
	{% ENDIF %}
	<!-- END Если по товару есть хотя бы один отзыв -->

#6 benevobis

benevobis

    Пользователь

  • Пользователи
  • PipPip
  • 22 сообщений

Отправлено 14 Январь 2013 - 22:07

Блин, похоже забыл сказать самое главное, в моем тарифном плане отзывы недоступны. Их нужно прописать именно HTML кодом. Я не собираюсь чтобы там были реальные отзывы клиентов. Эти отзывы я напишу сам (или откуда нибудь скопирую). Можно ли сделать так как я нарисовал чисто HTML кодом? Я думал что это довольно таки просто сделать, просто у меня очень уж некрасиво получается... Видимо неправильно Вы меня поняли, ну или скорее всего я неправильно объяснил.

#7 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 15 Январь 2013 - 06:12

Просмотр сообщенияbenevobis (14 Январь 2013 - 22:07) писал:

Блин, похоже забыл сказать самое главное, в моем тарифном плане отзывы недоступны. Их нужно прописать именно HTML кодом. Я не собираюсь чтобы там были реальные отзывы клиентов. Эти отзывы я напишу сам (или откуда нибудь скопирую). Можно ли сделать так как я нарисовал чисто HTML кодом? Я думал что это довольно таки просто сделать, просто у меня очень уж некрасиво получается... Видимо неправильно Вы меня поняли, ну или скорее всего я неправильно объяснил.
Используйте инструкцию описанную выше от support 2.0.
В место кода:
			 {% IFNOT MOD_LNAME!=goods %}
					 <!-- Если в тарифном плане подключен модуль отзывов о товаре -->
{% IF TARIFF_FEATURE_GOODS_OPINION %}
<!-- Если не выключен модуль отзывов о товаре -->
{% IFNOT SETTINGS_OPINION_DISABLE %}
	 <h4>Отзывы клиентов</h4>

	 <!-- Если отзывов по товару вообще нет, ни положительных ни отрицательных -->
	 {% IF opinion_list_empty_without_filter %}
		 <div class="goodsDataOpinionMessage empty">Отзывов пока не было. Вы можете <a href="#goodsDataOpinionAdd" class="jsAction goodsDataOpinionShowAddForm">оставить его первым</a></div>

	 <!-- Если по товару есть хотя бы один отзыв -->
	 {% ELSE %}
		 <table style="margin-top:-25px">
			 <!-- Верхняя навигация (Фильтры и страницы) -->
		
		
			 <!-- Если отзывов по товару не было с учетом фильтра по настроению отзыва -->
			 {% IF opinion_list_empty %}
				 <tbody>
					 <tr>
						 <td colspan="2">
							 <div class="goodsDataOpinionMessage empty">
								 отзывов пока не было. Вы можете <a href="#goodsDataOpinionAdd" class="jsAction goodsDataOpinionShowAddForm">оставить его первым</a>
							 </div>
						 </td>
					 </tr>
				 </tbody>
		
			 <!-- Если отзывы по товару уже есть, покажем их список -->
			 {% ELSE %}
				 <!-- Список отзывов о товарах -->
				 <tbody>
					 <tr>
						 <td colspan="2">
							 <table class="goodsDataOpinionListTable">
								 <tbody>
								 {% FOR opinion_list %}
									 <tr class="{% IF opinion_list.GENERALLY_IS_GOOD %}good{% ELSE %}bad{% ENDIF %}">
										 <td class="ceil2">
											 {% IF opinion_list.TITLE %}<strong class="valignMiddle">{opinion_list.TITLE}</strong>{% ENDIF %}
											 {% IF opinion_list.RATING %}<img class="valignMiddle" src="{FORALL_IMAGES_PATH}stars/{opinion_list.RATING}.gif" alt="{opinion_list.RATING}"/>{% ENDIF %}<br />
						
											 {% IF opinion_list.ACCOMPLISHMENTS %}<strong>Достоинства:</strong> {opinion_list.ACCOMPLISHMENTS | nl2br}<br />{% ENDIF %}
											 {% IF opinion_list.LIMITATIONS %}<strong>Недостатки:</strong> {opinion_list.LIMITATIONS | nl2br}<br />{% ENDIF %}
											 {% IF opinion_list.COMMENT %}<strong>Комментарий:</strong> {opinion_list.COMMENT | nl2br}<br />{% ENDIF %}
											 <span class="goodsDataOpinionListTableClient {% IF opinion_list.CLIENT_ID %}auth{% ENDIF %}">{opinion_list.NAME}</span>
											 {% IF opinion_list.ANSWER %}
												 <div class="goodsDataOpinionListTableAnswer">
													 {opinion_list.ANSWER | nl2br}<br />
												 </div>
											 {% ENDIF %}
										 </td>
																					 <td class="ceil1">
											 {% IF opinion_list.DELETE_URL %}
												 <a href="{opinion_list.DELETE_URL}">Удалить</a>
											 {% ENDIF %}
										 </td>
									 </tr>
								 {% ENDFOR %}
								 </tbody>
							 </table>
						 </td>
					 </tr>
				 </tbody>
				 <!-- END Список отзывов о товаре -->
Используйте код:
<div id="leftMenuBlock" style="
	border-bottom: 1px solid gray;
	height: 100px;
	margin-left: 20px;
">
<h4 class="contentTbodyCatalogHeader">Отзывы клиентов</h4>
<div style="
	padding-right: 20px;
	width: 100%;
	height: 100%;
"><p>текст текст текст текст</p><span style="
	float: right;
	margin-right: 19px;
	font-weight: bold;
">Имя клиента</span>
</div>
</div>
<div id="leftMenuBlock" style="
	border-bottom: 1px solid gray;
	height: 100px;
	margin-left: 20px;
">
<h4 class="contentTbodyCatalogHeader">Отзывы клиентов</h4>
<div style="
	padding-right: 20px;
	width: 100%;
	height: 100%;
"><p>текст текст текст текст</p><span style="
	float: right;
	margin-right: 19px;
	font-weight: bold;
">Имя клиента</span>
</div>
</div>
<div id="leftMenuBlock" style="
	border-bottom: 1px solid gray;
	height: 100px;
	margin-left: 20px;
">
<h4 class="contentTbodyCatalogHeader">Отзывы клиентов</h4>
<div style="
	padding-right: 20px;
	width: 100%;
	height: 100%;
"><p>текст текст текст текст</p><span style="
	float: right;
	margin-right: 19px;
	font-weight: bold;
">Имя клиента</span>
</div>
</div>

#8 benevobis

benevobis

    Пользователь

  • Пользователи
  • PipPip
  • 22 сообщений

Отправлено 15 Январь 2013 - 09:47

Огромное спасибо, все сделал. Только сделал немного по своему, ничего не менял а просто вставил данный код после категории товаров в файле HTML, в принципе мне так и нужно было. Ну и отступы слева удалил, а то не гармонично смотрелось. Еще раз большое спасибо за помощь, все именно так как хотел )
Обратно в Другое


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Мокко
  5. → Другое
  6. Privacy Policy