0
Как Сделать Отображение Категорий Товаров По 3 Штуки В Ряд И Крупнее?
Автор
Гость_Наталья C._*
, 21 дек. 2012 19:06
Сообщений в теме: 7
#1 Гость_Наталья C._*
Отправлено 21 Декабрь 2012 - 19:06
Добрый вечер!
У меня сайт http://радуйсебя.рф
Хотелось бы при нажатии на кнопку "Каталог товаров" в верхнем горизонтальном меню выходили категории товаров не по 4 в ряд, как сейчас (принтскрин во вложении), а по 3 и были бы крупнее, занимая все место.
Пример http://puncherstore.ru/page/brands. При нажатии на кнопку "Бренды" выходят категории товаров по 3 в ряд.
Спасибо за помощь!
Наталья
У меня сайт http://радуйсебя.рф
Хотелось бы при нажатии на кнопку "Каталог товаров" в верхнем горизонтальном меню выходили категории товаров не по 4 в ряд, как сейчас (принтскрин во вложении), а по 3 и были бы крупнее, занимая все место.
Пример http://puncherstore.ru/page/brands. При нажатии на кнопку "Бренды" выходят категории товаров по 3 в ряд.
Спасибо за помощь!
Наталья
#2
Отправлено 22 Декабрь 2012 - 04:34
Вам необходимо в файле стилей main.css раздела редактора тем - найти
и заменить на
По сути в данном классе необходимо изменить свойства width и height для задания необходимой ширины и высоты. После данных изменений вам необходимо в разделе Настройки -> Основные увеличить размеры изображений для категорий.
.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._*
Отправлено 22 Декабрь 2012 - 21:20
Vaccina (22 Декабрь 2012 - 04:34) писал:
Вам необходимо в файле стилей main.css раздела редактора тем - найти
и заменить на
По сути в данном классе необходимо изменить свойства width и height для задания необходимой ширины и высоты. После данных изменений вам необходимо в разделе Настройки -> Основные увеличить размеры изображений для категорий.
.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._*
Отправлено 22 Декабрь 2012 - 22:18
Наталья C. (22 Декабрь 2012 - 21:20) писал:
К сожалению, у меня нет такого блока.
Я скопировала все в файл.
Посмотрите, пожалуйста, вложение.
Жду ваш ответ! Наталья
Я скопировала все в файл.
Посмотрите, пожалуйста, вложение.
Жду ваш ответ! Наталья
И если Вас не затруднит, исправьте, пожалуйста, сразу в файле.
Я бы сразу вставила на сайт )) А то боюсь все испортить....
И еще мне не до конца понятно, на какие именно размеры мне надо изменить размеры изображений для категорий?
У меня сейчас 100*20.
Спасибо!
#5
Отправлено 23 Декабрь 2012 - 09:03
Наталья C. (22 Декабрь 2012 - 22:18) писал:
И если Вас не затруднит, исправьте, пожалуйста, сразу в файле.
Я бы сразу вставила на сайт )) А то боюсь все испортить....
И еще мне не до конца понятно, на какие именно размеры мне надо изменить размеры изображений для категорий?
У меня сейчас 100*20.
Спасибо!
Я бы сразу вставила на сайт )) А то боюсь все испортить....
И еще мне не до конца понятно, на какие именно размеры мне надо изменить размеры изображений для категорий?
У меня сейчас 100*20.
Спасибо!
Размеры изображений для категорий настройте в панели управления магазином в разделе Настройки > Основные > Изображения категорий (вам нужно увеличить максимальный размер)
Прикрепленные файлы
#6 Гость_Наталья C._*
#7
Отправлено 24 Декабрь 2012 - 08:31
Наталья C. (23 Декабрь 2012 - 11:30) писал:
Спасибо вам за файл.
Вставила его в main.csstemplate.
Но ничего не изменилось после увеличения размеров в отображении категорий товаров.
Принтскрины во вложении.
Поможете? Спасибо заранее!
Наталья
Вставила его в main.csstemplate.
Но ничего не изменилось после увеличения размеров в отображении категорий товаров.
Принтскрины во вложении.
Поможете? Спасибо заранее!
Наталья
Добавить код:
.content_catalog_nested_categories .imagem a img { width: 10em; height: 8em; }Изменятся размеры изображений.
Если у вас изначально загруженные изображения были большого размера чем сейчас на сайте то вы можете чуть увеличить размеры изображений в "Настройки-> Основные".
http://auth.storelan...ettings_general
#8 Гость_Наталья C._*
Отправлено 25 Декабрь 2012 - 10:00
Koderhan (24 Декабрь 2012 - 08:31) писал:
В файл main.csstemplate.
Добавить код:
ScreenShot 280.jpg
Если у вас изначально загруженные изображения были большого размера чем сейчас на сайте то вы можете чуть увеличить размеры изображений в "Настройки-> Основные".
http://auth.storelan...ettings_general
Добавить код:
.content_catalog_nested_categories .imagem a img { width: 10em; height: 8em; }Изменятся размеры изображений.
ScreenShot 280.jpg
Если у вас изначально загруженные изображения были большого размера чем сейчас на сайте то вы можете чуть увеличить размеры изображений в "Настройки-> Основные".
http://auth.storelan...ettings_general
Спасибо огромное! У меня все получилось!
Наталья
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных