2 Column Mobile View Phoca Cart

วิธีการแก้ไข 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 ที่มีฟังก์ชั่นการทำงานมากมาย ที่สามารถทำการ ติดตั้งใช้งานได้ทันที

Live Demo Site