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


Описание И Характеристики В Одной Вкладке


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

#1 watches-club

watches-club

    Продвинутый пользователь

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

Отправлено 04 Март 2014 - 15:17

Помогите реализовать,чтобы описание и характеристики  были в одной вкладке общее


Изображение

#2 watches-club

watches-club

    Продвинутый пользователь

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

Отправлено 04 Март 2014 - 23:55

?

#3 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 05 Март 2014 - 06:27

Просмотр сообщенияwatches-club (04 Март 2014 - 23:55) писал:

?

Здравствуйте, редактируем шаблон Товар
Находим
<a href="javascript:tabSwitch(2);" id="tab_2">Описание</a>

Заменяем на
<a href="javascript:tabSwitch(2);" id="tab_2" style="display:none;">Описание</a>

Далее  перед
{% IFNOT goods_features_empty %}
		<h3>Характеристики {GOODS_NAME}</h3>

вставляем данный код
<div>
		<!-- Блок описания товара. Показываем его если есть описание товара -->
		{% IF GOODS_DESCRIPTION_LARGE %}
		  <h3>Описание {GOODS_NAME}</h3>
		  <div class="htmlDataBlock" itemprop="description">
			{GOODS_DESCRIPTION_LARGE}
		  </div>
		{% ENDIF %}
		<!-- END Блок описания товара. Показываем его если есть описание товара -->
 
		<!-- Короткое SEO-описание -->
		{% IF GOODS_SEO_DESCRIPTION_SHORT %}
		  <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
			{GOODS_SEO_DESCRIPTION_SHORT}
		  </div>
		{% ENDIF %}
		<!-- END Короткое SEO-описание -->
	 
		<!-- Полное SEO-описание -->
		{% IF GOODS_SEO_DESCRIPTION_LARGE %}
		  <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
			{GOODS_SEO_DESCRIPTION_LARGE}
		  </div>
		{% ENDIF %}
		<!-- END Полное SEO-описание --> 
	  </div>


#4 miniplaneta

miniplaneta

    Продвинутый пользователь

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

Отправлено 05 Март 2014 - 09:12

Просмотр сообщенияCastiel (05 Март 2014 - 06:27) писал:

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

перед
{% IFNOT goods_features_empty %}
	 <h3>Характеристики {GOODS_NAME}</h3>

вставляем данный код
<div>
	 <!-- Блок описания товара. Показываем его если есть описание товара -->
	 {% IF GOODS_DESCRIPTION_LARGE %}
		 <h3>Описание {GOODS_NAME}</h3>
		 <div class="htmlDataBlock" itemprop="description">
		 {GOODS_DESCRIPTION_LARGE}
		 </div>
	 {% ENDIF %}
	 <!-- END Блок описания товара. Показываем его если есть описание товара -->

	 <!-- Короткое SEO-описание -->
	 {% IF GOODS_SEO_DESCRIPTION_SHORT %}
		 <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
		 {GOODS_SEO_DESCRIPTION_SHORT}
		 </div>
	 {% ENDIF %}
	 <!-- END Короткое SEO-описание -->
	
	 <!-- Полное SEO-описание -->
	 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
		 <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
		 {GOODS_SEO_DESCRIPTION_LARGE}
		 </div>
	 {% ENDIF %}
	 <!-- END Полное SEO-описание -->
	 </div>

таким образом Описание переносится в закладку Характеристики..., а вопрос был как скрыть обе закладки Описание и Характеристики, а их содержимое друг за другом разместить в закладке Общее

то, что по аналогии с

    <!-- Если есть какое-либо описание товара -->
    {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
  <a href="javascript:tabSwitch(2);" id="tab_2" style="display:none;">Описание</a>
    {%ENDIF%}

делаем

    <!-- Если есть характеристики товара -->
    {% IFNOT goods_features_empty %}
  <a href="javascript:tabSwitch(3);" id="tab_3" style="display:none;">Характеристики</a>
    {%ENDIF%}

это понятно..., а вот после чего вставить сам код Описания и Характеристики не въезжаю..., понимаю только что нужно организовать блок после штаной Доставки...

#5 miniplaneta

miniplaneta

    Продвинутый пользователь

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

Отправлено 05 Март 2014 - 09:22

!

#6 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 05 Март 2014 - 09:52

Просмотр сообщенияminiplaneta (05 Март 2014 - 09:12) писал:

таким образом Описание переносится в закладку Характеристики..., а вопрос был как скрыть обе закладки Описание и Характеристики, а их содержимое друг за другом разместить в закладке Общее

то, что по аналогии с

<!-- Если есть какое-либо описание товара -->
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
  <a href="javascript:tabSwitch(2);" id="tab_2" style="display:none;">Описание</a>
{%ENDIF%}

делаем

<!-- Если есть характеристики товара -->
{% IFNOT goods_features_empty %}
  <a href="javascript:tabSwitch(3);" id="tab_3" style="display:none;">Характеристики</a>
{%ENDIF%}

это понятно..., а вот после чего вставить сам код Описания и Характеристики не въезжаю..., понимаю только что нужно организовать блок после штаной Доставки...

Попробуйте такой вариант
Вставляем данный код перед {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
<div id="descrip">
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	  <div>
		<!-- Блок описания товара. Показываем его если есть описание товара -->
		{% IF GOODS_DESCRIPTION_LARGE %}
		  <h3>Описание {GOODS_NAME}</h3>
		  <div class="htmlDataBlock" itemprop="description">
			{GOODS_DESCRIPTION_LARGE}
		  </div>
		{% ENDIF %}
		<!-- END Блок описания товара. Показываем его если есть описание товара -->
 
		<!-- Короткое SEO-описание -->
		{% IF GOODS_SEO_DESCRIPTION_SHORT %}
		  <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
			{GOODS_SEO_DESCRIPTION_SHORT}
		  </div>
		{% ENDIF %}
		<!-- END Короткое SEO-описание -->
	 
		<!-- Полное SEO-описание -->
		{% IF GOODS_SEO_DESCRIPTION_LARGE %}
		  <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
			{GOODS_SEO_DESCRIPTION_LARGE}
		  </div>
		{% ENDIF %}
		<!-- END Полное SEO-описание --> 
	  </div>
  {% ENDIF %}
 
  {% IFNOT goods_features_empty %}
	  <!-- Блок характеристик товара. Показываем его если указаны характеристики -->
	  {% IFNOT goods_features_empty %}
		<h3>Характеристики {GOODS_NAME}</h3>
		<table class="goodsDataFeatures" width="100%">
		  <tr>
			{% FOR goods_features%}
			  <td>
				<p class="name"><span class="value">{goods_features.NAME}</span></p>
			  </td>
			  <td>
				<span class="value">{goods_features.VALUE}</span>
			  </td>
			  {goods_features.index | is_divided("2","</tr><tr>","")}
			{% ENDFOR %}
		  </tr>
		</table>
	  {% ENDIF %}
	  <!-- END Блок характеристик товара. Показываем его если указаны характеристики -->
  {% ENDIF %}
</div>

Редактируем main.css
Находим
.product-info > .left + .right {
margin-left: 320px;
}

Заменяем на
.product-info > .left + .right {
margin-left: 320px;
height: 350px;
}


#7 miniplaneta

miniplaneta

    Продвинутый пользователь

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

Отправлено 05 Март 2014 - 11:42

Просмотр сообщенияCastiel (05 Март 2014 - 09:52) писал:

Попробуйте такой вариант
Вставляем данный код перед {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
<div id="descrip">
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	 <div>
	 <!-- Блок описания товара. Показываем его если есть описание товара -->
....
....

Редактируем main.css

Находим

.product-info > .left + .right {
margin-left: 320px;
}

Заменяем на

.product-info > .left + .right {
margin-left: 320px;
height: 350px;
}

Блоки Описание и Хар-ки действительно теперь встали в закладку Общее, но после завершающей черты блока!
наверное нужно вот с этим что-то сделать еще:

  <!-- /Блок описания вариантов доставки -->
</div>
<div style="clear: both;"></div>
  </div>  

<!-- я вставляю блок Полного описания и Характеристик в закладку Общее -->
  <div id="descrip">
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
  <div>
<!-- Блок описания товара. Показываем его если есть описание товара -->
{% IF GOODS_DESCRIPTION_LARGE %}
  <h3>Описание {GOODS_NAME}</h3>
  <div class="htmlDataBlock" itemprop="description">
{GOODS_DESCRIPTION_LARGE}
  </div>
{% ENDIF %}
<!-- END Блок описания товара. Показываем его если есть описание товара -->

Еще одна проблема: они отображаются в других закладках!

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

  • 05_03_1.png
  • 05_03_3.png


#8 watches-club

watches-club

    Продвинутый пользователь

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

Отправлено 05 Март 2014 - 18:52

и все же как реализовать?

#9 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 05 Март 2014 - 19:17

Верните исходный код шаблона Товар.

Находим в шаблоне Товар
	  <!-- /Блок описания вариантов доставки -->
	</div>

Сразу после добавляем данный код

<!-- Вывод описание и характеристик в вкладке Общее -->
	{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	  <div>
		<!-- Блок описания товара. Показываем его если есть описание товара -->
		{% IF GOODS_DESCRIPTION_LARGE %}
		  <h3>Описание {GOODS_NAME}</h3>
		  <div class="htmlDataBlock" itemprop="description">
			{GOODS_DESCRIPTION_LARGE}
		  </div>
		{% ENDIF %}
		<!-- END Блок описания товара. Показываем его если есть описание товара -->
 
		<!-- Короткое SEO-описание -->
		{% IF GOODS_SEO_DESCRIPTION_SHORT %}
		  <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
			{GOODS_SEO_DESCRIPTION_SHORT}
		  </div>
		{% ENDIF %}
		<!-- END Короткое SEO-описание -->
	 
		<!-- Полное SEO-описание -->
		{% IF GOODS_SEO_DESCRIPTION_LARGE %}
		  <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
			{GOODS_SEO_DESCRIPTION_LARGE}
		  </div>
		{% ENDIF %}
		<!-- END Полное SEO-описание --> 
	  </div>
  {% ENDIF %}
  <br>
  {% IFNOT goods_features_empty %}
	  <!-- Блок характеристик товара. Показываем его если указаны характеристики -->
	  {% IFNOT goods_features_empty %}
		<h3>Характеристики {GOODS_NAME}</h3>
		<table class="goodsDataFeatures" width="100%">
		  <tr>
			{% FOR goods_features%}
			  <td>
				<p class="name"><span class="value">{goods_features.NAME}</span></p>
			  </td>
			  <td>
				<span class="value">{goods_features.VALUE}</span>
			  </td>
			  {goods_features.index | is_divided("2","</tr><tr>","")}
			{% ENDFOR %}
		  </tr>
		</table>
	  {% ENDIF %}
	  <!-- END Блок характеристик товара. Показываем его если указаны характеристики -->
  {% ENDIF %}
  <!-- END Вывод описание и характеристик в вкладке Общее -->


чтобы скрыть не нужные вкладки Описание и Характеристики
Находим
<a href="javascript:tabSwitch(2);" id="tab_2">Описание</a>

Заменяем на
<a href="javascript:tabSwitch(2);" id="tab_2" style="display:none;">Описание</a>

Находим
<a href="javascript:tabSwitch(3);" id="tab_3">Характеристики</a>

Заменяем на
<a href="javascript:tabSwitch(3);" id="tab_3" style="display:none;">Характеристики</a>



Полный код шаблона Товар с выводом "Описания" и "Характеристики" во вкладке "Общее"
Скрытый текст


#10 watches-club

watches-club

    Продвинутый пользователь

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

Отправлено 05 Март 2014 - 20:31

Отлично!
Спасибо!

#11 miniplaneta

miniplaneta

    Продвинутый пользователь

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

Отправлено 06 Март 2014 - 10:11

У меня осталась проблема.
Вставляя в закладку Общее Описание+Характеристики у меня сейчас образуется большой пробел за счет   <div style="clear: both;"></div>  в 429 строчке. Помогите исправить эту строчку из расчета, что я переменял расположение контента в блоке Right закладки Общее. Теперь блоки Left и Right могут быть разными по высоте у разных товаров! Возможно нужно просто обернуть Описание+Характеристики в какой-то "центральный блок"

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

  • 06_03_1.png


#12 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 06 Март 2014 - 10:42

Просмотр сообщенияminiplaneta (06 Март 2014 - 10:11) писал:

У меня осталась проблема.
Вставляя в закладку Общее Описание+Характеристики у меня сейчас образуется большой пробел за счет   <div style="clear: both;"></div>  в 429 строчке. Помогите исправить эту строчку из расчета, что я переменял расположение контента в блоке Right закладки Общее. Теперь блоки Left и Right могут быть разными по высоте у разных товаров! Возможно нужно просто обернуть Описание+Характеристики в какой-то "центральный блок"

Здравствуйте,
Добавьте в main.css
#descrip {
float: left;
}

Редактируем шаблон Товар
Находим и удаляем на 429 строке
<div style="clear: both;"></div>


#13 miniplaneta

miniplaneta

    Продвинутый пользователь

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

Отправлено 06 Март 2014 - 12:18

Просмотр сообщенияCastiel (06 Март 2014 - 10:42) писал:

Здравствуйте,
Добавьте в main.css
#descrip {
float: left;
}

теперь надо что-то и где-то добавить " с учетом высоты левого или правого блока, что выше"

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

  • 06_03_3.png


#14 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 06 Март 2014 - 12:23

Просмотр сообщенияminiplaneta (06 Март 2014 - 12:18) писал:

теперь надо что-то и где-то добавить " с учетом высоты левого или правого блока, что выше"

Находим
#descrip {
float: left;
}

Заменяем на
#descrip {
float: left;
margin-top: 200px;
}


#15 miniplaneta

miniplaneta

    Продвинутый пользователь

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

Отправлено 06 Март 2014 - 12:32

Просмотр сообщенияCastiel (06 Март 2014 - 12:23) писал:

Находим
#descrip {
float: left;
}

Заменяем на
#descrip {
float: left;
margin-top: 200px;
}

нее... это не вариант, высоты блоков на товарах гуляют: левый зависит от картинок, правый от набора данных...

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

  • 06_03_4.png


#16 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 06 Март 2014 - 12:36

Просмотр сообщенияminiplaneta (06 Март 2014 - 12:32) писал:

нее... это не вариант, высоты блоков на товарах гуляют: левый зависит от картинок, правый от набора данных...

Попробуйте так
Находим
.product-info > .left + .right {
margin-left: 320px;
height: 350px;
}

Заменяем на
.product-info > .left + .right {
margin-left: 320px;
height: 100%;
}

Находим
#descrip {
float: left;
margin-top: 200px;
}

Заменяем на
#descrip {
float: left;
}


#17 miniplaneta

miniplaneta

    Продвинутый пользователь

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

Отправлено 06 Март 2014 - 12:51

Просмотр сообщенияCastiel (06 Март 2014 - 12:36) писал:

Попробуйте так
Находим
.product-info > .left + .right {
margin-left: 320px;
height: 350px;
}

Заменяем на
.product-info > .left + .right {
margin-left: 320px;
[color=#ff0000]height: 100%;[/color]
}


Огромное спасибо...

Для завершения темы хотелось бы чтобы именно в закладке Отзывы не отображались сопутствующие товары ну и видеть кол-во отзывов

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

  • 06_03_5.png


#18 Stasya

Stasya

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

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

Отправлено 06 Март 2014 - 16:17

Просмотр сообщенияminiplaneta (06 Март 2014 - 12:51) писал:

Огромное спасибо...

Для завершения темы хотелось бы чтобы именно в закладке Отзывы не отображались сопутствующие товары ну и видеть кол-во отзывов

Вы хотите убрать Сопутствующие товары совсем или перенести в другую закладку?

#19 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 06 Март 2014 - 17:09

Просмотр сообщенияminiplaneta (06 Март 2014 - 12:51) писал:

Огромное спасибо...

Для завершения темы хотелось бы чтобы именно в закладке Отзывы не отображались сопутствующие товары ну и видеть кол-во отзывов
Здравствуйте.
В шаблоне main.js после кода
// Выбор вкладки на странице товара
function tabSwitch(nb) {
добавьте такой код
  if (nb == 4)
	$('#contents .box-content').css('display','none');
  else
	$('#contents .box-content').css('display','block');
Это чтобы прятать "С этим товаром смотрят". Чтобы количество отзывов выводить, заменить в шаблоне "Товар" строку
<a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a>
на такой код
	  <a href="javascript:tabSwitch(4);" id="tab_4">Отзывы (<span></span>)</a>
	  <script>
	  $(document).ready(function(){
		var rnb = 0;
		if ($('.goodsDataOpinionListTable').length)
		  rnb += $('.goodsDataOpinionListTable .good').length + $('.goodsDataOpinionListTable .bad').length;
		$('#tab_4 span').text(rnb);
	  });
	  </script>


#20 watches-club

watches-club

    Продвинутый пользователь

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

Отправлено 06 Март 2014 - 18:04

как увеличить четкость изображения?

Изображение




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

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