1.在theme.scss.liquid末尾空白处加上
@media screen and (min-width:1000px){
.chicv-mobile-search{display:none}
}
2.在header.liquid页面中 schema前面加上
<script src="https://cdn.bootcss.com/jquery/1.11.1-beta1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(document).on('click', '.chicv-mobile-search', function(){ $("#chcv-search-id .Text--subdued")[0].click(); })
})
</script>
image
3.然后在header.liquid搜索/cart,注意与下图对照位置
然后添加
<img class="chicv-mobile-search" src="https://cdn.shopify.com/s/files/1/1998/7053/files/07ba29b4372524f89bd3b060ad8b129f.png?589" style="width:20px;height:20px;vertical-align:middle; position: absolute;
vertical-align: middle;
right: 46px;">
image
4.然后在sidebar-menu.liquid搜索/search,在如下图所示加上 id="chcv-search-id"
image
