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

[Артемка]

Здравствуйте Уважаемые Модераторы!!!
магазин  SL-424887
Шаблон Рассвет.

HELP!
Очень срочно нужна ваша помощь!
В скриптах слабо разбираюсь, и мне это пока что трудно дается. HTML/CSS - only!

Помогите вставить на сайте, на странице контакты несколько вкладок Tabs c городами - филиалами нашей компании. Москва, Питер. Новгород. (хотя бы 2 города, нужна просто РЫБА остальное поменяем, текст вставим, карты Iframe подключим)

Я создал отдельную страницу "контакты" /page/contacts1#show_tab_1   специально для вас!  и вставил вкладки табс. вылезла ошибка - решить сам не могу, но подразумеваю, что там элементарно нарушился адрес скрипта при копировании на другую страницу. хотелось бы на выходе в адресной строке (для москвы) видеть следующее /page/contacts#moscow   (P.S цифру специально поставил, на время) сейчас подключена другая страница)

Помогите пожалуйста реализовать задуманное

Должно получиться примерно так. В шаблоне лазурь - при подобном копировании все получалось и ошибка JS не выпрыгивала. Вот только город был один. Мы вкладки делали такие на несколько пунктов самовывоза.

Пожалуйста очень, очень срочно надо!!!! Скоро Выходит релиз продукции в России. Нам нужно создать сеть в течении недели и выпрыгнуть в яндекс карты!!!!!

Я пишу на форуме, потому что это многим пригодится.

С Уважением!
Артем.

[Валентина1970]

Тоже послушаю.

[Ирина345]

Артемка (16 Октябрь 2017 - 18:35) писал:

Здравствуйте Уважаемые Модераторы!!!
магазин  SL-424887
Шаблон Рассвет.

HELP!
Очень срочно нужна ваша помощь!
В скриптах слабо разбираюсь, и мне это пока что трудно дается. HTML/CSS - only!

Помогите вставить на сайте, на странице контакты несколько вкладок Tabs c городами - филиалами нашей компании. Москва, Питер. Новгород. (хотя бы 2 города, нужна просто РЫБА остальное поменяем, текст вставим, карты Iframe подключим)
города.JPG
Я создал отдельную страницу "контакты" /page/contacts1#show_tab_1   специально для вас!  и вставил вкладки табс. вылезла ошибка - решить сам не могу, но подразумеваю, что там элементарно нарушился адрес скрипта при копировании на другую страницу. хотелось бы на выходе в адресной строке (для москвы) видеть следующее /page/contacts#moscow   (P.S цифру специально поставил, на время) сейчас подключена другая страница)

Помогите пожалуйста реализовать задуманное
города — копия.JPG
Должно получиться примерно так. В шаблоне лазурь - при подобном копировании все получалось и ошибка JS не выпрыгивала. Вот только город был один. Мы вкладки делали такие на несколько пунктов самовывоза.

Пожалуйста очень, очень срочно надо!!!! Скоро Выходит релиз продукции в России. Нам нужно создать сеть в течении недели и выпрыгнуть в яндекс карты!!!!!

Я пишу на форуме, потому что это многим пригодится.

С Уважением!
Артем.

Здравствуйте, Вкладки Вы вставили правильно, проблема возникает из-за текст вкладок. Вы его копировали со стороннего сайта?
Попробуйте от руки написать необходимый Вам текст.

[Артемка]

Проблему это не решило!

1. при вставке в поле htmlDataBlock этих вкладок, они почему то промахиваются мимо DescriptionBlock. и получается вот так -
И почему то в шаблоне не закрытый тег.

2. При вводе текста в ручную - список отказывается работать, пропадают плюсики у списка.
Они вообще пропадают, даже если на них чихнуть или закрыть тег.

[Артемка]

Может у вас все таки найдется лекарство для решении этой проблемы? Итак обращаюсь к вам крайне редко! Очень важно решить эту задачу. Пожалуйста, дайте код!

[Артемка]

Аккаунт SL-424887
Cтраница /page/contacts#show_tab_1


Вкладки победили, но не до конца. В мобильной версии они почему то не работают. +и - пропадает. На десктопе работает, на мобильной - все мертвое

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите и удалите:

.product-tabs .tabs {display: none;}

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

.product-tabs .tabs {display: block;text-align: center;margin: 0;padding: 0;list-style: none;}
.product-tabs .tabs li {display: inline-block;text-align: center;vertical-align: top;}
.product-tabs .tabs li a {display: block;position: relative;overflow: hidden;font-size: 16px;text-transform: uppercase;color: #a0a0a0;padding: 0 15px;margin: 0 -2px;line-height: 50px;font-weight: bold;}
.product-tabs .tabs li a.active, .product-tabs .tabs li a:hover {color: #22121e;}
.product-tabs .tabs li a:before, .product-tabs .tabs li a:after {content: '';position: absolute;bottom: 0;left: 50%;height: 3px;background: #22121e;width: 0;-webkit-transition: all 250ms ease;transition: all 250ms ease;}
.product-tabs .tabs li a:after {right: 50%;left: auto;}
.product-tabs .tabs li a.active:after, .product-tabs .tabs li:hover a:after, .product-tabs .tabs li a.active:before, .product-tabs .tabs li:hover a:before {width: 50%;}
.product-tabs .tab-content {padding: 20px 0 30px;overflow: hidden;border-top: 1px solid #e5e5e5;margin-top: -2px;}
.product-tabs .acctab {display: none;}

перенесите его и поставьте перед:

/******************************************************************************
  Адаптивная часть
*******************************************************************************/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-sms-1, .col-sms-2, .col-sms-3, .col-sms-4, .col-sms-5, .col-sms-6, .col-sms-7, .col-sms-8, .col-sms-9, .col-sms-10, .col-sms-11, .col-sms-12 {float:left;position:relative;min-height:1px;padding-left:15px;padding-right:15px}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}