วิธีการแก้ไข Joomla Phoca Cart Component ให้แสดงผลตอนดูผ่านมือถือ จากปกติ 1 Column เป็นการแสดงผล 2 Column
ทำการแก้ไข File Style.php ตาม Path ด้านล่าง
administrator/components/com_phocacart/libraries/phocacart/render/style.php
Change:
$s['c']['col.xs12.sm3.md3'] = 'col-sm-12 col-md-3 col-lg-3 col-xl-3';
To:
$s['c']['col.xs12.sm3.md3'] = 'col-sm-6 col-md-3 col-lg-3 col-xl-3';
Add Custom CSS for Mobile Phone Media Screen in Template
@media (max-width: 576px){.ph-row-flex.grid {display: flex;}.ph-row-flex.grid .row-item {width: 50%;}}
Reference: Two columns on mobile devices
Phoca Cart เป็น Free Joomla Component ที่มีฟังก์ชั่นการทำงานมากมาย ที่สามารถทำการ ติดตั้งใช้งานได้ทันที