【shopify】Frequently-Bought-Together插件手机端样式修改

Frequently Bought Together自带样式:
image.png
Frequently Bought Together 调整后样式:
image.png
  • 然后打开shopify后台 -- 依次点击 Online Store -- Actions -- Edit Code -- 搜索并打开theme.scss.liquid,将目标代码复制粘贴在该文件最底部即可:

目标代码:

@include av-mq('phone') {
  ._Msite_Display{
    display:block !important;
  }
  ._Pc_Display{
    display:none !important;
  }
  .cbb-frequently-bought-selector-list .translatable{
    min-width: 300px;
    display: inline-block !important;
  }

.cbb-frequently-bought-selector-link{
    min-width: 300px;
    display: inline-block !important;
  }
.cbb-frequently-bought-selector-link .cbb-frequently-bought-selector-label-name{
    margin-laft: 0 !important;
    position:relative;
    left:5px;
  }
  .cbb-frequently-bought-title{
     text-align: center !important;
  }
}
.cbb-frequently-bought-selector-label-name{
  font-weight: normal !important;
}

操作中遇到困难请联系技术部同事。(我相信你自己可以的)
有任何意见建议请联系技术部同事。(可能不会采纳哦)
😊

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容