Issue: mobile page version testing

[Slava]

Hello
Joomla ‎6.0.2/Phoca Cart 6.1.0Beta9/Premiere6.1.3

Pagination causes an issue on category pages with a large number of products; there are no problems in smaller categories.
Problem pages aren’t optimized for mobile — horizontal scrolling makes content not fit the screen, causing inconvenience.

Example of a page not optimized for mobile devices due to the reasons mentioned above.

Code: Select all

remove the space in the domain extension 
https://phoca.plitka-smolensk.r u/catalog/categories/items?c=2-ceramic-tile&s[gruppa]=gres

Example of a mobile‑friendly page meeting the specified criterion.

Code: Select all

remove the space in the domain extension https://phoca.plitka-smolensk.r u/catalog/categories/items?c=2-ceramic-tile&s[gruppa]=gres,mozaika&s[tsvet]=seryj

Please let me know how I can resolve this issue.

[Slava]

Solution found — no impact on UX, mobile issues fixed.
Remove scroll buttons and navigation to first/last page.
1. Create a folder at the path: your_site/templates/phoca_premiere/html/layouts/joomla/pagination
2. Create a file list.php with the following content.

Code: Select all

<?php
/**
 * @package     Joomla.Site
 * @subpackage  Layout
 *
 * @copyright   Copyright (C) 2005 - 2019 Open Source Matters, Inc. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */

defined('JPATH_BASE') or die;

use Joomla\CMS\Language\Text;

$list = $displayData['list'];

?>
<nav role="navigation" aria-label="<?php echo Text::_('JLIB_HTML_PAGINATION'); ?>">
	<ul class="pagination">
		<?php foreach ($list['pages'] as $page) : ?>
			<?php echo $page['data']; ?>
		<?php endforeach; ?>
	</ul>
</nav>

3. Upload the list.php file to the folder: your_site/templates/phoca_premiere/html/layouts/joomla/pagination.

Product list pages in categories are now mobile‑friendly regardless of the number of items. Additionally, the mobile version of Joomla category blog material pages has been improved.

[Jan]

Ok, thank you for the info.

Jan