移动端商品显示问题

[a770177666]

当前展示问题：
在移动端（手机端）访问商品列表页时，当前布局为垂直单列显示（如图所示）：
页面空间利用率较低；
部分商品主图显示不完全的情况。

期望优化效果：
希望将移动端商品列表的布局，调整为两列并排显示（参考下图的展示形式），优化后可提升页面空间利用率，同时确保商品信息完整展示，也能让用户更高效地浏览商品。

[ruibaby]

感谢反馈，后续会针对主题模板进行一些样式优化，也会提供一些专用的商店模板，短期内你可以考虑自行注入样式，比如：

<style>
@media (width <= 768px) {
    .shop-product-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: var(--shop-spacing-sm) !important;
    }
}
</style>