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


Изменить Размер Товаров


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

#1 automega

automega

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

  • Пользователи
  • PipPipPip
  • 55 сообщений
  • ГородСамара

Отправлено 21 Март 2017 - 00:05

Добрый день, вот мой магазин hhtp://авто-мега.рф , как только заходишь там появляются товары на главной, новинки, хиты продаж. В чем собственно проблема: В каждой из категорий отображается сразу только 6 товаров, остальные отображаются только после нажатия кнопки показать еще. Как сделать так, чтобы сразу отображалось товаров например 15, а они имели размер раза в 2 меньше, чем сейчас. Например, чтобы в одну строку помещалось не три товара, а сразу товаров 6. Такая-же проблема собственно и с отображением в каталогах, например заходим в категорию "Аксессуары" http://авто-мега.рф/...essuary-tyuning . Видим, что название категорий занимают много места, товары тоже занимают много места, как уменьшить размер в 2 раза и для названия категорий и для самих товаров?

#2 automega

automega

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

  • Пользователи
  • PipPipPip
  • 55 сообщений
  • ГородСамара

Отправлено 21 Март 2017 - 00:18

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

#3 Vaccina

Vaccina

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

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

Отправлено 21 Март 2017 - 05:51

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

На данный момент на главной странице не отображаются товары из раздела новинки и хиты продаж, если проблема актуальна, то добавьте их пожалуйста, чтобы на их основе мы могли написать вам инструкцию.
На счет товаров и категорий в каталоге, зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
<div class="categories row {% IF index_page %}index{% ENDIF %}">
	{% FOR nested_categories_list %}
	  <div class="item {% IF index_page %}col-md-3 col-sm-4 col-sms-6 col-smb-12{% ELSE %}col-sm-4 col-sms-6 col-smb-12{% ENDIF %}">
 

замените на:
<div class="categories row {% IF index_page %}index{% ENDIF %}">
	{% FOR nested_categories_list %}
	  <div class="item {% IF index_page %}col-md-2 col-sm-4 col-sms-6 col-smb-12{% ELSE %}col-sm-2 col-sms-6 col-smb-12{% ENDIF %}">
 

Далее найдите:
<!-- Вывод товаров ТАБЛИЦЕЙ -->
		<div class="products-grid row">
		  {% FOR goods %}
			<div class="item col-sm-4 col-sms-6 col-smb-12">

замените на:
<!-- Вывод товаров ТАБЛИЦЕЙ -->
    <div class="products-grid row">
  {% FOR goods %}
    <div class="item col-sm-3 col-sms-6 col-smb-12">

На счет меню, зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#custommenu ul.menunav li > a {
	display: block;
	padding: 10px 15px;
	color: #696c79;
	line-height: 30px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
	position: relative;
	border-bottom: 2px solid transparent;
}

замените на:
#custommenu ul.menunav li > a {
	display: block;
	padding: 10px 7px;
	color: #696c79;
	line-height: 30px;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 700;
	position: relative;
	border-bottom: 2px solid transparent;
}


#4 automega

automega

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

  • Пользователи
  • PipPipPip
  • 55 сообщений
  • ГородСамара

Отправлено 21 Март 2017 - 16:14

Спасибо, с меню в шапке почему то не помогло, сделал как сказали, ничего не изменилось. Еще пару моментов помогите пожалуйста:
1)Изменить размер товаров на главной, хитов, новинок
2)Уменьшить шрифт при выводе товаров хотябы в полтора раза, не найду где это. И при выводе категорий шрифт хотябы на 10% уменьшить.
Буду очень благодарен.

Еще хотел узнать, когда я перехожу на главную http://авто-мега.рф , у меня сначала в главном блоке отображаются новинки хиты, лишь потом ниже их отображаются категории товаров. Хотелось бы, чтобы сначала отображались категории, только лишь потом отображались новинки и т.д.

#5 metry

metry

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

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

Отправлено 21 Март 2017 - 19:49

Добрый вечер. Для внесения изменений зайдите в  Редактор шаблона-->HTML и

найдите:

<div class="pdt-content {% IF index_page_goods_empty=1 %}tab-content-actived{% ENDIF %} pdt-new">
<div class="pdt-list products-grid">
{% FOR index_page_new_goods %}
<div class="item col-sm-4 col-sms-6 col-smb-12 effect-bounceIn">

замените на:

<div class="pdt-content {% IF index_page_goods_empty=1 %}tab-content-actived{% ENDIF %} pdt-new">
<div class="pdt-list products-grid">
{% FOR index_page_new_goods %}
<div class="item col-sm-3 col-sms-6 col-smb-12 effect-bounceIn">



далее найдите код:

<div class="pdt-content tab-content-actived pdt-sale">
<div class="pdt-list products-grid">
{% FOR index_page_goods %}
<div class="item col-sm-4 col-sms-6 col-smb-12 effect-bounceIn">

замените на:

<div class="pdt-content tab-content-actived pdt-sale">
<div class="pdt-list products-grid">
{% FOR index_page_goods %}
<div class="item col-sm-3 col-sms-6 col-smb-12 effect-bounceIn">



далее найдите код:

<div class="pdt-content tab-content-actived pdt-sale">
<div class="pdt-list products-grid">
{% FOR index_page_goods %}
<div class="item col-sm-4 col-sms-6 col-smb-12 effect-bounceIn">

замените на:

<div class="pdt-content tab-content-actived pdt-sale">
<div class="pdt-list products-grid">
{% FOR index_page_goods %}
<div class="item col-sm-3 col-sms-6 col-smb-12 effect-bounceIn">

2. Для изменения размера шрифта зайдите в Редактор шаблонов-->main.css

найдите:

.categories .item .title {font-size: 16px;float: left;width: 100%;max-width: 260px;max-height: 40px;text-align: center;color: #fff;font-weight: 600;padding: 10px;background-color: #333744;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


замените на:

.categories .item .title {font-size: 14px;float: left;width: 100%;max-width: 260px;max-height: 40px;text-align: center;color: #fff;font-weight: 600;padding: 10px;background-color: #333744;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


найдите:

.products-grid .item .item-inner .product-name a {font-size: 16px;font-weight: 600;height: 22px;line-height: 22px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

замените на:
.products-grid .item .item-inner .product-name a {font-size: 14px;font-weight: 600;height: 22px;line-height: 22px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}



#6 automega

automega

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

  • Пользователи
  • PipPipPip
  • 55 сообщений
  • ГородСамара

Отправлено 21 Март 2017 - 22:53

Спасибо большое, по ходу со всем остальным тоже разобрался, всё исправил.




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

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