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

[diezel1988]

Здравствуйте!
Подскажите как добавить дополнительную вкладку на страницу товара. Скрин что нужно приложен.

там будет фиксировнный текст для всех товаров, в частности хочу туда добавить гарантии.

[Danil]

diezel1988 (21 Сентябрь 2014 - 08:29) писал:

Здравствуйте!
Подскажите как добавить дополнительную вкладку на страницу товара. Скрин что нужно приложен.

там будет фиксировнный текст для всех товаров, в частности хочу туда добавить гарантии.

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

  <!-- END  Если в тарифном плане подключен модуль отзывов о товаре -->

После найденного кода вставьте

	<div id="content_2" class="tab-content">
	  Сюда пишите текст
	</div>

Далее найдите

<!-- Если подключен модуль отзывов о товарах -->
	{% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
	  <a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a>
	{% ENDIF %}

И после найденного кода вставьте

<a href="javascript:tabSwitch(5);" id="tab_5">Текст вкладки</a>

[diezel1988]

Вот что получилось:



текст кстате пишу, он не появляется. Что не так сделал?

[Danil]

diezel1988 (21 Сентябрь 2014 - 08:55) писал:

Вот что получилось:



текст кстате пишу, он не появляется. Что не так сделал?

В шаблоне товар найдите код и вырежьте его.

<a href="javascript:tabSwitch(5);" id="tab_5">Гарантии</a>

Вырезанный код вставьте после

<!-- Если подключен модуль отзывов о товарах -->
{% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
	 <a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a>
{% ENDIF %}

Далее найдите код

<!-- 5 вкладка -->
<div id="content_2" class="tab-content">
		 Сюда пишите текст
		 ываыва
		 аыва
		 ыва
		 ыв
		 а
		 ыва
	 </div>
<!-- 5 вкладка -->

И замените на

<!-- 5 вкладка -->
<div id="content_5" class="tab-content">
		 Сюда пишите текст
		 ываыва
		 аыва
		 ыва
		 ыв
		 а
		 ыва
	 </div>
<!-- 5 вкладка -->

[diezel1988]

Все заработало, спасибо.
Только код поставил перед а не после
Вырезанный код вставьте после
<!-- Если подключен модуль отзывов о товарах -->
{% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
         <a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a>
{% ENDIF %}
почему то после все равно не хочет работать. Мне и перед пойдет.) Спасибо

[Борис1]

Добрый день. Помогите, пожалуйста, исправить ошибку- вкладки неправильно отображаются. скриншоты прикрепила. как есть и как хотелось бы.
Номер аккаунта SL 148148

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

• 
• 

[Danil]

Борис1 (01 Декабрь 2014 - 01:01) писал:

Добрый день. Помогите, пожалуйста, исправить ошибку- вкладки неправильно отображаются. скриншоты прикрепила. как есть и как хотелось бы.
Номер аккаунта SL 148148

Здравствуйте.
Изменения произвели.
Чтобы измените цвет вкладок в main.css найдите

ul.tabs li a {
display: block;
background: #8d0049;
padding: 10px 0 10px 0;
font: 16px arial, Georgia, "Times New Roman", Times, serif;
color: #fff;
text-decoration: none;
text-align: center;
}

и замените цвет  #8d0049 на свой

[Борис1]

Добрый день! Спасибо большое, получилось.
Но у меня код другой, чем вы написали выше. Скопировала, хотя не уверена, что с того места.

И у меня еще два вопроса. Во вкладке УСЛОВИЯ ДОСТАВКИ в самом начале еще раз написано "условия доставки". Подскажите, пожалуйста, как убрать?
И второй вопрос по аккаунту SL 198005. Я там сделала такие же вкладки, но почему-то во вкладке ОПИСАНИЕ сохраняется содержимое других вкладок (отзывы, условия доставки).


.contentTableHeadMainWorkTime {
  font-size: 16px;
}
.ui-tabs-panel {
  font-size: 14px
}

.jjjj { padding:25px 0;  }
ul.tabs { margin:0;padding: 0;float: left;list-style: none; width:700px;}
ul.tabs li {
border: 0px solid #a8a8a8;
background: #FFCC00;
float: left;
margin: 0;
position: relative;
margin: 0 5px 0 0;
opacity: 0.3;
width: 169px;
text-align: center;
height: 37px;
}
ul.tabs li a {
display: block;
background: #FFCC00;
padding: 10px 0 10px 0;
font: 16px arial, Georgia, "Times New Roman", Times, serif;
color: #000000;
text-decoration: none;
text-align: center;
}
ul.tabs li:hover {  text-decoration:none; border-bottom:0px solid #FFF; }
ul.tabs li.active {  opacity:1.0; border-bottom:0px solid #FFF;  }
ul.tabs li.active a { background:#FFCC00; padding: padding:5px 22px 5px 22px;  }
ul.tabs li.active a:hover { background:#FFFF99; text-decoration:none;}
.tab_container { clear: both; float: left; color: black;
font: 12px/20px "Georgia", "Times New Roman", "Times", serif; margin-top:-1px; width:100%; }
.tab_content { padding:10px 30px 20px 10px; border:0px solid #a8a8a8; //margin:-25px 0 0 0; }

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

• 

[Danil]

Борис1 (02 Декабрь 2014 - 11:42) писал:

Добрый день! Спасибо большое, получилось.
Но у меня код другой, чем вы написали выше. Скопировала, хотя не уверена, что с того места.

И у меня еще два вопроса. Во вкладке УСЛОВИЯ ДОСТАВКИ в самом начале еще раз написано "условия доставки". Подскажите, пожалуйста, как убрать?
И второй вопрос по аккаунту SL 198005. Я там сделала такие же вкладки, но почему-то во вкладке ОПИСАНИЕ сохраняется содержимое других вкладок (отзывы, условия доставки).


.contentTableHeadMainWorkTime {
  font-size: 16px;
}
.ui-tabs-panel {
  font-size: 14px
}

.jjjj { padding:25px 0;  }
ul.tabs { margin:0;padding: 0;float: left;list-style: none; width:700px;}
ul.tabs li {
border: 0px solid #a8a8a8;
background: #FFCC00;
float: left;
margin: 0;
position: relative;
margin: 0 5px 0 0;
opacity: 0.3;
width: 169px;
text-align: center;
height: 37px;
}
ul.tabs li a {
display: block;
background: #FFCC00;
padding: 10px 0 10px 0;
font: 16px arial, Georgia, "Times New Roman", Times, serif;
color: #000000;
text-decoration: none;
text-align: center;
}
ul.tabs li:hover {  text-decoration:none; border-bottom:0px solid #FFF; }
ul.tabs li.active {  opacity:1.0; border-bottom:0px solid #FFF;  }
ul.tabs li.active a { background:#FFCC00; padding: padding:5px 22px 5px 22px;  }
ul.tabs li.active a:hover { background:#FFFF99; text-decoration:none;}
.tab_container { clear: both; float: left; color: black;
font: 12px/20px "Georgia", "Times New Roman", "Times", serif; margin-top:-1px; width:100%; }
.tab_content { padding:10px 30px 20px 10px; border:0px solid #a8a8a8; //margin:-25px 0 0 0; }

Здравствуйте.
Изменения произвели на обоих аккаунтах.

[Борис1]

Спасибо, все отлично!