Обтекаемая левая и правая колонка в категориях Opencart 3

[andreubekish]

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

ВОПРОС: как сделать так, что бы когда в левой колонке заканчивается контент, больше не шло пустое пространство, а товар опять переходил на фул экран?
Может уже где то есть решение, просто не знаю даже как сформулировать, это что то должно быть связано с обтеканием див?

[3DO]

1 час назад, andreubekish сказал:

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

ВОПРОС: как сделать так, что бы когда в левой колонке заканчивается контент, больше не шло пустое пространство, а товар опять переходил на фул экран?
Может уже где то есть решение, просто не знаю даже как сформулировать, это что то должно быть связано с обтеканием див?

 

Вы для начала ссылку укажите.

Змінено 14 грудня 2021 користувачем 3DO

[Prooksius]

а вы проще сделайте. Вы левую колонку сделайте position: sticky - липкую кверху.
потому что то, что вы спрашиваете, не так-то просто реализовать. Ну во всяком случае, дефолтный шаблон надо полностью переделать в этом месте.

[andreubekish]

2 часа назад, 3DO сказал:

 

Вы для начала ссылку укажите.

Я использую стандартный шаблон, вот ссылка

http://test.filo-sushi.by/index.php?route=product/category&path=20

2 часа назад, Prooksius сказал:

а вы проще сделайте. Вы левую колонку сделайте position: sticky - липкую кверху.
потому что то, что вы спрашиваете, не так-то просто реализовать. Ну во всяком случае, дефолтный шаблон надо полностью переделать в этом месте.

Она и так липнет к верху, просто потом все расстояние пустое, пока по центру товар идет. 

[andreubekish]

Все оказалось просто.

В product/category.twig переносим  {{ column_left }} в линию с товара
ставим    что бы при появлении левой колонки занимала 12 из 12 части экрана

    {% if column_left and column_right %}
    {% set class = 'col-sm-6' %}
    {% elseif column_left or column_right %}
    {% set class = 'col-sm-12' %}
    {% else %}
    {% set class = 'col-sm-12' %}
    {% endif %}
в common/ column_left ставим эти классы
{% if modules %}
<aside id="column-left" class="hidden-xs product-grid col-lg-4 col-md-4 col-sm-6">
  {% for module in modules %}
  {{ module }}
  {% endfor %}
</aside>
{% endif %}
и вуаля, все работает) всем спасибо)

[Prooksius]

ну это если в column-left не выведется чего-то большого и высокого и будет некрасиво.
Но тоже решение, да.