0
Как Добавить Вкладку
Автор diezel1988, 21 сент. 2014 08:29
Сообщений в теме: 9
#1
Отправлено 21 Сентябрь 2014 - 08:29
Здравствуйте!
Подскажите как добавить дополнительную вкладку на страницу товара. Скрин что нужно приложен.
там будет фиксировнный текст для всех товаров, в частности хочу туда добавить гарантии.
Подскажите как добавить дополнительную вкладку на страницу товара. Скрин что нужно приложен.
там будет фиксировнный текст для всех товаров, в частности хочу туда добавить гарантии.
#2
Отправлено 21 Сентябрь 2014 - 08:40
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>
#3
Отправлено 21 Сентябрь 2014 - 08:55
Вот что получилось:
текст кстате пишу, он не появляется. Что не так сделал?
текст кстате пишу, он не появляется. Что не так сделал?
#4
Отправлено 21 Сентябрь 2014 - 09:10
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 вкладка -->
#5
Отправлено 21 Сентябрь 2014 - 09:32
Все заработало, спасибо.
Только код поставил перед а не после
Вырезанный код вставьте после
<!-- Если подключен модуль отзывов о товарах -->
{% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
<a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a>
{% ENDIF %}
почему то после все равно не хочет работать. Мне и перед пойдет.) Спасибо
Только код поставил перед а не после
Вырезанный код вставьте после
<!-- Если подключен модуль отзывов о товарах -->
{% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
<a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a>
{% ENDIF %}
почему то после все равно не хочет работать. Мне и перед пойдет.) Спасибо
#7
Отправлено 01 Декабрь 2014 - 18:37
Борис1 (01 Декабрь 2014 - 01:01) писал:
Добрый день. Помогите, пожалуйста, исправить ошибку- вкладки неправильно отображаются. скриншоты прикрепила. как есть и как хотелось бы.
Номер аккаунта SL 148148
Номер аккаунта 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 на свой
#8
Отправлено 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; }
Но у меня код другой, чем вы написали выше. Скопировала, хотя не уверена, что с того места.
И у меня еще два вопроса. Во вкладке УСЛОВИЯ ДОСТАВКИ в самом начале еще раз написано "условия доставки". Подскажите, пожалуйста, как убрать?
И второй вопрос по аккаунту 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; }
#9
Отправлено 02 Декабрь 2014 - 11:55
Борис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; }
Но у меня код другой, чем вы написали выше. Скопировала, хотя не уверена, что с того места.
И у меня еще два вопроса. Во вкладке УСЛОВИЯ ДОСТАВКИ в самом начале еще раз написано "условия доставки". Подскажите, пожалуйста, как убрать?
И второй вопрос по аккаунту 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; }
Изменения произвели на обоих аккаунтах.
#10
Отправлено 02 Декабрь 2014 - 13:35
Спасибо, все отлично!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных