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


Создать Строку С Названием В Товарах Как На Всём Сайте


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

#1 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 30 Январь 2015 - 06:21

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

Почему-то тут такое решение, без строки в товарах:

Tovar1.png

Помогите установить в товаре такую же строчку как на всём сайте, чтобы там отображалось название товара:

Tovar2.png

#2 Vaccina

Vaccina

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

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

Отправлено 30 Январь 2015 - 06:38

В шаблоне Товар после:
<div class="productPage">
	<div class="productPageHeader">
		<div class="content-center">
вставьте:
<div class="body-top-left">
				<header itemprop="headline">
					<h1>{GOODS_NAME}</h1>
				</header>
			</div>

если необходимо удалить дубликат названия, то там же найдите и удалите:
<div class="productNameHeader">
						<h1 itemprop="name">{GOODS_NAME}</h1>
					</div>


#3 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 30 Январь 2015 - 06:47

 Vaccina (30 Январь 2015 - 06:38) писал:

В шаблоне Товар после:
<div class="productPage">
<div class="productPageHeader">
	 <div class="content-center">
вставьте:
<div class="body-top-left">
			 <header itemprop="headline">
				 <h1>{GOODS_NAME}</h1>
			 </header>
		 </div>

если необходимо удалить дубликат названия, то там же найдите и удалите:
<div class="productNameHeader">
					 <h1 itemprop="name">{GOODS_NAME}</h1>
				 </div>
Да нет, удалять не надо, надо бы такую же полосу зелёную через весь экран слева-направо сделать как на всём сайте. Она разделяет два основных блока.

#4 Vaccina

Vaccina

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

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

Отправлено 30 Январь 2015 - 06:56

В этом случае лучше переместить вставляемый код чуть выше, поставив после:
<div class="productPageHeader">

и в самом коде вставляемом строку:
<div class="body-top-left">
замените на:
<div class="body-top-left body-content-top">


#5 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 30 Январь 2015 - 07:15

 Vaccina (30 Январь 2015 - 06:56) писал:

В этом случае лучше переместить вставляемый код чуть выше, поставив после:
<div class="productPageHeader">

и в самом коде вставляемом строку:
<div class="body-top-left">
замените на:
<div class="body-top-left body-content-top">
Да, только название (текст) имеет цвет, как во всём основном цвете сайта. И располагается слева:
H1_1.png

А нужно вот также чётко как тут:
H1_2.png

#6 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 30 Январь 2015 - 10:44

* помогите тут ещё...

#7 Danil

Danil

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

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

Отправлено 30 Январь 2015 - 10:57

 Andrew S. (30 Январь 2015 - 10:44) писал:

* помогите тут ещё...
Здравствуйте.
В конец main.css добавьте
.body-top-left.body-content-top header {
margin: 0 auto;
width: 61%;
font-size: 1.73em;
font-weight: normal;
color: #231F20;
}


#8 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 30 Январь 2015 - 11:11

 Danil (30 Январь 2015 - 10:57) писал:

Здравствуйте.
В конец main.css добавьте
.body-top-left.body-content-top header {
margin: 0 auto;
width: 61%;
font-size: 1.73em;
font-weight: normal;
color: #231F20;
}
Хорошо, но текст почему-то получился огромным, хоть и тот же размер шрифта прописан:

Big.png

#9 Danil

Danil

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

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

Отправлено 30 Январь 2015 - 11:17

 Andrew S. (30 Январь 2015 - 11:11) писал:

Хорошо, но текст почему-то получился огромным, хоть и тот же размер шрифта прописан:

Big.png
В main.css найдите код
.body-top-left.body-content-top header {
margin: 0 auto;
width: 61%;
font-size: 1.73em;
font-weight: normal;
color: #231F20;
}
и замените на
.body-top-left.body-content-top header {
margin: 0 auto;
width: 61%;
font-weight: normal;
color: #231F20;
}
.body-top-left.body-content-top header h1 {
font-size: 1.73em;
}


#10 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 30 Январь 2015 - 11:57

 Danil (30 Январь 2015 - 11:17) писал:

В main.css найдите код
.body-top-left.body-content-top header {
margin: 0 auto;
width: 61%;
font-size: 1.73em;
font-weight: normal;
color: #231F20;
}
и замените на
.body-top-left.body-content-top header {
margin: 0 auto;
width: 61%;
font-weight: normal;
color: #231F20;
}
.body-top-left.body-content-top header h1 {
font-size: 1.73em;
}
Вроде нормально.. Спасибо!

#11 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 18 Февраль 2015 - 21:39

Добрый день, тут проблема!

При просмотре сайта с планшета (т.е. когда работает адаптивный шаблон), строка с названием уезжает вправо. Это скорей всего из-за того, что мне сказали поставить отступ тупо слева на какое-то количество пикселей. При обычном режиме это работает, на планшете уже съезжает:

010220152821.jpg

Как сделать так, чтобы название было в ряд со всей информацией ровно?

Начали менять это от 30 января в 14:15, сообщение №5

Сообщение отредактировал Andrew S.: 18 Февраль 2015 - 21:41


#12 Vaccina

Vaccina

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

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

Отправлено 19 Февраль 2015 - 01:56

В main.css найдите:
input[type="search"] {
	width: 85%;
}

после него вставьте:
.body-top-left.body-content-top header {
  width: auto;
}


#13 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 19 Февраль 2015 - 02:55

 Vaccina (19 Февраль 2015 - 01:56) писал:

В main.css найдите:
input[type="search"] {
width: 85%;
}

после него вставьте:
.body-top-left.body-content-top header {
width: auto;
}

Спасибо!

#14 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 03 Март 2015 - 15:00

 Vaccina (19 Февраль 2015 - 01:56) писал:

В main.css найдите:
input[type="search"] {
width: 85%;
}

после него вставьте:
.body-top-left.body-content-top header {
width: auto;
}

Проверил всё на планшете.. Тут не помогло (

030320152975.jpg

#15 Danil

Danil

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

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

Отправлено 03 Март 2015 - 15:11

 Andrew S. (03 Март 2015 - 15:00) писал:

Проверил всё на планшете.. Тут не помогло (

030320152975.jpg
Здравствуйте.
Изменения произвели, проверьте.

#16 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 04 Март 2015 - 09:14

 Danil (03 Март 2015 - 15:11) писал:

Здравствуйте.
Изменения произвели, проверьте.
Вроде помогло..

#17 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 04 Март 2015 - 09:31

2. Подскажите ещё, что случилось с недавно просмотренными товарами? В первом сообщении этой темы видно как они до этого отображались, а сейчас вот так:

Prosmotrennye.png

Может это из-за последних изменений в этой теме: http://forum.storela...555#entry189555

Цена и кнопка "В корзину" - уползли вверх.

#18 Dars

Dars

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

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

Отправлено 04 Март 2015 - 17:32

 Andrew S. (04 Март 2015 - 09:31) писал:

2. Подскажите ещё, что случилось с недавно просмотренными товарами? В первом сообщении этой темы видно как они до этого отображались, а сейчас вот так:

Prosmotrennye.png

Может это из-за последних изменений в этой теме: http://forum.storela...555#entry189555

Цена и кнопка "В корзину" - уползли вверх.

 Andrew S. (04 Март 2015 - 09:31) писал:

2. Подскажите ещё, что случилось с недавно просмотренными товарами? В первом сообщении этой темы видно как они до этого отображались, а сейчас вот так:

Prosmotrennye.png

Может это из-за последних изменений в этой теме: http://forum.storela...555#entry189555

Цена и кнопка "В корзину" - уползли вверх.
Здравствуйте!
Так и не нашел, какие изменения привели к данному результату, можно в main.css добавить строку:

.recentlyName {margin-bottom:20px;}

, только проверьте потом отображение на планшетах и мобильных, т.к. я не знаю, как там выглядели недавно просмотренные товары ранее.

#19 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 04 Март 2015 - 18:08

 Dars (04 Март 2015 - 17:32) писал:

Здравствуйте!
Так и не нашел, какие изменения привели к данному результату, можно в main.css добавить строку:

.recentlyName {margin-bottom:20px;}

, только проверьте потом отображение на планшетах и мобильных, т.к. я не знаю, как там выглядели недавно просмотренные товары ранее.

Что-то я сомневаюсь, что эта инструкция будет в самый раз.. Мне кажется если от названия будет просто отступаться 20 пикселей, то если название будет длинное, на 2 строчки, то всё уползёт вниз..

А оно уже с проблемами отображается, обрезаются названия, такого раньше не было:

Names.png

По-моему в самом начале название могло продолжаться на вторую строчку. Что-то случилось..

#20 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 04 Март 2015 - 18:19

Я создам отдельную тему по этим проблемам.




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

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