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


Изменить Отображение Товаров В Каталоге


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

#21 Serg83

Serg83

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

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

Отправлено 14 Июнь 2013 - 17:02

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

Найдите в вашем коде фильтра следующий код

<em>{filter_prop_list.NAME}</em>
<div class="contentTbodySearchFilterBlockValues">

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

<div class="contentTbodySearchFilterBlockValues">
<em>{filter_prop_list.NAME}</em><br />


спасибо, помогло.
с фильтрами не получается сделать вот что:
1) увеличить расстояние между названием фильтра и его значениями.
2) уменьшить отступы от текстов (фильтров) до рамки фильтров сверху и снизу. сейчас там пикселей по 15 наверное.
3) сдвинуть первый фильтр левее к границе.
4) сделать видимой границу блока с фиотрами справа, а то она до границы сайта доходит

код фильтров из css на всякий случай

.contentTbodySearchFilterBlockValues {
padding: 1em 0 1em 1em;
display: inline-block;
vertical-align: top;
margin: 0 10px;
text-align: left;
}


#22 Serg83

Serg83

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

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

Отправлено 14 Июнь 2013 - 17:34

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

В шаблоне "Товар" найдите

<h3>Отзывы о

и замените на

<h3 id="review">Отзывы о

и далее в необходимом месте например после кнопки в корзину - вставьте ссылку вида

<a href="#review">Перейти к отзывам ({GOODS_OPINION_RATING_CNT_ALL})</a>

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

может быть их нужно как-то разместить относительно самого блока с кнопкой Купить? и отцентрировать бы ссылку хотелось
Снимок экрана 2013-06-14 в 18.30.20.png

#23 Serg83

Serg83

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

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

Отправлено 14 Июнь 2013 - 17:41

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

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

.goodsDataMainOrder td, .goodsDataMainOrder {
padding: 5px;
text-align: right;
margin: 5px;
}

спс, помогло.
только не "right" а "left", а то я в шоке был когда все тексты уползли направо :D

подскажите, пожалуйста, как вернуть загругления у рамок? они все пропали и все стало угловатым. хотя очень странно.... в разных браузерах отображается по разному... :huh:

#24 Сake

Сake

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

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

Отправлено 15 Июнь 2013 - 02:48

Цитата

1) увеличить расстояние между названием фильтра и его значениями.

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

.contentTbodySearchFilterBlockValues em {
   display: block;
}

Цитата

2) уменьшить отступы от текстов (фильтров) до рамки фильтров сверху и снизу. сейчас там пикселей по 15 наверное.
3) сдвинуть первый фильтр левее к границе.

В файле стилей main.css найдите

.contentTbodySearchFilterBlockValues {
	display: inline-block;
	margin: 0 10px;
	padding: 1em 0 1em 1em;
	text-align: left;
	vertical-align: top;
}

и замените на

.contentTbodySearchFilterBlockValues {
	display: inline-block;
	margin: 0 10px;
	padding: 0;
	text-align: left;
	vertical-align: top;
}

Цитата

4) сделать видимой границу блока с фиотрами справа, а то она до границы сайта доходит

В файле стилей найдите

.contentTbodySearchFilterBlock {
	border: 1px solid #E5E5E5;
	margin: 0 0 0 1em;
	padding: 1em;
}

и замените на

.contentTbodySearchFilterBlock {
	border: 1px solid #E5E5E5;
	margin: 0 0 0 1em;
	padding: .8em;
	width: 600px;
}

Цитата

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

Если вы хотите чтобы ссылка была под кнопкой, то вставьте ссылку после кода кнопки в блоке

<td class="goodsDataFormSubmitButton">

Цитата

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

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

.cornerAll {
	border-radius: 4px;
}


#25 Serg83

Serg83

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

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

Отправлено 18 Июнь 2013 - 09:15

Просмотр сообщенияСake (15 Июнь 2013 - 02:48) писал:

Если вы хотите чтобы ссылка была под кнопкой, то вставьте ссылку после кода кнопки в блоке

<td class="goodsDataFormSubmitButton">

с остальным все получилось замечательно, кроме этого кусочка.

у меня этого кода вообще не было...
был такой
<td class="купить">

уж не знаю это одно и тоже это или нет...
заменил код на Ваш - ничего не изменилось.

поставил под него ссылку на отзывы - отзывы остались на месте, но все блоки поползли (уменьшились под размер текстов в блоке). скрин с тем что получилось прикладываю.
Снимок экрана 2013-06-18 в 10.10.08.png

как все же опустить ссылку и сделать ее по центру блока?

#26 miyako

miyako

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

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

Отправлено 18 Июнь 2013 - 10:45

Просмотр сообщенияSerg83 (18 Июнь 2013 - 09:15) писал:

с остальным все получилось замечательно, кроме этого кусочка.

у меня этого кода вообще не было...
был такой
<td class="купить">

уж не знаю это одно и тоже это или нет...
заменил код на Ваш - ничего не изменилось.

поставил под него ссылку на отзывы - отзывы остались на месте, но все блоки поползли (уменьшились под размер текстов в блоке). скрин с тем что получилось прикладываю.
Прикрепленный файл Снимок экрана 2013-06-18 в 10.10.08.png

как все же опустить ссылку и сделать ее по центру блока?

Измените класс -
<td class="купить">
Например на такой:
<td class="goodsDataFormSubmitButton">


Далее найдите код:
<a href="#review">Перейти к отзывам ({GOODS_OPINION_RATING_CNT_ALL})</a>
и замените на:
<a href="#review" id="review">Перейти к отзывам ({GOODS_OPINION_RATING_CNT_ALL})</a>
В main.css в конец файла вставьте код:
.goodsDataMainOrder #review{left: 37%;
position: relative;}


#27 Serg83

Serg83

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

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

Отправлено 18 Июнь 2013 - 15:01

Просмотр сообщенияmiyako (18 Июнь 2013 - 10:45) писал:

Измените класс -
<td class="купить">
Например на такой:
<td class="goodsDataFormSubmitButton">


Далее найдите код:
<a href="#review">Перейти к отзывам ({GOODS_OPINION_RATING_CNT_ALL})</a>
и замените на:
<a href="#review" id="review">Перейти к отзывам ({GOODS_OPINION_RATING_CNT_ALL})</a>
В main.css в конец файла вставьте код:
.goodsDataMainOrder #review{left: 37%;
position: relative;}

все равно ссылка на отзывы над кнопкой....
а нельзя эти перемещения влево-вправо/вниз сделать через код файла "Товар", а не через css?

#28 Stasya

Stasya

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

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

Отправлено 18 Июнь 2013 - 15:56

В файле main.css найдите блок
.goodsDataMainOrder #review {
left: 37%;
position: relative;
}
и замените его на
.goodsDataMainOrder #review {
left: 20%;
position: relative;
top: 48px;
}
Лучше передвижения(если они не глобальные) делать через стили(файл main.css)

#29 Serg83

Serg83

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

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

Отправлено 18 Июнь 2013 - 17:54

Просмотр сообщенияStasya (18 Июнь 2013 - 15:56) писал:

В файле main.css найдите блок
.goodsDataMainOrder #review {
left: 37%;
position: relative;
}
и замените его на
.goodsDataMainOrder #review {
left: 20%;
position: relative;
top: 48px;
}
Лучше передвижения(если они не глобальные) делать через стили(файл main.css)

а если они глобальные и это только начало? ))
если это возможно сделать через Товар, то подскажите как?

#30 Taisia

Taisia

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

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

Отправлено 18 Июнь 2013 - 18:40

все изменения положения элементов на странице лучше делать через стили.
глобальные - имеется в виду что на странице ТОвар вы будете например переносить целые секции и блоки меняя их местами или вообще располагая их в колонку слева, как пример.

#31 Serg83

Serg83

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

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

Отправлено 29 Август 2013 - 22:19

сегодня заметил проблему с кнопкой отзывы по "товару" (сделано по рекомендации выше через  #review).

она перебрасывает почему-то н7а середину описания товара, а не на отзывы, как было сделано изначально.
помогите исправить, плиз

#32 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 29 Август 2013 - 22:35

Просмотр сообщенияSerg83 (29 Август 2013 - 22:19) писал:

сегодня заметил проблему с кнопкой отзывы по "товару" (сделано по рекомендации выше через  #review).

она перебрасывает почему-то н7а середину описания товара, а не на отзывы, как было сделано изначально.
помогите исправить, плиз
В шаблоне "Товар" строку
<a href="#review" id="review">Отзывы по товару ({GOODS_OPINION_RATING_CNT_ALL})</a>
измените так:
<a href="#review" id="to_review">Отзывы по товару ({GOODS_OPINION_RATING_CNT_ALL})</a>
и в main.css код
.goodsDataMainOrder #review {
left: 15%;
position: relative;
top: 90px;
}
замените на
.goodsDataMainOrder #to_review {
left: 15%;
position: relative;
top: 90px;
}


#33 Serg83

Serg83

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

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

Отправлено 29 Август 2013 - 22:46

Просмотр сообщенияsengun (29 Август 2013 - 22:35) писал:

В шаблоне "Товар" строку
<a href="#review" id="review">Отзывы по товару ({GOODS_OPINION_RATING_CNT_ALL})</a>
измените так:
<a href="#review" id="to_review">Отзывы по товару ({GOODS_OPINION_RATING_CNT_ALL})</a>
и в main.css код
.goodsDataMainOrder #review {
left: 15%;
position: relative;
top: 90px;
}
замените на
.goodsDataMainOrder #to_review {
left: 15%;
position: relative;
top: 90px;
}

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

#34 Сake

Сake

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

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

Отправлено 30 Август 2013 - 03:06

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

#35 Serg83

Serg83

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

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

Отправлено 30 Август 2013 - 10:21

Просмотр сообщенияСake (30 Август 2013 - 03:06) писал:

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

да, спасибо. кэш не учел. просто проверил отображение в 2-х браузерах....
все работает как нужно




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

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