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

[grass]

Добрый день!
1) В каталоге товаров отображается 20-40-60...
при сортировке на 20 позиций по 3 в ряд, получается 6 строк + 2 товара + 1 свободное место, по 40 уже 2 свободных места, при 60 свободного места нету
Хотелось бы на это пустое место добавить кнопку иконку перехода на следующую страницу, если свободного места нету то на новую строку перевести кнопку
2) Отоброжать большее количество страниц для перехода, сей час это выглядит так <2.3.4> , необходимо по 5 предыдущих и следу.щих плюс текущая, всего 11 <1.2.3...6... 10.11>

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

• 

[grass]

ап

[Vaccina]

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

В разделе Настройки - Основные - Категории товаров - укажите число 21:



Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:

		<!-- Страницы -->
		<div class="pages">
		  <span class="label">Страницы:</span>
		  <ol>
			{% IF GOODS_PAGES_SHOW_FIRST %}
			<li class="first"><a href="{GOODS_PAGINATE_URL | url_amp}&page=1" title="Первая страница"><i class="icon-keyboard_arrow_left"></i></a></li>
			<li class="prev"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_PREVIOUS}" title="Предыдущая страница">{GOODS_PAGES_PREVIOUS}</a></li>
			{% ENDIF %}
			<li class="current"><span>{GOODS_PAGES_CURRENT}</span></li>
			{% IF GOODS_PAGES_SHOW_LAST %}
			<li class="next"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_NEXT}" title="Следующая страница">{GOODS_PAGES_NEXT}</a></li>
			<li class="last"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_LAST}" title="Последняя страница"><i class="icon-keyboard_arrow_right"></i></a></li>
			{% ENDIF %}
		  </ol>
		</div>
		<!-- /END Страницы -->

замените на:

		<!-- Страницы -->
		<div class="pages">
		  <span class="label">Страницы:</span>
		  <ol>
	  {% FOR goods_pages %}
		{% IF goods_pages.CURRENT %}
		  <li class="current"><span>{GOODS_PAGES_CURRENT}</span></li>
		{% ELSE %}
		<li class="next"><a href="{GOODS_PAGINATE_URL}&amp;page={goods_pages.PAGE}" title="Следующая страница">{goods_pages.PAGE}</a></li>
		{% ENDIF %}
	  {% ENDFOR %}
		  </ol>
		</div>
		<!-- /END Страницы -->

[grass]

Vaccina (07 Апрель 2022 - 08:54) писал:

Здравствуйте. В разделе Настройки - Основные - Категории товаров - укажите число 21: Screenshot(6).png Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:

Страницы:[list=1]
	{% IF GOODS_PAGES_SHOW_FIRST %}		[*][url="{GOODS_PAGINATE_URL%20|%20url_amp}&page={GOODS_PAGES_PREVIOUS}"]{GOODS_PAGES_PREVIOUS}[/url]
	{% ENDIF %}	[*]{GOODS_PAGES_CURRENT}
	{% IF GOODS_PAGES_SHOW_LAST %}	[*][url="{GOODS_PAGINATE_URL%20|%20url_amp}&page={GOODS_PAGES_NEXT}"]{GOODS_PAGES_NEXT}[/url]
		{% ENDIF %}
[/list]

замените на:

Страницы:[list=1]
	{% FOR goods_pages %} {% IF goods_pages.CURRENT %}	[*]{GOODS_PAGES_CURRENT}
	{% ELSE %}	[*][url="{GOODS_PAGINATE_URL}&page={goods_pages.PAGE}"]{goods_pages.PAGE}[/url]
	{% ENDIF %} {% ENDFOR %}
[/list]

Screenshot(7).png

Не совсем то что мне нужно
если выставить шаг 21 то будет 21-42-63 и пустые места всё равно будут + на мобильном где по 2 в ряд появится пустое место
идея в том что бы вместо 1 карточки товара была большая кнопка ДАЛЕЕ
Сделал стрелки в начало и конец но в коде пишет named entity expected. got non это надо поправить или не обращать внимания?)

<!-- Страницы -->
<div class="pages">
<span class="label">Страницы:</span>
<ol>
<li class="first"><a href="{GOODS_PAGINATE_URL | url_amp}&page=1" title="Первая страница"><i class="icon-keyboard_arrow_left"></i></a></li>
{% FOR goods_pages %}
{% IF goods_pages.CURRENT %}
<li class="current"><span>{GOODS_PAGES_CURRENT}</span></li>
{% ELSE %}
<li class="next"><a href="{GOODS_PAGINATE_URL}&amp;page={goods_pages.PAGE}" title="Следующая страница">{goods_pages.PAGE}</a></li>
{% ENDIF %}
{% ENDFOR %}
<li class="last"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_LAST}" title="Последняя страница"><i class="icon-keyboard_arrow_right"></i></a></li>
</ol>
</div>
<!-- /END Страницы -->

upd
на мобильно получилось криво (при узком экране) можно как то исправить?

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

• 

[Vaccina]

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

/* Страницы */
.pages {display: inline-block;position: relative;margin: 0px;text-align: right;}
.pages ol {display: inline-block;margin: 0;padding: 0;list-style: none;}

замените на:

/* Страницы */
.pages {display: inline-block;position: relative;margin: 0px;text-align: right;}
.pages ol {display: inline-block;margin: 0;padding: 0;list-style: none;white-space: nowrap;}

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

		{% ENDFOR %}
	  </div>
	  {% ELSE %}
	  <!-- Вывод товаров Списком -->
	  <div class="products-list">

    
замените на:

		{% ENDFOR %}
   	 <div class="item "><div class="item-inner"><div class="product-image"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_NEXT}"><i class="icon-circle-right" style="line-height: 400px;color: #80c52e;font-size: 200px;"></i></a></div></div></div>
	  </div>
	  {% ELSE %}
	  <!-- Вывод товаров Списком -->
	  <div class="products-list">

[grass]

Vaccina (12 Апрель 2022 - 06:09) писал:

замените на:

	 {% ENDFOR %}
	 <div class="item "><div class="item-inner"><div class="product-image"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_NEXT}"><i class="icon-circle-right" style="line-height: 400px;color: #80c52e;font-size: 200px;"></i></a></div></div></div>
	 </div>
	 {% ELSE %}
	 <!-- Вывод товаров Списком -->
	 <div class="products-list">

Screenshot(2).png

Спасибо!

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

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

• 

[stasia]

grass (12 Апрель 2022 - 12:24) писал:

Спасибо!

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

Здравствуйте. Зайдите в Редактор шаблонов --- main.css и найдите данный код:

@media all and (max-width: 481px) {
.col-smb-12 {width: 100%;}

И сразу после добавьте данный код:

.products-grid .item .item-inner i.icon-circle-right {font-size: 100px !important;}

[grass]

Спасибо! помогло