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


Помогите С Установкой Css3 Вкладок (Табов)

Автор NaLeeWay, 13 дек. 2012 11:37
css3 установка описание товар

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

#241 Serg83

Serg83

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

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

Отправлено 21 Октябрь 2014 - 08:58

 Ирина345 (20 Октябрь 2014 - 16:58) писал:

Здравствуйте, попробуйте добавить в файл main.css
.content div p {
text-align: justify;
color: #000;
padding-left: 15px;
font-style: inherit;
}

так читать стало совсем невозможно (см.скрин).
а нельзя в табах использовать общую стилистику сайта? как здесь, например, ну и как на всех текстовых страницах сайта.

p.s.че ж так с табами то все сложно?!..

#242 Ирина345

Ирина345

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

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

Отправлено 21 Октябрь 2014 - 09:16

 Serg83 (21 Октябрь 2014 - 08:58) писал:

так читать стало совсем невозможно (см.скрин).
а нельзя в табах использовать общую стилистику сайта? как здесь, например, ну и как на всех текстовых страницах сайта.

p.s.че ж так с табами то все сложно?!..
Здравствуйте, попробуйте такой вариант,
найдите в style2.css
.content div p {
font-size: 14px;
line-height: 22px;
font-style: italic;
text-align: left;
margin: 0;
color: #000;
padding-left: 15px;
font-family: Cambria, Georgia, serif;
}
Замените на

/*.content div p {
font-size: 14px;
line-height: 22px;
font-style: italic;
text-align: left;
margin: 0;
color: #000;
padding-left: 15px;
font-family: Cambria, Georgia, serif;
}*/

Данная проблема возникла из-за того что при установки этих табов использовались так же стили с файлы style2.css? которые изменили стандартную стилистику отображения блоков.

#243 Serg83

Serg83

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

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

Отправлено 24 Октябрь 2014 - 13:36

 Ирина345 (21 Октябрь 2014 - 09:16) писал:

Здравствуйте, попробуйте такой вариант,
найдите в style2.css
.content div p {
font-size: 14px;
line-height: 22px;
font-style: italic;
text-align: left;
margin: 0;
color: #000;
padding-left: 15px;
font-family: Cambria, Georgia, serif;
}
Замените на

/*.content div p {
font-size: 14px;
line-height: 22px;
font-style: italic;
text-align: left;
margin: 0;
color: #000;
padding-left: 15px;
font-family: Cambria, Georgia, serif;
}*/

Данная проблема возникла из-за того что при установки этих табов использовались так же стили с файлы style2.css? которые изменили стандартную стилистику отображения блоков.
да, все верно.
спасибо, все встало на свои места

#244 Navihome_ru

Navihome_ru

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

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

Отправлено 28 Октябрь 2014 - 20:58

Здравствуйте, помогите решить две проблемы.
Добавлял пятую вкладку в карточку товара. Все работает. Но!
1. Перестала работать кнопка оставить отзыв
2.во вкладке аксессуары пропала кнопка купить и все уехало.

Искал проблему очень долго. Помогите мне пожалуйста.!
Спасибо...

#245 Vaccina

Vaccina

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

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

Отправлено 29 Октябрь 2014 - 06:34

В style2.css найдите:
.content div {
	display: none;
	opacity: 0;
	padding: 10px;
	top: 0;
	transition: all 0s linear 0s;
	z-index: 5;
}
замените на:
.content > div {
	display: none;
	opacity: 0;
	padding: 10px;
	top: 0;
	transition: all 0s linear 0s;
	z-index: 5;
}

При нажатии на кнопку "оставить отзыв" форма появляется, уточните ваш браузер, если проблема осталась актуальной

#246 Navihome_ru

Navihome_ru

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

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

Отправлено 29 Октябрь 2014 - 09:05

 Vaccina (29 Октябрь 2014 - 06:34) писал:

В style2.css найдите:[CODE]


При нажатии на кнопку "оставить отзыв" форма появляется, уточните ваш браузер, если проблема осталась актуальной


Спасибо! все ок! :)

#247 Наталья11111

Наталья11111

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

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

Отправлено 29 Октябрь 2014 - 17:16

Добрый вечер!

Помогите подправить страницу:
1. сделать меньше ширину
2. убрать линию
3. в тексте есть таблицы, как их сделать видимыми?


Заранее благодарю

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

  • Безымянный1.png

#248 Alekseys

Alekseys

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

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

Отправлено 29 Октябрь 2014 - 17:20

 Наталья11111 (29 Октябрь 2014 - 17:16) писал:

Добрый вечер!

Помогите подправить страницу:
1. сделать меньше ширину
2. убрать линию
3. в тексте есть таблицы, как их сделать видимыми?


Заранее благодарю
Здравствуйте. Укажите пожалуйста ссылку на данную таблицу.

#249 Наталья11111

Наталья11111

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

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

Отправлено 29 Октябрь 2014 - 17:22

 Alekseys (29 Октябрь 2014 - 17:20) писал:

Здравствуйте. Укажите пожалуйста ссылку на данную таблицу.

http://akwaservis.ru/page/Доставка

#250 Ирина345

Ирина345

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

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

Отправлено 29 Октябрь 2014 - 17:31

 Наталья11111 (29 Октябрь 2014 - 17:16) писал:

Добрый вечер!

Помогите подправить страницу:
1. сделать меньше ширину
2. убрать линию
3. в тексте есть таблицы, как их сделать видимыми?


Заранее благодарю
Здравствуйте,
1.2 найдите в style2.css
.content {
background: #fff;
position: relative;
width: 100%;
height: 1000px;
z-index: 5;
overflow: hidden;
box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
border-radius: 0 3px 3px 3px;
}
замените на

.content {
background: #fff;
position: relative;
width: 87%;
height: 1000px;
z-index: 5;
overflow: hidden;
box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
border-radius: 0 3px 3px 3px;
}
3. откройте редактор данной страницы и при помощи кнопки ИСТОЧНИК
откройте код страницы
и найдите код
<table border="1" cellpadding="1" cellspacing="1" style="width: 500px;">
замените на
<table border="1" cellpadding="1" cellspacing="1" style="width: 500px;" class="test">
далее добавьте в конец файла main.css код

.test td {
border: 1px solid #999;
}

#251 Наталья11111

Наталья11111

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

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

Отправлено 29 Октябрь 2014 - 17:45

 Ирина345 (29 Октябрь 2014 - 17:31) писал:

Здравствуйте,
1.2 найдите в style2.css
.content {
background: #fff;
position: relative;
width: 100%;
height: 1000px;
z-index: 5;
overflow: hidden;
box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
border-radius: 0 3px 3px 3px;
}
замените на

.content {
background: #fff;
position: relative;
width: 87%;
height: 1000px;
z-index: 5;
overflow: hidden;
box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
border-radius: 0 3px 3px 3px;
}
3. откройте редактор данной страницы и при помощи кнопки ИСТОЧНИК
откройте код страницы
и найдите код
<table border="1" cellpadding="1" cellspacing="1" style="width: 500px;">
замените на
<table border="1" cellpadding="1" cellspacing="1" style="width: 500px;" class="test">
далее добавьте в конец файла main.css код

.test td {
border: 1px solid #999;
}

Спасибо, все получилось, кроме таблицы.

#252 Наталья11111

Наталья11111

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

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

Отправлено 29 Октябрь 2014 - 17:52

Подскажите пожалуйста, как поправить страничку доставки, почему то высвечивается не полный текст

Обведенный текст при просмотре странице отсутствует

http://akwaservis.ru/page/Доставка

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

  • Безымянный2.png

#253 Ирина345

Ирина345

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

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

Отправлено 29 Октябрь 2014 - 19:06

 Наталья11111 (29 Октябрь 2014 - 17:52) писал:

Подскажите пожалуйста, как поправить страничку доставки, почему то высвечивается не полный текст

Обведенный текст при просмотре странице отсутствует

http://akwaservis.ru/page/Доставка
Найдите в main.css
.characters { margin: 90px 0 30px 0; }
$(function () {
$('.image-additional a').click(function () {
				$('.image #wrap a img').attr('src', $(this).attr('rel'))
				.closest('a').attr('href', $(this).attr('href'));
				return (false);
});
});
.test td {
border: 1px solid #999;
}
замените на


.test td {
border: 1px solid #999;
}

#254 Наталья11111

Наталья11111

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

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

Отправлено 29 Октябрь 2014 - 19:47

 Ирина345 (29 Октябрь 2014 - 19:06) писал:

Найдите в main.css
.characters { margin: 90px 0 30px 0; }
$(function () {
$('.image-additional a').click(function () {
$('.image #wrap a img').attr('src', $(this).attr('rel'))
.closest('a').attr('href', $(this).attr('href'));
return (false);
});
});
.test td {
border: 1px solid #999;
}
замените на


.test td {
border: 1px solid #999;
}

Спасибо, появилась табличка))

#255 Наталья11111

Наталья11111

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

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

Отправлено 03 Ноябрь 2014 - 14:27

День добрый!

Подскажите пожалуйста как реализовать карточку товара как в сообщении №1, если у меня эти же табы стоят в Доставке. Как  правильно прописать style2.css  ?

У каждого товара должно быть свое описание и свои характеристики.

Заранее благодарю.

Аккаунт SL-298479

#256 Vaccina

Vaccina

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

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

Отправлено 04 Ноябрь 2014 - 01:49

Вам необходимо реализовать инструкцию под следующим сообщением:
http://forum.storela...бов/#entry35209

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

#257 Наталья11111

Наталья11111

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

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

Отправлено 04 Ноябрь 2014 - 15:12

 Vaccina (04 Ноябрь 2014 - 01:49) писал:

Вам необходимо реализовать инструкцию под следующим сообщением:
http://forum.storela...бов/#entry35209

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

Добавила код, но хоть убейте, не понимаю , что style2.css  делать.

Там получаются два разных файла, который загружен и который нужно загрузить. Помогите пожалуйста.

И еще вопрос, как сделать так, чтобы описание и характеристики с отзывами автоматом встали в табы?
Или это все придется вручную прописывать?

#258 Vaccina

Vaccina

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

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

Отправлено 05 Ноябрь 2014 - 03:31

Цитата

Затем удалить файл style2.css с сайта и загрузить новый файл style2.css из прикрепленного архива

В коде с инструкцией уже присутствуют отзывы, описание и прочее.

#259 Наталья11111

Наталья11111

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

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

Отправлено 05 Ноябрь 2014 - 11:55

День добрый!

Перепробовала много инструкций, но так и не получается установить описание и характеристики во вкладки табов. В админке описание есть, но не отображается на сайте.

Помогите плиз.

#260 Наталья11111

Наталья11111

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

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

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

Предыдущий вопрос снят.

Подскажите пожалуйста как текст во вкладках поднять? Очень низко расположен.
Заранее благодарю.
Обратно в Страница товара


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Мокко
  5. → Страница товара
  6. Privacy Policy