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


Отображение Акций (Новинки, Хиты Продаж ..) Как Поправить

новинки хиты продаж интересные предложения отображаются криво как поправить увеличить количество товаров

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

#1 weblomaster

weblomaster

    Пользователь

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

Отправлено 05 Январь 2013 - 18:15

Сделал отображение  5 категорий в строке, в категориях так же выставил отображение по 5 товаров в строке.  Акционные товары на главной странице почему-то выставляет по 4 на строчку и как-то вроде растянуло,  не могу  найти  ответственные за это строки кода в css.
1 - где крутить CSS чтобы уменьшить размер  блоков акционных товаров ?

2 - Еще в HTML файле "просмотр акции" нашел строчку №41  
{% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
. Это может иметь отношение к расположению блоков ?


магазин здесь

#2 miyako

miyako

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

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

Отправлено 08 Январь 2013 - 09:48

Просмотр сообщенияweblomaster (05 Январь 2013 - 18:15) писал:

Сделал отображение  5 категорий в строке, в категориях так же выставил отображение по 5 товаров в строке.  Акционные товары на главной странице почему-то выставляет по 4 на строчку и как-то вроде растянуло,  не могу  найти  ответственные за это строки кода в css.
1 - где крутить CSS чтобы уменьшить размер  блоков акционных товаров ?

2 - Еще в HTML файле "просмотр акции" нашел строчку №41  
{% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
. Это может иметь отношение к расположению блоков ?


магазин здесь

В файле main.csstemplate найдите код:
.goodsListItemBlock {
height: 200px;
margin: 3px;
overflow: hidden;
border-radius: 32px 16px 32px 16px;
background: #F36;
}
И замените на следующий:
.goodsListItemBlock {
height: 200px;
width:155px;/*фиксированная ширина блоков*/
margin: 3px;
overflow: hidden;
border-radius: 32px 16px 32px 16px;
background: #F36;
}

Строка кода:
{% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
означает что товары будут выводится таблицей по четыре колонки

#3 weblomaster

weblomaster

    Пользователь

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

Отправлено 08 Январь 2013 - 14:46

Просмотр сообщенияmiyako (08 Январь 2013 - 09:48) писал:

В файле main.csstemplate найдите код:
.goodsListItemBlock {
height: 200px;
margin: 3px;
overflow: hidden;
border-radius: 32px 16px 32px 16px;
background: #F36;
}
И замените на следующий:
.goodsListItemBlock {
height: 200px;
width:155px;/*фиксированная ширина блоков*/
margin: 3px;
overflow: hidden;
border-radius: 32px 16px 32px 16px;
background: #F36;
}

Строка кода:
{% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
означает что товары будут выводится таблицей по четыре колонки

Спасибо большое, сто раз рядом был и не заметил ! )

Просмотр сообщенияmiyako (08 Январь 2013 - 09:48) писал:

Строка кода:
{% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
означает что товары будут выводится таблицей по четыре колонки
- Этот параметр я так и не понял за что отвечает, нигде не увидел изменений,  пока что :)..

Полазил в основном файле HTML. Может кому тоже пригодится:

{% IFNOT index_page_new_goods.last %}{index_page_new_goods.index | is_divided("5","</tr><tr>","")}{% ENDIF %}
   -  число колонок на главной странице в категории "новинки".

{% IFNOT index_page_favorites_goods.last %}{index_page_favorites_goods.index | is_divided("5","</tr><tr>","")}{% ENDIF %}
   -  число колонок на главной странице в категории "хиты продаж".

{% IFNOT index_page_goods.last %}{index_page_goods.index | is_divided("5","</tr><tr>","")}{% ENDIF %}
  -  число колонок на главной странице в категории "интересные предложения".

#4 weblomaster

weblomaster

    Пользователь

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

Отправлено 08 Январь 2013 - 15:23

Еще  один вопросик. Не могу выровнять колонки акций. Экспериментально установил оптимальную ширину блоков в 180 пикселей. При просмотре каталога товаров, внутри категории все отображается ровно. А на главной странице все акции сдвинуты вправо,  и  на глаз видно что между блоками с товарами расстояние больше чем  3 пикселя
margin:3px;
:unsure:

Приложил кусочек скриншота (кружками отметил разницу в смещении).  Можно посмотреть в живую на главной и в товарах.

Изображение

#5 Koderhan

Koderhan

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

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

Отправлено 09 Январь 2013 - 14:21

Просмотр сообщенияweblomaster (08 Январь 2013 - 15:23) писал:

Еще  один вопросик. Не могу выровнять колонки акций. Экспериментально установил оптимальную ширину блоков в 180 пикселей. При просмотре каталога товаров, внутри категории все отображается ровно. А на главной странице все акции сдвинуты вправо,  и  на глаз видно что между блоками с товарами расстояние больше чем  3 пикселя
margin:3px;
:unsure:

Приложил кусочек скриншота (кружками отметил разницу в смещении).  Можно посмотреть в живую на главной и в товарах.



В файле main.csstemplate.
Найти код:
#contentMainTb {width: 960px;margin:0px 5px;border-collapse: collapse;border-spacing: 0;}										/* контент - лучше не трогать ! */
Заменить:
#contentMainTb {width: 960px;margin: 2px 2px;border-collapse: collapse;border-spacing: 0;}										/* контент - лучше не трогать ! */


#6 weblomaster

weblomaster

    Пользователь

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

Отправлено 09 Январь 2013 - 18:38

Просмотр сообщенияKoderhan (09 Январь 2013 - 14:21) писал:

В файле main.csstemplate.
Найти код:
#contentMainTb {width: 960px;margin:0px 5px;border-collapse: collapse;border-spacing: 0;}									 /* контент - лучше не трогать ! */
Заменить:
#contentMainTb {width: 960px;margin: 2px 2px;border-collapse: collapse;border-spacing: 0;}									 /* контент - лучше не трогать ! */

Акции выравниваются, а категории товаров , сами товары в категориях и слайдер в сторону выравнивания сносить начинает. Одно лечит другое калечит. Неужели я в самом начале что-то испортил ?

#7 Koderhan

Koderhan

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

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

Отправлено 09 Январь 2013 - 19:37

Просмотр сообщенияweblomaster (09 Январь 2013 - 18:38) писал:

Акции выравниваются, а категории товаров , сами товары в категориях и слайдер в сторону выравнивания сносить начинает. Одно лечит другое калечит. Неужели я в самом начале что-то испортил ?
Попробуйте заменить код в файле main.csstemplate.
Найти код:
.goodsListItemBlock				 {height:200px;width:180px;/*фиксированная ширина блоков*/margin:3px;overflow:hidden;border-radius: 0px 16px 0px 16px;background:#f36;} /* рамка, заливка */
Заменить:
.goodsListItemBlock {
height:200px;
margin:3px;
overflow:hidden;
border-radius: 0px 16px 0px 16px;
background:#f36;
} /* рамка, заливка */


#8 weblomaster

weblomaster

    Пользователь

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

Отправлено 09 Январь 2013 - 21:38

Просмотр сообщенияKoderhan (09 Январь 2013 - 19:37) писал:

Попробуйте заменить код в файле main.csstemplate.
Найти код:
.goodsListItemBlock				 {height:200px;width:180px;/*фиксированная ширина блоков*/margin:3px;overflow:hidden;border-radius: 0px 16px 0px 16px;background:#f36;} /* рамка, заливка */
Заменить:
.goodsListItemBlock {
height:200px;
margin:3px;
overflow:hidden;
border-radius: 0px 16px 0px 16px;
background:#f36;
} /* рамка, заливка */

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

#9 Koderhan

Koderhan

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

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

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

Просмотр сообщенияweblomaster (09 Январь 2013 - 21:38) писал:

не помогает, у меня изначально вроде так было,  потом miyako посоветовала добавить ширину  width:столько-то px.
Попробуйте воспользоваться следующим кодом:
.goodsListItemBlock {
height:200px;
width:100%;
margin:3px;
overflow:hidden;
border-radius: 0px 16px 0px 16px;
background:#f36;
} /* рамка, заливка */


#10 weblomaster

weblomaster

    Пользователь

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

Отправлено 11 Январь 2013 - 22:18

Просмотр сообщенияKoderhan (10 Январь 2013 - 06:56) писал:

Попробуйте воспользоваться следующим кодом:
.goodsListItemBlock {
height:200px;
width:100%;
margin:3px;
overflow:hidden;
border-radius: 0px 16px 0px 16px;
background:#f36;
} /* рамка, заливка */

Так еще больше сносит вправо :(

#11 Vaccina

Vaccina

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

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

Отправлено 11 Январь 2013 - 22:44

Попробуйте в файле стилей найти

.goodsListItem {
	overflow: hidden;
	padding: 0;
	text-align: center;
	vertical-align: top;
	width: 200px;
}

и заменить на

.goodsListItem {
	overflow: hidden;
	padding: 0;
	text-align: center;
	vertical-align: top;
	width: 190px;
}


#12 weblomaster

weblomaster

    Пользователь

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

Отправлено 12 Январь 2013 - 00:14

Просмотр сообщенияVaccina (11 Январь 2013 - 22:44) писал:

Попробуйте в файле стилей найти

.goodsListItem {
overflow: hidden;
padding: 0;
text-align: center;
vertical-align: top;
width: 200px;
}

и заменить на

.goodsListItem {
overflow: hidden;
padding: 0;
text-align: center;
vertical-align: top;
width: 190px;
}

Получилось ! Спасибо !

Будет мне уроком :rolleyes:





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

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

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