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


Как Увеличить Картинки Категорий


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

#1 prukon

prukon

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 12 Февраль 2012 - 12:09

как увеличить ширину, высоту картинки и текста категорий товара?
ыыы.jpg

#2 Vaccina

Vaccina

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

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

Отправлено 13 Февраль 2012 - 20:24

Изменить размеры изображений товара или категорий вы можете в разделе Настройки -> Основные.

#3 Oldien

Oldien

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

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

Отправлено 11 Август 2014 - 22:00

Здравствуйте
Подскажите у меня сейчас показывается 4 товара в ряд. Как это дело все увеличить чтобы показывалось все крупнее по 3 шт в ряд

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

  • getImage1.jpg


#4 daria_dnk

daria_dnk

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

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

Отправлено 11 Август 2014 - 22:07

Просмотр сообщенияOldien (11 Август 2014 - 22:00) писал:

Здравствуйте
Подскажите у меня сейчас показывается 4 товара в ряд. Как это дело все увеличить чтобы показывалось все крупнее по 3 шт в ряд
Здравствуйте! Найдите в шаблоне Товары код
		   {% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
замените его на
		  {% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}


#5 Oldien

Oldien

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

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

Отправлено 12 Август 2014 - 11:18

сделал как вы сказали но ничего не изменилось. Стал только по 3 товара в ряд, а нужно чтобы они увеличились. 4 товара размещались во всю ширину страницы. Нужно чтобы просто было крупнее.

И чтобы не только так было в основном каталоге, а так же и на главной странице.

Скрин страницы

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

  • getImage1.jpg


#6 Danil

Danil

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

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

Отправлено 12 Август 2014 - 11:39

Просмотр сообщенияOldien (12 Август 2014 - 11:18) писал:

сделал как вы сказали но ничего не изменилось. Стал только по 3 товара в ряд, а нужно чтобы они увеличились. 4 товара размещались во всю ширину страницы. Нужно чтобы просто было крупнее.

И чтобы не только так было в основном каталоге, а так же и на главной странице.

Скрин страницы

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

Произведите изменения указанные в сообщении 4.
После в шаблоне html найдите все строки
is_divided("4","</tr><tr>","")

И замените 4 на 3

Далее найдите в main.css код
.goodsListItem {
text-align: center;
vertical-align: top;
width: 200px;
overflow: hidden;
padding: 0px;
}

И замените на

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


#7 Oldien

Oldien

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

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

Отправлено 12 Август 2014 - 12:11

У меня нет такого кода
Есть
.goodsListItem p {
    margin: 0;
    height: 45px;
    overflow: hidden;
}
  .goodsListItem p {
        margin: 0;
        height: 75px;
        overflow: hidden;
У меня что-то менялось, выравнивали текст относительно друг друга

#8 Danil

Danil

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

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

Отправлено 12 Август 2014 - 12:15

Просмотр сообщенияOldien (12 Август 2014 - 12:11) писал:

У меня нет такого кода
Есть
.goodsListItem p {
margin: 0;
height: 45px;
overflow: hidden;
}
  .goodsListItem p {
margin: 0;
height: 75px;
overflow: hidden;
У меня что-то менялось, выравнивали текст относительно друг друга

Код находиться на 482 строке
.goodsListItem					 {text-align:center;vertical-align:top;width:200px;overflow:hidden;padding:0px;}
Замените его на
.goodsListItem					 {text-align:center;vertical-align:top;width:255px;overflow:hidden;padding:0px;}


#9 Oldien

Oldien

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

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

Отправлено 12 Август 2014 - 12:21

Да, все нашлось, спасибо. А подскажите как то можо кроме увеличения самого окна менять там размер картинки и шрифта?

#10 Danil

Danil

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

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

Отправлено 12 Август 2014 - 12:37

Просмотр сообщенияOldien (12 Август 2014 - 12:21) писал:

Да, все нашлось, спасибо. А подскажите как то можо кроме увеличения самого окна менять там размер картинки и шрифта?

Чтобы увеличить шрифт в main.css найдите код

.goodsListItemName a {
color: #2f97cb;
font-size: 15px;
line-height: 1.2em;
padding: 0px;
margin: 0px;
}
Значение
 font-size:15
измените на то которое Вам нужно

Чтобы увеличить картинку зайдите в раздел Настройки->Основные->Изображение категорий
И там измените значение 100 на то которое Вам нужно.

#11 Oldien

Oldien

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

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

Отправлено 12 Август 2014 - 20:54

Поставил шрифт 20, а изображение 120. Теперь название налазит на изображение, а где название 3 строчки, то 3 строчка почти не видна

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

  • getImage1.jpg


#12 Oldien

Oldien

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

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

Отправлено 12 Август 2014 - 21:26

1. 3 строчки заголовка входят
2. Размер рамки товара увеличился но название как наползало на фото так и осталось, хотя снизу места куча

Еще подскажите пожалуйста на какой платформе (базе) сделан сайт. Просят на яндекс маркете для подключения оплаты

#13 Danil

Danil

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

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

Отправлено 12 Август 2014 - 21:40

Просмотр сообщенияOldien (12 Август 2014 - 21:26) писал:

1. 3 строчки заголовка входят
2. Размер рамки товара увеличился но название как наползало на фото так и осталось, хотя снизу места куча

Еще подскажите пожалуйста на какой платформе (базе) сделан сайт. Просят на яндекс маркете для подключения оплаты

Найдите в main.css код
.goodsListItemBlock {
height: 362px;
margin: 5px;
overflow: hidden;
}
И замените его на
.goodsListItemBlock {
height: 322px;
margin: 5px;
overflow: hidden;
}

Там же найдите код
.goodsListItemName {
line-height: 1.2em;
padding: 0px 2px 0px 2px;
margin: 0px;
height: 4.6em;
overflow: hidden;
}
И замените на
.goodsListItemName {
line-height: 1.2em;
padding: 0px 2px 0px 2px;
margin-top: 20px;
height: 4.6em;
overflow: hidden;
}

Далее найдите код
.goodsListItem p {
margin: 0;
height: 75px;
overflow: hidden;
}
И замените на
.goodsListItem p {
margin-top: -20px;
height: 75px;
overflow: hidden;
}


#14 Oldien

Oldien

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

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

Отправлено 12 Август 2014 - 21:54

Спасибо, получилось.




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

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