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


Динамические Вкладки

вкладки товар

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

#41 ALEXp

ALEXp

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

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

Отправлено 21 Январь 2013 - 19:53

Просмотр сообщенияKoderhan (21 Январь 2013 - 09:51) писал:

В файле "main.js".
После кода:
$(document).ready(function(){
Добавить:
$(".ui-tabs .ui-tabs-nav").css("background", "none");
$(".ui-tabs .ui-tabs-nav").css("background-color", "#71A744");
Что то Вы не то подсказываете, ничего не меняется

#42 emin808

emin808

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

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

Отправлено 21 Январь 2013 - 21:04

так же нет реакции

#43 Vaccina

Vaccina

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

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

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

Вам необходимо добавить в файл стилей main.css

.ui-widget-header {
  background: #71A744 !important;
}


#44 emin808

emin808

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

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

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

да, получилось благодарю ВАС :)

#45 Maxnina

Maxnina

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

  • Пользователи
  • PipPipPip
  • 100 сообщений
  • ГородОренбург

Отправлено 12 Апрель 2013 - 18:29

Что то вообще не чего не получается. Как добавлять новые блоки, конкретно не кто не сказал, перечитал все, пробывал по всякому но не как не получается. Как добавить новые блоки, если я прописываю новые, как описанно выше, то у меня открывается последний добавленный и все, к примеру. Добавил "Таблица размеров" он мне открывает её пустой и не перелистывает. Делал по другому, Так потом я могу один раз перейти по вкладки и все, а открывается вообще на 3 месте, пробовал на всех браузера, все одинаково. Подскажите как вставить 5 блоков, помогите код составить такой. Мне нужно, что бы в первом окне открывалось описание товара, а другие вкладки были к примеру "Доставка" "Таблица размеров и цветов" "Часто задаваемые вопросы" и ещё какая не будь пара групп.И самое главное, отзывы не убирать а сделать под этой таблицей.

Буду Вам очень благодарен в данном вопросе.

#46 Сake

Сake

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

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

Отправлено 13 Апрель 2013 - 02:25

Почитайте внимательнее данную тему форума начиная с сообщения http://forum.storela...дки/#entry38402

Новые блоки добавляются как в примере

<div id="tabs">
<ul>
		 <li><a href="#tabs-1">Nunc tincidunt</a></li>
		 <li><a href="#tabs-2">Proin dolor</a></li>
		 <li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
<div id="tabs-1">
<p>Tab 1 content</p>
</div>
<div id="tabs-2">
<p>Tab 2 content</p>
</div>
<div id="tabs-3">
<p>Tab 3 content</p>
</div>
</div>

если необходим еще один блок, то получиться

<div id="tabs">
<ul>
		 <li><a href="#tabs-1">Nunc tincidunt</a></li>
		 <li><a href="#tabs-2">Proin dolor</a></li>
		 <li><a href="#tabs-3">Aenean lacinia</a></li>
   <li><a href="#tabs-4">Дополнительный блок</a></li>
</ul>
<div id="tabs-1">
<p>Tab 1 content</p>
</div>
<div id="tabs-2">
<p>Tab 2 content</p>
</div>
<div id="tabs-3">
<p>Tab 3 content</p>
</div>
<div id="tabs-4">
<p>Tab 4 content</p>
</div>
</div>

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

<div id="tabs">
<ul>
		 <li><a href="#tabs-1">Nunc tincidunt</a></li>
		 <li><a href="#tabs-2">Proin dolor</a></li>
		 <li><a href="#tabs-3">Aenean lacinia</a></li>
   <li><a href="#tabs-4">Дополнительный блок</a></li>
   <li><a href="#tabs-5">Дополнительный блок 5</a></li>
</ul>
<div id="tabs-1">
<p>Tab 1 content</p>
</div>
<div id="tabs-2">
<p>Tab 2 content</p>
</div>
<div id="tabs-3">
<p>Tab 3 content</p>
</div>
<div id="tabs-4">
<p>Tab 4 content</p>
</div>
<div id="tabs-5">
<p>Tab 5 content</p>
</div>
</div>


#47 Maxnina

Maxnina

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

  • Пользователи
  • PipPipPip
  • 100 сообщений
  • ГородОренбург

Отправлено 14 Апрель 2013 - 14:41

Спасибо Cake. Вроде бы все получилось ))

#48 tanch

tanch

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

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

Отправлено 19 Апрель 2013 - 23:57

как применить табы к спискам товаров на главной??
Помогите!!!

сделала - получилось УЖОС!
Спасите!
сайт http://larec-ledenec.ru/

#49 Vaccina

Vaccina

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

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

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

Вам ответили тут http://forum.storela...лож/#entry61459

Пожалуйста, не дублируйте вопросы.

#50 Maxnina

Maxnina

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

  • Пользователи
  • PipPipPip
  • 100 сообщений
  • ГородОренбург

Отправлено 23 Апрель 2013 - 12:42

Здравствуйте. Скажите пожалуйста, как в шаблоне Вечность убрать вкладку "доставка" и вместо неё поставить 3-5 штук новых ?

#51 support 2.0

support 2.0

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

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

Отправлено 23 Апрель 2013 - 13:10

Просмотр сообщенияMaxnina (23 Апрель 2013 - 12:42) писал:

Здравствуйте. Скажите пожалуйста, как в шаблоне Вечность убрать вкладку "доставка" и вместо неё поставить 3-5 штук новых ?

Про какую вкладку Вы говорите? Если про ту, что в меню, то это через раздел сайт -> меню меняется

#52 Maxnina

Maxnina

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

  • Пользователи
  • PipPipPip
  • 100 сообщений
  • ГородОренбург

Отправлено 23 Апрель 2013 - 13:34

Я говорю вот про такие динамические вкладки.

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

  • щщщщщщщщщщщщщщщщщщщщщщщщщщщщщщщщщ.jpg


#53 Stasya

Stasya

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

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

Отправлено 23 Апрель 2013 - 15:19

В шаблоне Товар найдите блок
<li {% IF goods_delivery_empty %}class="hide"{% ENDIF %}><a href="javascript:tabSwitch('tab_3', 'content_3');" id="tab_3">Доставка</a></li>
измените в нем слово доставка на какое-нибудь новое( которое хотите добавить)и условие из блока, которого Вы хотите вставить. Затем там же найдите блок
<div id="content_3" class="content">
	 <!-- Блок описания вариантов доставки -->
	 <h3>Условия доставки</h3>
		 {% FOR goods_delivery %}
		 <br /><h5 rel="{goods_delivery.ID}" class="goodsDataMainDeliveryItemHeader">Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
		 <div class="goodsDataMainDeliveryItem" >
			 <p>{goods_delivery.DESC}</p>
			 {% IF goods_delivery.rules_empty %}
			 Стоимость доставки: {goods_delivery.PRICE | money_format}
			 {% ELSE %}
			 <div class="goodsDataMainDeliveryItemRules">
				 <table>
				 <thead>
					 <tr>
					 <td colspan="2"><h5>Стоимость доставки зависит от суммы заказа</h5></td>
					 </tr>
					 <tr>
					 <td>Для заказов больше</td>
					 <td>Стоимость доставки</td>
					 </tr>
				 </thead>
				 <tbody class="num">
					 {% FOR rules %}
					 <tr>
						 <td><p><span>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span></p></td>
						 <td>{goods_delivery.rules.PRICE | money_format}</td>
					 </tr>
					 {% ENDFOR %}
					 <tr>
						 <td><p><span>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}</span></p></td>
						 <td>{goods_delivery.PRICE | money_format}</td>
					 </tr>
				 </tbody>
				 </table>
			 </div>
			 {% ENDIF %}
		 </div>
		 {% ENDFOR %}
	 </div>
и удалив весь код между тэгами
<div id="content_3" class="content">
и
</div>
вставьте код того блока, который Вы хотите вставить на место доставки. К примеру блок сопутствующих товаров. Должно получиться так
<li {% IFNOT related_goods_empty %} class="hide"{% ENDIF %}><a href="javascript:tabSwitch('tab_3', 'content_3');" id="tab_3">Сопутствующие товары</a></li>
и
<div id="content_3" class="content">
<!-- Сопутствующие товары -->
	  {% IFNOT related_goods_empty %}
	  <div class="car">
		<div class="mycont2">
		  <h4>Сопутствующие товары</h4>
		   <ul class="mycarousel2">
			  {% FOR related_goods %}
			  <li>
				{% IF user_agent_ie7 %}
				  <a href="{related_goods.URL | url_amp}" title="{related_goods.NAME}" >
					<img src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}"  alt="" />
				  </a>
				{% ELSEIF user_agent_ie8 %}
				  <a href="{related_goods.URL | url_amp}" title="{related_goods.NAME}" >
					<img src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}"  alt="" />
				  </a>
				{% ELSE %}
				  <a href="{related_goods.URL | url_amp}" title="{related_goods.NAME}" >
					<img src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="" />
				  </a>
				{% ENDIF %}
				<h3 class="goodsListItemName"><a href="{related_goods.URL}" title="Перейти на страницу &amp;laquo;{related_goods.NAME}&amp;raquo;">{related_goods.NAME}</a></h3>
				<p class="goodsListItemPriceNew" style="margin-bottom: 10px;">
				  <a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a>
				</p> 
				<p class="goodsListItemPriceOld" style="margin-bottom: 10px;">
				  {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
					<a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				  {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
					<a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a>
				  {% ENDIF %}
				</p>
				<div class="buy-item">
				  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{related_goods.MIN_PRICE_NOW_ID}">
					<input type="hidden" name="hash" value="{HASH}" />
					<input type="hidden" name="form[goods_from]" value="{related_goods.GOODS_FROM}" />
					<input type="hidden" name="form[goods_mod_id]" value="{related_goods.MIN_PRICE_NOW_ID}" />
				  </form>
				  <button type="submit" title="Быстрое оформление заказа" onclick="quickorder('.product-form-{related_goods.MIN_PRICE_NOW_ID}');return false;">Заказать</button>
				  <!--button type="submit" title="Добавить товар в корзину" onclick="$('.product-form-{related_goods.MIN_PRICE_NOW_ID}').submit();return false;">в корзину</button-->
				</div>
				<span class="add-to-links">
					<!-- Если в тарифном плане подключен модуль сравнения товаров -->
					{% IF TARIFF_FEATURE_GOODS_COMPARE %}
					  <!-- Если не выключен модуль сравнения товаров в настройках магазина -->
					  {% IFNOT SETTINGS_COMPARE_DISABLE %}
						  {% IF related_goods.IS_HAS_IN_COMPARE_LIST %}
							<a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
						  {% ELSE %}
							<a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;amp;from={related_goods.GOODS_FROM}&amp;amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
						  {% ENDIF %}
					  {% ENDIF %}
					{% ENDIF %}
				  </span>
			  </li>
			  {% ENDFOR %} 
		   </ul> 
		</div>
	  </div>
	   {% ENDIF %}
	  <!-- END Сопутствующие товары -->
 </div>


#54 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 26 Апрель 2013 - 22:01

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

				<!-- Блок описания товара. Показываем его, если есть описание товара -->
{% IF GOODS_DESCRIPTION_LARGE %}<h4>Описание:</h4>
{GOODS_DESCRIPTION_LARGE}<ul><li>
 <h7 onclick="$('#id1').toggle(); return(false);" style="cursor: pointer;border-bottom: 1px dotted">В чем уникальность этой ювелирной иконы?</h7>
<div id="id1" style="display:none;"><br>
<b>Иконы этой коллекции предназначены для значительного подарка</b>, их преподносили в дар руководителям высшего звена всемирно известных организаций, а также сотрудникам и главам правительств. <b>Коллекция знаменита четкостью деталей, качеством исполнения и каноничностью («правильностью») в русских традициях.</b><br><br>   При изготовлении иконы использовалось серебро повышенной 960-й пробы, а при золочении фрагменты оклада покрывались золотом 750-й пробы. Для придания выразительности в отдельных частях серебро тонировано.
<br><br>
Качество исполнения каждого серебряного оклада соответствует качеству особой полировки «Бриллиант Анциркулейтед». После этого <b>серебро имеет ровную, почти зеркальную поверхность поля и рельефа, чёткие ясные линии рисунков.</b>

<br><br><b>Наши иконы не темнеют со временем.</b> Защищает серебро от потемнения специальное покрытие, которое позволяет ему блистать во всей красоте благородного металла долгие годы.
  <br><br>Лики святых выполнены серебром, либо шелкографией.<br>--------------------------------------------------------
<br><font style="color:#909090">(!) Чтобы скрыть текст, щелкните по заголовку.</font></div> <br>
</li> <li><h7 onclick="$('#id2').toggle(); return(false);" style="cursor: pointer;border-bottom: 1px dotted">Освящена ли эта православная икона?</h7>
<div id="id2" style="display:none;"><br>Все иконы ювелирной коллекции изготовлены православными мастерами по канонам Русской Православной Церкви и освящены. <br>

	   <br>Иконы нашей коллекции представлены в Свято-Троицкой Сергиевой Лавре и Храме Христа Спасителя. <a href="http://{NET_DOMAIN}/page/osveshenie" title="Подробнее">Подробнее...</a><br>
--------------------------------------------------------<br><font style="color:#909090">(!) Чтобы скрыть текст, щелкните по заголовку.</font>

</div> <br></li><li>
 <h7 onclick="$('#id3').toggle(); return(false);" style="cursor: pointer;border-bottom: 1px dotted">Как упакованы иконы?</h7>
<div id="id3" style="display:none;"><br>Образы малого и среднего размеров упакованы в красивый подарочный чехол из эко-кожи кремового цвета. При желании, можно докупить роскошный подарочный футляр с шелковой тканью внутри (800- 1500 руб. в зависимости от размера).

	  <br> <br>К иконам формата 14,5*20см. и 21*34см. VIP-коробка с шелковой подложкой поставляется в комплекте. <a href="http://{NET_DOMAIN}/page/box" title="Подробнее">Подробнее...</a><br>
--------------------------------------------------------<br><font style="color:#909090">(!) Чтобы скрыть текст, щелкните по заголовку.</font>

</div> <br></li><li>
 <h7 onclick="$('#id4').toggle(); return(false);" style="cursor: pointer;border-bottom: 1px dotted">Как изготовлена эта икона?</h7>
<div id="id4" style="display:none;"><br>Оклады икон изготовлены из родированного листового серебра 960 пробы и золота 750 пробы (позолоченные участки). На каждом окладе иконы (внизу слева) стоит оттиск пробы 960º (одной из самых высоких проб, принятых в России, согласно Постановлению Правительства от 18.06.99. № 643) - это качество листового серебра на лицевой стороне оклада иконы. Каркас оклада выполнен из прочного сплава недрагоценных металлов.<br><br>
Основы икон серии «Классика» сделаны из композита, покрытого со всех 4-х сторон шпоном вишни или ольхи (в зависимости от конкретной партии).<br><br>
Основы икон элитной серии «Престиж»  покрыты шпоном клена или ясеня и покрыты 4-мя слоями глянцевого лака высшего качества.
<br>
--------------------------------------------------------<br><font style="color:#909090">(!) Чтобы скрыть текст, щелкните по заголовку.</font>

</div> <br></li><li>
<h7 onclick="$('#id5').toggle(); return(false);" style="cursor: pointer;border-bottom: 1px dotted">Можно ли вывозить наши иконы за границу?</h7>
<div id="id5" style="display:none;"><br>Да, можно, пожалуйста, сохраните целостность бирки производителя, прикрепленной под окладом (на практике визуальной проверки всегда достаточно).<br><br>

	   Иконы этой коллекции приподносились в дар министру пожарной охраны Греции, а также другим высокопоставленным лицам и многократно вручались как сувенир зарубежным друзьям.<br>
--------------------------------------------------------<br><font style="color:#909090">(!) Чтобы скрыть текст, щелкните по заголовку.</font>

</div><br></ul>
<a href="http://vip-ikona.ru/page/Ikony-Galereja-blagolepija-v-nashem-magazine"  "target="_blank">Все ответы</a><br><br>
 
{% ENDIF %}
<!-- END Блок описания товара. Показываем его есть описание товара -->
				  <!-- Блок характеристик товара. Показываем его если указаны характеристики -->


{% IFNOT goods_features_empty %}<h4>Детали:</h4>
 <table class="goodsDataFeatures" style="width:400px">
 <tr>	  {% FOR goods_features%}	   
 <td style="width:140px">		  
 <p><span>  {goods_features.NAME}
 </span></p></td>
 <td style="width:260px"> {goods_features.VALUE} </td>
 {goods_features.index | is_divided("1","</tr><tr>","")}   {% ENDFOR %}
 </tr>  </table>
 {% ENDIF %}
 <!-- END Блок характеристик товара. Показываем его если указаны характеристики --> <br><h4>Доставка и оплата:</h4>  
<ul><li><b>В Москве:</b> 250р. или БЕСПЛАТНО за отзыв, оплата курьеру наличными (самовывоза нет),
<li><b>по Московской области и остальным регионам России:</b> 250р. или БЕСПЛАТНО за отзыв, предоплата <!--не менее 60% стоимости:<br>a).--> в любом отделении "Евросеть" в вашем городе (без комиссии)<!--,<br>B). с вашего счета Яндекс.Деньги (без комиссии), <br>c). с вашей карты Сбербанка (ок. 3%). <br>Остаток суммы - наложенным платежом при получении-->.
</li></ul>



<!-- Короткое SEO-описание -->
{% IF GOODS_SEO_DESCRIPTION_SHORT %}
 
{% ENDIF %}
<!-- END Короткое SEO-описание -->

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

												 <!-- Сопутствующие товары -->
{% IFNOT related_goods_empty %}
<h2>С этой иконой покупают:</h2>
<table>
<tr>
{% FOR related_goods %}
{%IF related_goods.index<=3%}
<td class="goodsListItem relat" >
												 <div style="position:relative;">
{%IF related_goods.MAX_DISCOUNT_EXPIRED_AT%}
   <div style="position: absolute ; right:0px;top:-3px;background:url({ASSETS_IMAGES_PATH}qw.jpg);border-radius:10px;border:1px solid #b22222;;width:63px;height:75px"></div>
{%ENDIF%}
   {% IF related_goods.IS_TOP %}
<div style="position: absolute ; right:8px;top:3px;background:url({ASSETS_IMAGES_PATH}jhu3.jpg?0083);width:110px;height:132px"></div>{%ENDIF%}
{% IF related_goods.IS_NEW %}				  
<div style="position: absolute ; right:0px;top:-3px;background:url({ASSETS_IMAGES_PATH}Exluziv1.png);border-radius:10px;width:90px;height:39px;border:1px solid #b22222;;"></div>{%ENDIF%}



<div class="goodsListItemBlock withBorder cornerAll"">
								 <div class="goodsListItemImage relat a">  <a href="{related_goods.URL}"><img style="height:200px;" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /></a></div>
								 <h3 class="goodsListItemName relat a"><a href="{related_goods.URL}">{related_goods.NAME}</a></h3>
								 <div class="goodsListItemPriceNew">
																 <a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a>
																 </div>
																 <div class="goodsListItemPriceOld">
												 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
								 <a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
								 {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
								 <a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
 </div>
<div style="padding:7px 10px 40px 20px">
			   
				<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="related_goodsListFormId{related_goods.MIN_PRICE_NOW_ID}" class="goodsListForm relat">
			  <div>
 <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}" />
				  <input type="submit" value="Купить" style="width:70px;padding: 3px;height: 28px;background: #eee;position:right;" />
			 <a class="readmore" href="{related_goods.URL}" style="width:70px;padding: 3px;height: 28px;background: #eee;position:left;" >Подробнее</a> </div>
			</form>	 
								 </div>
								 </div>
</td>
				 {% IFNOT related_goods.last %}{related_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}{% ENDIF %}
{% ENDFOR related_goods %}
</tr>
</table>


{% ENDIF %}

<!-- END Сопутствующие товары -->

<form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data">
  <div><h2  id="text-block1">Задать вопрос:</h2>
<input type="hidden" name="hash" value="{HASH}" />

{% IF FORM_SEND_OK %}
  <h3 class="green">Ваш запрос отправлен! Мы свяжемся с Вами сегодня до 18-00 или на следующий <u>рабочий</u> день. Пожалуйста, будьте на связи!</h3>

{% ELSE %}
  {% IF FORM_NOTICE %}<h3 class="red">{FORM_NOTICE | nl2br}</h3><br />{% ENDIF %}

<label for="feedback_name"><i>Телефон и ФИО</i></label>
  <input id="feedback_name" name="form[feedback_name]" value="{FORM_FEEDBACK_NAME}" maxlength="250" class="input required" /><br /><br />

  <label for="feedback_еmail">E-mail*</label>
  <input id="feedback_еmail" name="form[feedback_email]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="input required email" /><br /><br />

  <label for="feedback_name">Ваш запрос:</label>
 <textarea id="feedback_message" name="form[feedback_message]" cols="100" rows="10" class="required">Здравствуйте, интересует {GOODS_NAME}   </textarea><br /><br />

<input type="submit" class="button_med" value="Отправить"/>
{% ENDIF %}
  </div>
</form>


#55 Сake

Сake

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

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

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

Вам необходимо выполнить действия согласно сообщению http://forum.storela...дки/#entry38402

Если раскидать блоки по табам, то получиться примерно следующее

<div id="tabs">
<ul>
		 <li><a href="#tabs-1">Описание</a></li>
		 <li><a href="#tabs-2">Детали</a></li>
		 <li><a href="#tabs-3">Оплата и доставка</a></li>
   <li><a href="#tabs-4">С этой иконой покупают</a></li>
   <li><a href="#tabs-5">Задать вопрос</a></li>
</ul>
<div id="tabs-1">
<!-- Блок описания товара. Показываем его, если есть описание товара -->
{% IF GOODS_DESCRIPTION_LARGE %}<h4>Описание:</h4>
{GOODS_DESCRIPTION_LARGE}<ul><li>
<h7 onclick="$('#id1').toggle(); return(false);" style="cursor: pointer;border-bottom: 1px dotted">В чем уникальность этой ювелирной иконы?</h7>
<div id="id1" style="display:none;"><br>
<b>Иконы этой коллекции предназначены для значительного подарка</b>, их преподносили в дар руководителям высшего звена всемирно известных организаций, а также сотрудникам и главам правительств. <b>Коллекция знаменита четкостью деталей, качеством исполнения и каноничностью («правильностью») в русских традициях.</b><br><br>   При изготовлении иконы использовалось серебро повышенной 960-й пробы, а при золочении фрагменты оклада покрывались золотом 750-й пробы. Для придания выразительности в отдельных частях серебро тонировано.
<br><br>
Качество исполнения каждого серебряного оклада соответствует качеству особой полировки «Бриллиант Анциркулейтед». После этого <b>серебро имеет ровную, почти зеркальную поверхность поля и рельефа, чёткие ясные линии рисунков.</b>
<br><br><b>Наши иконы не темнеют со временем.</b> Защищает серебро от потемнения специальное покрытие, которое позволяет ему блистать во всей красоте благородного металла долгие годы.
  <br><br>Лики святых выполнены серебром, либо шелкографией.<br>--------------------------------------------------------
<br><font style="color:#909090">(!) Чтобы скрыть текст, щелкните по заголовку.</font></div> <br>
</li> <li><h7 onclick="$('#id2').toggle(); return(false);" style="cursor: pointer;border-bottom: 1px dotted">Освящена ли эта православная икона?</h7>
<div id="id2" style="display:none;"><br>Все иконы ювелирной коллекции изготовлены православными мастерами по канонам Русской Православной Церкви и освящены. <br>
		   <br>Иконы нашей коллекции представлены в Свято-Троицкой Сергиевой Лавре и Храме Христа Спасителя. <a href="http://{NET_DOMAIN}/page/osveshenie" title="Подробнее">Подробнее...</a><br>
--------------------------------------------------------<br><font style="color:#909090">(!) Чтобы скрыть текст, щелкните по заголовку.</font>
</div> <br></li><li>
<h7 onclick="$('#id3').toggle(); return(false);" style="cursor: pointer;border-bottom: 1px dotted">Как упакованы иконы?</h7>
<div id="id3" style="display:none;"><br>Образы малого и среднего размеров упакованы в красивый подарочный чехол из эко-кожи кремового цвета. При желании, можно докупить роскошный подарочный футляр с шелковой тканью внутри (800- 1500 руб. в зависимости от размера).
		  <br> <br>К иконам формата 14,5*20см. и 21*34см. VIP-коробка с шелковой подложкой поставляется в комплекте. <a href="http://{NET_DOMAIN}/page/box" title="Подробнее">Подробнее...</a><br>
--------------------------------------------------------<br><font style="color:#909090">(!) Чтобы скрыть текст, щелкните по заголовку.</font>
</div> <br></li><li>
<h7 onclick="$('#id4').toggle(); return(false);" style="cursor: pointer;border-bottom: 1px dotted">Как изготовлена эта икона?</h7>
<div id="id4" style="display:none;"><br>Оклады икон изготовлены из родированного листового серебра 960 пробы и золота 750 пробы (позолоченные участки). На каждом окладе иконы (внизу слева) стоит оттиск пробы 960? (одной из самых высоких проб, принятых в России, согласно Постановлению Правительства от 18.06.99. № 643) - это качество листового серебра на лицевой стороне оклада иконы. Каркас оклада выполнен из прочного сплава недрагоценных металлов.<br><br>
Основы икон серии «Классика» сделаны из композита, покрытого со всех 4-х сторон шпоном вишни или ольхи (в зависимости от конкретной партии).<br><br>
Основы икон элитной серии «Престиж»  покрыты шпоном клена или ясеня и покрыты 4-мя слоями глянцевого лака высшего качества.
<br>
--------------------------------------------------------<br><font style="color:#909090">(!) Чтобы скрыть текст, щелкните по заголовку.</font>
</div> <br></li><li>
<h7 onclick="$('#id5').toggle(); return(false);" style="cursor: pointer;border-bottom: 1px dotted">Можно ли вывозить наши иконы за границу?</h7>
<div id="id5" style="display:none;"><br>Да, можно, пожалуйста, сохраните целостность бирки производителя, прикрепленной под окладом (на практике визуальной проверки всегда достаточно).<br><br>
		   Иконы этой коллекции приподносились в дар министру пожарной охраны Греции, а также другим высокопоставленным лицам и многократно вручались как сувенир зарубежным друзьям.<br>
--------------------------------------------------------<br><font style="color:#909090">(!) Чтобы скрыть текст, щелкните по заголовку.</font>
</div><br></ul>
<a href="http://vip-ikona.ru/page/Ikony-Galereja-blagolepija-v-nashem-magazine"  "target="_blank">Все ответы</a><br><br>

{% ENDIF %}
<!-- END Блок описания товара. Показываем его есть описание товара -->
</div>
<div id="tabs-2">
<!-- Блок характеристик товара. Показываем его если указаны характеристики -->

{% IFNOT goods_features_empty %}<h4>Детали:</h4>
<table class="goodsDataFeatures" style="width:400px">
<tr>	 {% FOR goods_features%}		 
<td style="width:140px">				
<p><span>  {goods_features.NAME}
</span></p></td>
<td style="width:260px"> {goods_features.VALUE} </td>
{goods_features.index | is_divided("1","</tr><tr>","")}   {% ENDFOR %}
</tr>  </table>
{% ENDIF %}
<!-- END Блок характеристик товара. Показываем его если указаны характеристики -->
</div>
<div id="tabs-3">
<h4>Доставка и оплата:</h4> 
<ul><li><b>В Москве:</b> 250р. или БЕСПЛАТНО за отзыв, оплата курьеру наличными (самовывоза нет),
<li><b>по Московской области и остальным регионам России:</b> 250р. или БЕСПЛАТНО за отзыв, предоплата <!--не менее 60% стоимости:<br>a).--> в любом отделении "Евросеть" в вашем городе (без комиссии)<!--,<br>B). с вашего счета Яндекс.Деньги (без комиссии), <br>c). с вашей карты Сбербанка (ок. 3%). <br>Остаток суммы - наложенным платежом при получении-->.
</li></ul>
</div>
<div id="tabs-4">
<!-- Сопутствующие товары -->
{% IFNOT related_goods_empty %}
<h2>С этой иконой покупают:</h2>
<table>
<tr>
{% FOR related_goods %}
{%IF related_goods.index<=3%}
<td class="goodsListItem relat" >
																								 <div style="position:relative;">
{%IF related_goods.MAX_DISCOUNT_EXPIRED_AT%}
   <div style="position: absolute ; right:0px;top:-3px;background:url({ASSETS_IMAGES_PATH}qw.jpg);border-radius:10px;border:1px solid #b22222;;width:63px;height:75px"></div>
{%ENDIF%}
   {% IF related_goods.IS_TOP %}
<div style="position: absolute ; right:8px;top:3px;background:url({ASSETS_IMAGES_PATH}jhu3.jpg?0083);width:110px;height:132px"></div>{%ENDIF%}
{% IF related_goods.IS_NEW %}							
<div style="position: absolute ; right:0px;top:-3px;background:url({ASSETS_IMAGES_PATH}Exluziv1.png);border-radius:10px;width:90px;height:39px;border:1px solid #b22222;;"></div>{%ENDIF%}
<div class="goodsListItemBlock withBorder cornerAll"">
																 <div class="goodsListItemImage relat a">  <a href="{related_goods.URL}"><img style="height:200px;" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /></a></div>
																 <h3 class="goodsListItemName relat a"><a href="{related_goods.URL}">{related_goods.NAME}</a></h3>
																 <div class="goodsListItemPriceNew">
																																 <a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a>
																																 </div>
																																 <div class="goodsListItemPriceOld">
																								 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
																 <a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
																 {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
																 <a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
<div style="padding:7px 10px 40px 20px">
						  
								<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="related_goodsListFormId{related_goods.MIN_PRICE_NOW_ID}" class="goodsListForm relat">
						  <div>
<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}" />
								  <input type="submit" value="Купить" style="width:70px;padding: 3px;height: 28px;background: #eee;position:right;" />
						 <a class="readmore" href="{related_goods.URL}" style="width:70px;padding: 3px;height: 28px;background: #eee;position:left;" >Подробнее</a> </div>
						</form> 
																 </div>
																 </div>
</td>
								 {% IFNOT related_goods.last %}{related_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}{% ENDIF %}
{% ENDFOR related_goods %}
</tr>
</table>

{% ENDIF %}
<!-- END Сопутствующие товары -->
</div>
<div id="tabs-5">
<form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data">
  <div><h2  id="text-block1">Задать вопрос:</h2>
<input type="hidden" name="hash" value="{HASH}" />
{% IF FORM_SEND_OK %}
  <h3 class="green">Ваш запрос отправлен! Мы свяжемся с Вами сегодня до 18-00 или на следующий <u>рабочий</u> день. Пожалуйста, будьте на связи!</h3>
{% ELSE %}
  {% IF FORM_NOTICE %}<h3 class="red">{FORM_NOTICE | nl2br}</h3><br />{% ENDIF %}
<label for="feedback_name"><i>Телефон и ФИО</i></label>
  <input id="feedback_name" name="form[feedback_name]" value="{FORM_FEEDBACK_NAME}" maxlength="250" class="input required" /><br /><br />
  <label for="feedback_еmail">E-mail*</label>
  <input id="feedback_еmail" name="form[feedback_email]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="input required email" /><br /><br />
  <label for="feedback_name">Ваш запрос:</label>
<textarea id="feedback_message" name="form[feedback_message]" cols="100" rows="10" class="required">Здравствуйте, интересует {GOODS_NAME}   </textarea><br /><br />
<input type="submit" class="button_med" value="Отправить"/>
{% ENDIF %}
  </div>
</form>
</div>
</div>


#56 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 27 Апрель 2013 - 15:43

Получилось
Почему-то шрифты во вкладках стали крупнее, как это исправить?
Удалось изменить цвет вкладок, но появилась белая полоса посредине(((

#57 support 2.0

support 2.0

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

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

Отправлено 29 Апрель 2013 - 10:28

Просмотр сообщенияogonek7777 (27 Апрель 2013 - 15:43) писал:

Получилось http://vip-ikona.ru/...2pl40?from=Nzc1,
Почему-то шрифты во вкладках стали крупнее, как это исправить?
Удалось изменить цвет вкладок, но появилась белая полоса посредине(((

в файле jquery.ui.all.min.css измените блок

.ui-widget-content {
border: 1px solid #aaa;
background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
color: #222;
}
на
.ui-widget-content {
border: 1px solid #aaa;
color: #222;
}

Про шрифты не поняла Вас. Покажите пример шрифта, который нужно изменить

#58 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 29 Апрель 2013 - 20:27

Просмотр сообщенияsupport 2.0 (29 Апрель 2013 - 10:28) писал:

в файле jquery.ui.all.min.css измените блок

.ui-widget-content {
border: 1px solid #aaa;
background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
color: #222;
}
на
.ui-widget-content {
border: 1px solid #aaa;
color: #222;
}

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


3. Данные шрифты в табах до преобразования были меньше.

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

  • 0.JPG


#59 Сake

Сake

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

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

Отправлено 30 Апрель 2013 - 02:41

Добавьте в ваш файл стилей main.css

.ui-widget-content {
   background: none !important;
}

Для изменения размера шрифта вам необходимо в файле стилей main.css найти

p {
	font-size: 1.1666em;
	margin: 0.4em 0 0.8333em;
}

и изменить размер font-size, или же в файл стилей добавить

.ui-tabs-panel {
  font-size: 11px
}

и изменить размер font-size

#60 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 30 Апрель 2013 - 20:11

Просмотр сообщенияСake (30 Апрель 2013 - 02:41) писал:

Добавьте в ваш файл стилей main.css

.ui-widget-content {
background: none !important;
}

Для изменения размера шрифта вам необходимо в файле стилей main.css найти

p {
font-size: 1.1666em;
margin: 0.4em 0 0.8333em;
}

и изменить размер font-size, или же в файл стилей добавить

.ui-tabs-panel {
font-size: 11px
}

и изменить размер font-size

Спасибо!





Темы с аналогичным тегами вкладки, товар

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

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