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


Таблица С Размерами В Характеристиках


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

#1 Santos

Santos

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

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

Отправлено 31 Март 2016 - 17:17

Здравствуйте, Уважаемые модераторы!

Вопрос такой: Блоком "характеристики" я не пользуюсь, возможно ли сделать так, чтобы в нем размешать таблицу с размерами (картинку из файлов)? - на рис. я наглядней нарисовал..посмотрите.
Как это сделать и возможно ли это?

т.е. как сделать, чтобы при редактировании товара, в разделе "ХАРАКТЕРИСТИКИ" указывать следующее.

Пример: Добавляем характеристику

Название: Размерная таблица
Значение: Сделать так, чтобы сюда можно было добавить ссылку на картинку из файлов !!!

Результат: На странице товара в "характеристиках" открывалась таблица (2 ячейки - левая / правая),
в левой у нас соответственно название - Размерная таблица,
а в правой у нас - картинка этой размерной таблицы.

Жду с нетерпением ответа!

спасибо...

p/s/ Возможно на форуме есть какие то подобные варианты...сообщите.

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

  • 005.png


#2 RedHead

RedHead

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

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

Отправлено 31 Март 2016 - 18:00

Просмотр сообщенияSantos (31 Март 2016 - 17:17) писал:

Здравствуйте, Уважаемые модераторы!

Вопрос такой: Блоком "характеристики" я не пользуюсь, возможно ли сделать так, чтобы в нем размешать таблицу с размерами (картинку из файлов)? - на рис. я наглядней нарисовал..посмотрите.
Как это сделать и возможно ли это?

т.е. как сделать, чтобы при редактировании товара, в разделе "ХАРАКТЕРИСТИКИ" указывать следующее.

Пример: Добавляем характеристику

Название: Размерная таблица
Значение: Сделать так, чтобы сюда можно было добавить ссылку на картинку из файлов !!!

Результат: На странице товара в "характеристиках" открывалась таблица (2 ячейки - левая / правая),
в левой у нас соответственно название - Размерная таблица,
а в правой у нас - картинка этой размерной таблицы.

Жду с нетерпением ответа!

спасибо...

p/s/ Возможно на форуме есть какие то подобные варианты...сообщите.

Здравствуйте. В раздел "Характеристики", при редактировании товара, нельзя добавлять ссылки. Можно сделать следующее: в карточке товара, вместо вкладки "характеристики", за которую отвечают непосредственно характеристики товара, использовать раздел "Полное SEO-описание". Нужно учесть, что во всех товарах Полное SEO-описание будет отображаться в этой вкладке.
В шаблоне ТОВАР найдите блок кода:

<!-- Основные вкладки описаний товара -->
<div class="tab_products clear">
	 <ul class="tabs">
	 {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>{% ENDIF %}
	 {% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a></li>{% ENDIF %}
	 {% IFNOT goods_delivery_empty %}<li><a href="javascript:tabSwitch(3);" id="tab_3">Условия доставки</a></li>{% ENDIF %}
	 {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}<li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a></li>{% ENDIF %}
	 </ul>
	 <!-- Описание -->
	 {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	 <div id="content_1" class="tab-content">
		 <div class="htmlDataBlock">
		 <!-- Блок описания товара. Показываем его если есть описание товара -->
		 {% IF GOODS_DESCRIPTION_LARGE %}
			 <p itemprop="description">{GOODS_DESCRIPTION_LARGE}</p>
		 {% ENDIF %}
		 <!-- END Блок описания товара. Показываем его если есть описание товара -->
		 <!-- Короткое SEO-описание -->
		 {% IF GOODS_SEO_DESCRIPTION_SHORT %}
			 <p>{GOODS_SEO_DESCRIPTION_SHORT}</p>
		 {% ENDIF %}
		 <!-- END Короткое SEO-описание -->	
		 <!-- Полное SEO-описание -->
		 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
			 <p>{GOODS_SEO_DESCRIPTION_LARGE}</p>
		 {% ENDIF %}
		 <!-- END Полное SEO-описание -->
		 </div>
	 </div>
	 {% ENDIF %}
	 <!-- Характеристики -->
	 {% IFNOT goods_features_empty %}
	 <div id="content_2" class="tab-content" {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}style="display:none;"{%ENDIF%}>
		 <table class="table-box">
		 <tbody>
			 {% FOR goods_features%}
			 <tr class="first odd">
				 <th class=""><span class="value">{goods_features.NAME}</span></th>
				 <td class="data last">{goods_features.VALUE}</td>
			 </tr>
			 {% ENDFOR %}
		 </tbody>
		 </table>
	 </div>
	 {% ENDIF %}

замените его на:

<!-- Основные вкладки описаний товара -->
<div class="tab_products clear">
	 <ul class="tabs">
	 {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>{% ENDIF %}
	 {% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Размерная сетка</a></li>{% ENDIF %}
	 {% IFNOT goods_delivery_empty %}<li><a href="javascript:tabSwitch(3);" id="tab_3">Условия доставки</a></li>{% ENDIF %}
	 {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}<li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a></li>{% ENDIF %}
	 </ul>
	 <!-- Описание -->
	 {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT %}
	 <div id="content_1" class="tab-content">
		 <div class="htmlDataBlock">
		 <!-- Блок описания товара. Показываем его если есть описание товара -->
		 {% IF GOODS_DESCRIPTION_LARGE %}
			 <p itemprop="description">{GOODS_DESCRIPTION_LARGE}</p>
		 {% ENDIF %}
		 <!-- END Блок описания товара. Показываем его если есть описание товара -->
		 <!-- Короткое SEO-описание -->
		 {% IF GOODS_SEO_DESCRIPTION_SHORT %}
			 <p>{GOODS_SEO_DESCRIPTION_SHORT}</p>
		 {% ENDIF %}
		 <!-- END Короткое SEO-описание -->	
		 </div>
	 </div>
	 {% ENDIF %}
	 <!-- Характеристики -->
	 {% IFNOT goods_features_empty %}
	 <div id="content_2" class="tab-content" {% IF GOODS_SEO_DESCRIPTION_LARGE %}style="display:none;"{%ENDIF%}>
		 <table class="table-box">
		 <!-- Полное SEO-описание -->
		 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
			 <p>{GOODS_SEO_DESCRIPTION_LARGE}</p>
		 {% ENDIF %}
		 <!-- END Полное SEO-описание -->
		 </table>
	 </div>
	 {% ENDIF %}

Затем, в разделе ТОВАРЫ -ТОВАРЫ, откройте любой товар для редактирования. Найдите раздел Полное SEO-описание, нажмите кнопку "Источник" и вставьте код:

<table class="table-box">
<tbody>
<tr>
<th><span class="value">Размерная сетка</span></th>
<td><img src="http://design.ffgears.ru/logo.png" title="" /></td>
</tr>
</tbody>
</table>

Для каждого товара вставьте по такому принципу ссылку на нужное изображение. Результат реализации прикрепляю в скриншоте.

1.jpg

#3 Santos

Santos

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

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

Отправлено 31 Март 2016 - 22:01

Спасибо за ответ...НО У МЕНЯ НИ ЧЕГО НЕ ИЗМЕНИЛОСЬ, все сделал как вы указали..почему то у вас получилось, не пойму..на вашем скрине все выглядит красиво, как и хотел...но у меня такого не получилось, в чем может быть проблема? даже кнопка "размерная сетка" не появилась.

Изменения стоят на этом товаре: http://ffgears.ru/go...DX-PRO-NUBUCK-6

После просмотра удалите пожалуйста эту ссылку! спс.

#4 Vaccina

Vaccina

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

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

Отправлено 01 Апрель 2016 - 02:02

В шаблоне Товар найдите:
{% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Размерная сетка</a></li>{% ENDIF %}
		

замените на:
{% IF GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Размерная сетка</a></li>{% ENDIF %}
		

далее найдите:
<!-- Характеристики -->
		 {% IFNOT goods_features_empty %}
		 <div id="content_2" class="tab-content" {% IF GOODS_SEO_DESCRIPTION_LARGE %}style="display:none;"{%ENDIF%}>
				 <table class="table-box">
				 <!-- Полное SEO-описание -->
				 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
						 <p>{GOODS_SEO_DESCRIPTION_LARGE}</p>
				 {% ENDIF %}
				 <!-- END Полное SEO-описание -->
				 </table>
		 </div>
		 {% ENDIF %}

замените на:
<!-- Характеристики -->
		 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
		 <div id="content_2" class="tab-content" {% IF GOODS_SEO_DESCRIPTION_LARGE %}style="display:none;"{%ENDIF%}>
				 <table class="table-box">
				 <!-- Полное SEO-описание -->
				 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
						 <p>{GOODS_SEO_DESCRIPTION_LARGE}</p>
				 {% ENDIF %}
				 <!-- END Полное SEO-описание -->
				 </table>
		 </div>
		 {% ENDIF %}

После изменений не забудьте почистить кэш браузера.

123.jpg

#5 Santos

Santos

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

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

Отправлено 01 Апрель 2016 - 02:15

Просмотр сообщенияVaccina (01 Апрель 2016 - 02:02) писал:

В шаблоне Товар найдите:
{% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Размерная сетка</a></li>{% ENDIF %}
		

замените на:
{% IF GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Размерная сетка</a></li>{% ENDIF %}
		

далее найдите:
<!-- Характеристики -->
		 {% IFNOT goods_features_empty %}
		 <div id="content_2" class="tab-content" {% IF GOODS_SEO_DESCRIPTION_LARGE %}style="display:none;"{%ENDIF%}>
				 <table class="table-box">
				 <!-- Полное SEO-описание -->
				 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
						 <p>{GOODS_SEO_DESCRIPTION_LARGE}</p>
				 {% ENDIF %}
				 <!-- END Полное SEO-описание -->
				 </table>
		 </div>
		 {% ENDIF %}

замените на:
<!-- Характеристики -->
		 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
		 <div id="content_2" class="tab-content" {% IF GOODS_SEO_DESCRIPTION_LARGE %}style="display:none;"{%ENDIF%}>
				 <table class="table-box">
				 <!-- Полное SEO-описание -->
				 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
						 <p>{GOODS_SEO_DESCRIPTION_LARGE}</p>
				 {% ENDIF %}
				 <!-- END Полное SEO-описание -->
				 </table>
		 </div>
		 {% ENDIF %}

После изменений не забудьте почистить кэш браузера.

Прикрепленный файл 123.jpg
Спасибо огромное! все получилось.

#6 Santos

Santos

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

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

Отправлено 08 Апрель 2016 - 12:00

Здравствуйте!
Вопрос такой, я разделе "доставка" разрисовал таблицу с описанием..ширина таблицы 500px... теперь получается так, что при просмотре в малых разрешениях от 540х и меньше эта таблица уходит за край экрана.
Хотелось бы установить горизонтальную прокрутку на этот блок, как на "страницу товара", так и в форму "быстрый заказ" - для малых разрешений.
Я думаю такое возможно сделать, вот только как?

Спасибо..жду скорейшего ответа...

#7 RedHead

RedHead

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

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

Отправлено 08 Апрель 2016 - 13:03

Просмотр сообщенияSantos (08 Апрель 2016 - 12:00) писал:

Здравствуйте!
Вопрос такой, я разделе "доставка" разрисовал таблицу с описанием..ширина таблицы 500px... теперь получается так, что при просмотре в малых разрешениях от 540х и меньше эта таблица уходит за край экрана.
Хотелось бы установить горизонтальную прокрутку на этот блок, как на "страницу товара", так и в форму "быстрый заказ" - для малых разрешений.
Я думаю такое возможно сделать, вот только как?

Спасибо..жду скорейшего ответа...

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

.tab-content{float:left;border:1px solid #e9e9e9;background:#FFF;width:100%;padding:5px 15px;position:relative;overflow:hidden;font-size:125%;}
замените ее на:
.tab-content{float:left;border:1px solid #e9e9e9;background:#FFF;width:100%;padding:5px 15px;position:relative;overflow:hidden;font-size:125%;overflow-x: scroll;}


#8 Santos

Santos

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

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

Отправлено 08 Апрель 2016 - 23:59

Просмотр сообщенияRedHead (08 Апрель 2016 - 13:03) писал:

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

.tab-content{float:left;border:1px solid #e9e9e9;background:#FFF;width:100%;padding:5px 15px;position:relative;overflow:hidden;font-size:125%;}
замените ее на:
.tab-content{float:left;border:1px solid #e9e9e9;background:#FFF;width:100%;padding:5px 15px;position:relative;overflow:hidden;font-size:125%;overflow-x: scroll;}
Спасибо, на странице товара сделал, а вот как еще сделать тоже самое с таблицей "доставки" - в форме "быстрого оформления заказа"???

#9 Vaccina

Vaccina

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

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

Отправлено 09 Апрель 2016 - 01:42

В main.css найдите:
.adress, .customer, .delivery, .quick_order_payment, .coupons {
	float: left;
	width: 100%;
}

после него пропишите:
.delivery {
	overflow-x: scroll;
}


#10 Santos

Santos

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

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

Отправлено 09 Апрель 2016 - 01:56

Просмотр сообщенияVaccina (09 Апрель 2016 - 01:42) писал:

В main.css найдите:
.adress, .customer, .delivery, .quick_order_payment, .coupons {
float: left;
width: 100%;
}

после него пропишите:
.delivery {
overflow-x: scroll;
}
Спасибо большое..Все ОК!!




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

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