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


Как Сделать Отображение Категорий Товаров По 3 Штуки В Ряд И Крупнее?


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

#1 Гость_Наталья C._*

Гость_Наталья C._*
  • Гости

Отправлено 21 Декабрь 2012 - 19:06

Добрый вечер!
У меня сайт http://радуйсебя.рф
Хотелось бы при нажатии на кнопку "Каталог товаров" в верхнем горизонтальном меню выходили категории товаров не по 4 в ряд, как сейчас (принтскрин во вложении), а по 3 и были бы крупнее, занимая все место.
Пример http://puncherstore.ru/page/brands. При нажатии на кнопку "Бренды" выходят категории товаров по 3 в ряд.

Спасибо за помощь!
Наталья

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

  • Каталог товаров.jpg


#2 Vaccina

Vaccina

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

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

Отправлено 22 Декабрь 2012 - 04:34

Вам необходимо в файле стилей main.css раздела редактора тем - найти

.content_catalog_nested_categories li {
background: none repeat scroll 0 0 transparent !important;
float: left;
height: 135px;
list-style-type: none;
margin: 0;
overflow: hidden;
padding: 1em;
text-align: center;
width: 135px;
}

и заменить на

.content_catalog_nested_categories li {
background: none repeat scroll 0 0 transparent !important;
float: left;
height: 175px;
list-style-type: none;
margin: 0;
overflow: hidden;
padding: 1em;
text-align: center;
width: 200px;
}

По сути в данном классе необходимо изменить свойства width и height для задания необходимой ширины и высоты. После данных изменений вам необходимо в разделе Настройки -> Основные увеличить размеры изображений для категорий.

#3 Гость_Наталья C._*

Гость_Наталья C._*
  • Гости

Отправлено 22 Декабрь 2012 - 21:20

Просмотр сообщенияVaccina (22 Декабрь 2012 - 04:34) писал:

Вам необходимо в файле стилей main.css раздела редактора тем - найти

.content_catalog_nested_categories li {
background: none repeat scroll 0 0 transparent !important;
float: left;
height: 135px;
list-style-type: none;
margin: 0;
overflow: hidden;
padding: 1em;
text-align: center;
width: 135px;
}

и заменить на

.content_catalog_nested_categories li {
background: none repeat scroll 0 0 transparent !important;
float: left;
height: 175px;
list-style-type: none;
margin: 0;
overflow: hidden;
padding: 1em;
text-align: center;
width: 200px;
}

По сути в данном классе необходимо изменить свойства width и height для задания необходимой ширины и высоты. После данных изменений вам необходимо в разделе Настройки -> Основные увеличить размеры изображений для категорий.

К сожалению, у меня нет такого блока.
Я скопировала все в файл.
Посмотрите, пожалуйста, вложение.
Жду ваш ответ! Наталья

Прикрепленные файлы



#4 Гость_Наталья C._*

Гость_Наталья C._*
  • Гости

Отправлено 22 Декабрь 2012 - 22:18

Просмотр сообщенияНаталья C. (22 Декабрь 2012 - 21:20) писал:

К сожалению, у меня нет такого блока.
Я скопировала все в файл.
Посмотрите, пожалуйста, вложение.
Жду ваш ответ! Наталья



И если Вас не затруднит, исправьте, пожалуйста, сразу в файле.
Я бы сразу вставила на сайт )) А то боюсь все испортить....

И еще мне не до конца понятно, на какие именно размеры мне надо изменить размеры изображений для категорий?

У меня сейчас 100*20.

Спасибо!

#5 miyako

miyako

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

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

Отправлено 23 Декабрь 2012 - 09:03

Просмотр сообщенияНаталья C. (22 Декабрь 2012 - 22:18) писал:

И если Вас не затруднит, исправьте, пожалуйста, сразу в файле.
Я бы сразу вставила на сайт )) А то боюсь все испортить....

И еще мне не до конца понятно, на какие именно размеры мне надо изменить размеры изображений для категорий?

У меня сейчас 100*20.

Спасибо!

Размеры изображений для категорий настройте в панели управления магазином в разделе Настройки > Основные > Изображения категорий (вам нужно увеличить максимальный размер)

Прикрепленные файлы



#6 Гость_Наталья C._*

Гость_Наталья C._*
  • Гости

Отправлено 23 Декабрь 2012 - 11:30

Спасибо вам за файл.
Вставила его в main.csstemplate.
Но ничего не изменилось после увеличения размеров в отображении категорий товаров.

Принтскрины во вложении.

Поможете? Спасибо заранее!

Наталья

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

  • Изображение категорий.jpg
  • осталось как было.jpg


#7 Koderhan

Koderhan

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

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

Отправлено 24 Декабрь 2012 - 08:31

Просмотр сообщенияНаталья C. (23 Декабрь 2012 - 11:30) писал:

Спасибо вам за файл.
Вставила его в main.csstemplate.
Но ничего не изменилось после увеличения размеров в отображении категорий товаров.

Принтскрины во вложении.

Поможете? Спасибо заранее!

Наталья
В файл main.csstemplate.
Добавить код:
.content_catalog_nested_categories .imagem a img {
width: 10em;
height: 8em;
}
Изменятся размеры изображений.
ScreenShot 280.jpg
Если у вас изначально загруженные изображения были большого размера чем сейчас на сайте то вы можете чуть увеличить размеры изображений в "Настройки->  Основные".
http://auth.storelan...ettings_general

#8 Гость_Наталья C._*

Гость_Наталья C._*
  • Гости

Отправлено 25 Декабрь 2012 - 10:00

Просмотр сообщенияKoderhan (24 Декабрь 2012 - 08:31) писал:

В файл main.csstemplate.
Добавить код:
.content_catalog_nested_categories .imagem a img {
width: 10em;
height: 8em;
}
Изменятся размеры изображений.
Прикрепленный файл ScreenShot 280.jpg
Если у вас изначально загруженные изображения были большого размера чем сейчас на сайте то вы можете чуть увеличить размеры изображений в "Настройки->  Основные".
http://auth.storelan...ettings_general

Спасибо огромное! У меня все получилось!
Наталья




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

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