Сообщений в теме: 5

[Smailer]

как увеличить отступ между категориями (то есть между картинками)

[RedHead]

Smailer (22 Февраль 2016 - 00:42) писал:

как увеличить отступ между категориями (то есть между картинками)

Здравствуйте. В шаблоне main.css замените строку:

#column-left + #content .prod_hold  {margin:0 6px 20px 6px;}

на:

#column-left + #content .prod_hold  {margin:0 12px 20px 12px;}

Увеличивайте, или уменьшайте измененные числовые значения. Но отступ между картинками изменится не только в каталоге, но и внутри категорий.

[Smailer]

RedHead (23 Февраль 2016 - 10:30) писал:

Здравствуйте. В шаблоне main.css замените строку:

#column-left + #content .prod_hold  {margin:0 6px 20px 6px;}

на:

#column-left + #content .prod_hold  {margin:0 12px 20px 12px;}

Увеличивайте, или уменьшайте измененные числовые значения. Но отступ между картинками изменится не только в каталоге, но и внутри категорий.

Вот в нутри если увеличиваться отступ будет между товарами не хорошо.
Можно же создать новый тег с индексом и указать параметры конкретно для этих изменений

[RedHead]

Smailer (23 Февраль 2016 - 12:49) писал:

Вот в нутри если увеличиваться отступ будет между товарами не хорошо.
Можно же создать новый тег с индексом и указать параметры конкретно для этих изменений

В шаблоне main.css замените строку:

#column-left + #content .prod_hold  {margin:0 6px 20px 6px;}

на:

#column-left + #content .prod_hold  {margin:0 25px 20px 25px;}
#column-left + #content .prod_hold_1  {margin:0 6px 20px 6px;}

и строку:

.prod_hold, .prod_hold_recent {*zoom: 1; display: inline-block;display: -moz-inline-stack;*display: inline;vertical-align: top;margin:0 7px 20px 8px;padding:5px;background-color:#ffffff;position:relative;text-align:center;border:1px solid #f5f5f5;z-index: 100;}

заменить на:

.prod_hold, .prod_hold_recent, .prod_hold_1 {*zoom: 1; display: inline-block;display: -moz-inline-stack;*display: inline;vertical-align: top;margin:0 7px 20px 8px;padding:5px;background-color:#ffffff;position:relative;text-align:center;border:1px solid #f5f5f5;z-index: 100;}

Затем в шаблоне ТОВАРЫ заменить строки:

{%IF CATEGORY_NAME=Молоко%}
	   
				 {% FOR goods %}
								 <div class="prod_hold">

на:

{%IF CATEGORY_NAME=Молоко%}
	   
				 {% FOR goods %}
								 <div class="prod_hold_1">

и строки:

{%ELSE%}
				 {% FOR goods %}
								 <div class="prod_hold">
																 <div>
																								 <div class="image goods-cat-image-medium-square">

заменить на:

{%ELSE%}
				 {% FOR goods %}
								 <div class="prod_hold_1">
																 <div>
																								 <div class="image goods-cat-image-medium-square">

[Smailer]

RedHead (23 Февраль 2016 - 18:03) писал:

В шаблоне main.css замените строку:

#column-left + #content .prod_hold {margin:0 6px 20px 6px;}

на:

#column-left + #content .prod_hold {margin:0 25px 20px 25px;}
#column-left + #content .prod_hold_1 {margin:0 6px 20px 6px;}

и строку:

.prod_hold, .prod_hold_recent {*zoom: 1; display: inline-block;display: -moz-inline-stack;*display: inline;vertical-align: top;margin:0 7px 20px 8px;padding:5px;background-color:#ffffff;position:relative;text-align:center;border:1px solid #f5f5f5;z-index: 100;}

заменить на:

.prod_hold, .prod_hold_recent, .prod_hold_1 {*zoom: 1; display: inline-block;display: -moz-inline-stack;*display: inline;vertical-align: top;margin:0 7px 20px 8px;padding:5px;background-color:#ffffff;position:relative;text-align:center;border:1px solid #f5f5f5;z-index: 100;}

Затем в шаблоне ТОВАРЫ заменить строки:

{%IF CATEGORY_NAME=Молоко%}
	
				 {% FOR goods %}
								 <div class="prod_hold">

на:

{%IF CATEGORY_NAME=Молоко%}
	
				 {% FOR goods %}
								 <div class="prod_hold_1">

и строки:

{%ELSE%}
				 {% FOR goods %}
								 <div class="prod_hold">
																 <div>
																								 <div class="image goods-cat-image-medium-square">

заменить на:

{%ELSE%}
				 {% FOR goods %}
								 <div class="prod_hold_1">
																 <div>
																								 <div class="image goods-cat-image-medium-square">

Единственное где стало хорошо этот тут:


в остальных местах вообще все сдвинулось
было хорошо


стало


также затронулся внутренний каталог
все очень сильно прижалось



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

[Vaccina]

В шаблоне Товары найдите:

<!-- В корне каталога товаров отобразим все корневые категории если они есть на сайте -->
{% IF IS_FULL_CATALOG && nested_categories_list_empty=0 || goods_empty=1 && nested_categories_list_empty=0 && goods_filters_empty=1 %}
  <!-- Блок навигации по категориям, вложенным в текущую категорию -->
  <div class="product-list2"><center>
		{% FOR nested_categories_list %}

замените на:

<!-- В корне каталога товаров отобразим все корневые категории если они есть на сайте -->
{% IF IS_FULL_CATALOG && nested_categories_list_empty=0 || goods_empty=1 && nested_categories_list_empty=0 && goods_filters_empty=1 %}
  <!-- Блок навигации по категориям, вложенным в текущую категорию -->
  <div class="product-list2 {% IF IS_FULL_CATALOG %}parent_cat{% ENDIF %}"><center>
		{% FOR nested_categories_list %}

Далее в main.css добавьте:

.parent_cat .prod_hold {
	margin: 10px 30px !important;
}

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