How to fix Catalog Filter View in Mobile
Forum rules
Always add your Laravel, Aimeos and PHP version as well as your environment (Linux/Mac/Win)
Spam and unrelated posts will be removed immediately!
Always add your Laravel, Aimeos and PHP version as well as your environment (Linux/Mac/Win)
Spam and unrelated posts will be removed immediately!
How to fix Catalog Filter View in Mobile
Hi,
The catalog filter on a mobile device looks like this (width >= 370) :
How can I fix it to look like this :
I changed the code in
\ext\ai-client-html\client\html\templates\catalog\filter\body-standard.php
<div style="width:100%;">
<?= $this->block()->get( 'catalog/filter/search' ); ?>
</div>
<?= $this->block()->get( 'catalog/filter/tree' ); ?>
<?= $this->block()->get( 'catalog/filter/price' ); ?>
<?= $this->block()->get( 'catalog/filter/supplier' ); ?>
<?= $this->block()->get( 'catalog/filter/attribute' ); ?>
This does resolve the issue but changing the core is not recommended.
The catalog filter on a mobile device looks like this (width >= 370) :
How can I fix it to look like this :
I changed the code in
\ext\ai-client-html\client\html\templates\catalog\filter\body-standard.php
<div style="width:100%;">
<?= $this->block()->get( 'catalog/filter/search' ); ?>
</div>
<?= $this->block()->get( 'catalog/filter/tree' ); ?>
<?= $this->block()->get( 'catalog/filter/price' ); ?>
<?= $this->block()->get( 'catalog/filter/supplier' ); ?>
<?= $this->block()->get( 'catalog/filter/attribute' ); ?>
This does resolve the issue but changing the core is not recommended.
Re: How to fix Catalog Filter View in Mobile
Add your own CSS in the public/css/app.css file to fix it.
Alternatively, you can run
which includes the fix.
Alternatively, you can run
Code: Select all
composer req aimeos/ai-client-html:2020.10.x-dev
Professional support and custom implementation are available at Aimeos.com
If you like Aimeos, give us a star
If you like Aimeos, give us a star