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


Табы И Карточка Товара


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

#21 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 01 Ноябрь 2013 - 08:35

Просмотр сообщенияСake (01 Ноябрь 2013 - 01:49) писал:

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

.product_list_details_left .htmlDataBlock {
height: 60px;
}
Большое спасибо! Теперь везде все ровненько, только в сопутствующих осталось.

#22 Сake

Сake

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

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

Отправлено 02 Ноябрь 2013 - 01:08

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

.product_details .product_name.flex-caption {
	display: block;
	height: 52px;
}


#23 Джейн

Джейн

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

  • Пользователи
  • PipPipPipPip
  • 293 сообщений
  • ГородСамара

Отправлено 04 Ноябрь 2013 - 21:55

Помогите пожалуйста на странице товара описание и проч. сделать как тут: http://101korset.ru/...под-грудь-серый

(текст курсивом делать НЕ надо)

Сайт http://korset-optom.storeland.ru/

#24 shnafix

shnafix

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

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

Отправлено 04 Ноябрь 2013 - 22:05

Просмотр сообщенияДжейн (04 Ноябрь 2013 - 21:55) писал:

Помогите пожалуйста на странице товара описание и проч. сделать как тут: http://101korset.ru/...под-грудь-серый

(текст курсивом делать НЕ надо)

Сайт http://korset-optom.storeland.ru/
Не могли бы Вы конкретизировать, что Вы хотите сделать так же, полностью скопировать внешний вид страницы описания товара?

#25 Джейн

Джейн

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

  • Пользователи
  • PipPipPipPip
  • 293 сообщений
  • ГородСамара

Отправлено 04 Ноябрь 2013 - 22:11

Я только хочу сделать оформление динамических вкладок как на 101korset. И сделать 5 вкладок: Описание, доставка, оплата, сервис и отзывы.

#26 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 05 Ноябрь 2013 - 10:29

Видимо довыравнивала, что теперь во вкладке характеристики отображаются не по одной линии. Можно исправить?
А еще, характеристики Производитель и Бренд у меня идут ссылкой. Можно, именно их, т. е. значение характеристик Производитель и Бренд выделить цветом? А может их можно продублировать и не в табах, а например после Модификаций на стр. Товара?

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

  • Снимок.PNG
  • Снимок.PNG


#27 ne_yana

ne_yana

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

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

Отправлено 05 Ноябрь 2013 - 12:27

Просмотр сообщенияДжейн (04 Ноябрь 2013 - 22:11) писал:

Я только хочу сделать оформление динамических вкладок как на 101korset. И сделать 5 вкладок: Описание, доставка, оплата, сервис и отзывы.
Здравствуйте, не могли бы Вы уточнить, где нужно сделать вкладки и какое оформление, приложить скрин.

#28 Джейн

Джейн

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

  • Пользователи
  • PipPipPipPip
  • 293 сообщений
  • ГородСамара

Отправлено 05 Ноябрь 2013 - 23:16

Просмотр сообщенияne_yana (05 Ноябрь 2013 - 12:27) писал:

Здравствуйте, не могли бы Вы уточнить, где нужно сделать вкладки и какое оформление, приложить скрин.

Мне хочется чтоб динамические вкладки на странице товара в шаблоне http://korset-optom.storeland.ru/

выглядели как здесь: http://101korset.ru/...plate?from=ZTM5  . Т.е. изменить оформление и добавить еще 2 вкладки: оплата и сервис.

Как то так :)

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

  • Безимени-1.jpg


#29 Vaccina

Vaccina

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

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

Отправлено 06 Ноябрь 2013 - 04:53

Для добавления дополнительных вкладок необходимо в шаблоне "Товар" найти следующий код

<input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" />
<label for="tab-1" class="tab-label-1">Описание </label>
<input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" />
<label for="tab-2" class="tab-label-2">Сервис</label>
<input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" />
<label for="tab-3" class="tab-label-3">Доставка</label>
<input id="tab-4" type="radio" name="radio-set" class="tab-selector-4" />
<label for="tab-4" class="tab-label-4">Оплата</label>

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

<input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" />
<label for="tab-1" class="tab-label-1">Описание </label>
<input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" />
<label for="tab-2" class="tab-label-2">Сервис</label>
<input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" />
<label for="tab-3" class="tab-label-3">Доставка</label>
<input id="tab-4" type="radio" name="radio-set" class="tab-selector-4" />
<label for="tab-4" class="tab-label-4">Оплата</label>
<input id="tab-6" type="radio" name="radio-set" class="tab-selector-6" />
<label for="tab-6" class="tab-label-6">Отзывы</label>

в данном случае мы добавили одну вкладку

<input id="tab-6" type="radio" name="radio-set" class="tab-selector-6" />
<label for="tab-6" class="tab-label-6">Отзывы</label>

для изменения порядка вкладки - просто поменяйте вкладки местами - пример

<input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" />
<label for="tab-1" class="tab-label-1">Описание </label>
<input id="tab-6" type="radio" name="radio-set" class="tab-selector-6" />
<label for="tab-6" class="tab-label-6">Отзывы</label>
<input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" />
<label for="tab-2" class="tab-label-2">Сервис</label>
<input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" />
<label for="tab-3" class="tab-label-3">Доставка</label>
<input id="tab-4" type="radio" name="radio-set" class="tab-selector-4" />
<label for="tab-4" class="tab-label-4">Оплата</label>

теперь необходимо добавить содержимое этой вкладки, для этого найдите

<div class="content-5">

и перед данной строкой добавьте

<div class="content-6">Содержимое вкладки</div>

После останется добавить дополнительные стили в main.css. Как выполните инструкцию по добавлению вкладки - сообщите нам об этом и мы поможем вам доделать стилизацию вкладки.

#30 Джейн

Джейн

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

  • Пользователи
  • PipPipPipPip
  • 293 сообщений
  • ГородСамара

Отправлено 06 Ноябрь 2013 - 11:09

Просмотр сообщенияVaccina (06 Ноябрь 2013 - 04:53) писал:

Для добавления дополнительных вкладок необходимо в шаблоне "Товар" найти следующий код
.........................

После останется добавить дополнительные стили в main.css. Как выполните инструкцию по добавлению вкладки - сообщите нам об этом и мы поможем вам доделать стилизацию вкладки.

Нееее..... Это вносятся изменения в старом шаблоне (http://101korset.ru/), а я сейчас изменения вношу в новом шаблоне :)  ( http://korset-optom.storeland.ru/)

Как в старом шаблоне я знаю вносить изменения, там все это ручками сделано :)

Мне нужно в новом шаблоне (http://korset-optom.storeland.ru/) сделать вкладки как в старом шаблоне (http://101korset.ru/)

В новом шаблоне динамические вкладки уже есть (описание, доставка и отзывы). Но я не знаю как их изменить.  Мне нужно туда добавить еще сервис и оплату. И сделать стилизацию как в старом шаблоне. Она мне нравится больше.  (цвет, то что вкладки соприкасаются друг с другом и вертикальная полоса).

#31 Koderhan

Koderhan

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

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

Отправлено 06 Ноябрь 2013 - 12:14

Для стилизации вкладок в карточке товара.


Панель администратора, "Сайт"->"Редактор Шаблонов".
В конец файла "main.css".
Добавить код:
ul.idTabs li a {
background: #666; background: -moz-linear-gradient(top, #CCC 0%, FFF 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(100%,#FFF)); background: -webkit-linear-gradient(top, #CCC 0%,#FFF 100%); background: -o-linear-gradient(top, #CCC 0%,#666 100%); background: -ms-linear-gradient(top, #CCC 0%,#666 100%); background: linear-gradient(top, #CCC 0%,#666 100%);
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
border-radius: 3px 3px 0 0;
box-shadow: 2px 0 2px rgba(0, 0, 0, 0.1), -2px 0 2px rgba(0, 0, 0, 0.1);
}
#more_info_shadow {
border-radius: 3px 3px 0px 0px;
box-shadow: 2px 0px 2px 1px rgba(0, 0, 0, 0.1), -2px 0 2px rgba(0, 0, 0, 0.1);
margin-top: auto;
}

И для добавления еще одной вкладки.
В файле "main.css".
Найти код:
#content_2, #content_3, #content_1 {display:none;}
Заменить:
#content_2, #content_3, #content_1, #content_5 {display:none;}

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

После кода:
{% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
		 <li><a href="javascript:tabSwitch(4);" id="tab_4" class="active">Отзывы</a></li>
		 {% ENDIF %}
Добавить:
<li><a href="javascript:tabSwitch(5);" id="tab_5">Вкладка 5</a></li>
ScreenShot 890.png

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

  • ScreenShot 891.png


#32 Джейн

Джейн

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

  • Пользователи
  • PipPipPipPip
  • 293 сообщений
  • ГородСамара

Отправлено 06 Ноябрь 2013 - 13:00

Просмотр сообщенияKoderhan (06 Ноябрь 2013 - 12:14) писал:

Для стилизации вкладок в карточке товара.


И для добавления еще одной вкладки.
В файле "main.css".
Найти код:
#content_2, #content_3, #content_1 {display:none;}
Заменить:
#content_2, #content_3, #content_1, #content_5 {display:none;}

Эту строчку не нашла (а где она?) , но вкладка добавилась почему то.

Только вкладки разъединены (Нужно чтоб без промежутков). http://korset-optom....рный#show_tab_1

И как сделать чтоб была вертикальная полоска как здесь? http://101korset.ru/...plate?from=ZTM5

Редактируемый шаблон  http://korset-optom.storeland.ru

#33 Koderhan

Koderhan

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

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

Отправлено 06 Ноябрь 2013 - 14:41

Вертикальная полоска будет только мешать на мобильных устройствах.


Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "style.css".
Найти код:
ul.idTabs li{margin-right:5px;float:none;*float:left;display:inline-block}
Заменить:
ul.idTabs li{
margin-right: -4px; /* отступ между вкладками */
float:none;
*float:left;
display:inline-block
}
И для того чтобы вкладка заработала.
Код:
  <div id="content_5" class="content">
Содержание вкладки 5
</div>
Переместить под код:
  <div id="more_info_shadow">

А код:
#content_2, #content_3, #content_1, #content_5 {display:none;}
можете попробовать добавить в конец файла style.css

#34 Джейн

Джейн

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

  • Пользователи
  • PipPipPipPip
  • 293 сообщений
  • ГородСамара

Отправлено 06 Ноябрь 2013 - 21:22

Спасибо. Вкладки сделала. Остался только один вопрос  :)
Внесла инфу во вкладки, а она у меня не отображается. Где я накосячила?

Редактирую сайт http://korset-optom.storeland.ru

#35 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 06 Ноябрь 2013 - 23:58

Просмотр сообщенияvelena168 (05 Ноябрь 2013 - 10:29) писал:

Видимо довыравнивала, что теперь во вкладке характеристики отображаются не по одной линии. Можно исправить?
А еще, характеристики Производитель и Бренд у меня идут ссылкой. Можно, именно их, т. е. значение характеристик Производитель и Бренд выделить цветом? А может их можно продублировать и не в табах, а например после Модификаций на стр. Товара?

Скрины http://forum.storela..._20#entry100403

#36 Vaccina

Vaccina

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

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

Отправлено 07 Ноябрь 2013 - 04:22

Просмотр сообщенияДжейн (06 Ноябрь 2013 - 21:22) писал:

Спасибо. Вкладки сделала. Остался только один вопрос  :)
Внесла инфу во вкладки, а она у меня не отображается. Где я накосячила?

Редактирую сайт http://korset-optom.storeland.ru

Найдите в шаблоне "Товар" строку

<div id="content_5" class="content">

и замените на

<div id="idTab5" class="content">

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

<div id="content_6" class="content">

и замените на

<div id="idTab6" class="content">


#37 Джейн

Джейн

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

  • Пользователи
  • PipPipPipPip
  • 293 сообщений
  • ГородСамара

Отправлено 08 Ноябрь 2013 - 00:25

Спасибки!

#38 Flor@@

Flor@@

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

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

Отправлено 08 Ноябрь 2013 - 00:28

Просмотр сообщения(Рекбес) (26 Октябрь 2013 - 13:35) писал:

В осени все равно,меньше пришлось бы переделывать,чем при установке любого другого шаблона. :)
истину глаголишь..




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

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