shopify官方主题排名第1转化率最高免费主题Brooklyn配置及优化
<div style="color: black; text-align: left; margin-bottom: 10px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">哎呀累死了这周一<span style="color: black;">起始</span>上传了3天<span style="color: black;">制品</span><span style="color: black;">最终</span>把<span style="color: black;">制品</span>上传完了，看“连载龙详富博客shopify开店教程之六shopify<span style="color: black;">制品</span>发布”原文，发布<span style="color: black;">制品</span>的时候shopify前台用的免费主题Debut效果不太好看，不<span style="color: black;">爱好</span>，为此想换个主题，综合大部分资料<span style="color: black;">晓得</span>shopify官网主题排名<span style="color: black;">第1</span>的免费主题是Brooklyn布鲁克林，</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/7d7f2d4978b0462eaa6bc563d4bd89a2~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1729325883&x-signature=RQpv%2BjehoCiILcnbSvLNLHP4PNM%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">shopify免费主题Brooklyn效果</p>
</div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> <span style="color: black;">据述</span><span style="color: black;">亦</span>是免费主题中转化率最高的shopify主题，为此我<span style="color: black;">亦</span>把<span style="color: black;">咱们</span>跨境电商<span style="color: black;">机构</span>老板要我做的功能性服饰外贸商城模板切换成这款免费shopify主题Brooklyn以下是我<span style="color: black;">实质</span>上<span style="color: black;">循序渐进</span>的操作图文记录，对<span style="color: black;">一样</span><span style="color: black;">第1</span>次用shopify的网友可能有点<span style="color: black;">帮忙</span></p>
<h1 style="color: black; text-align: left; margin-bottom: 10px;">免费shopify主题Brooklyn配置后台：</h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">添加安装免费shopify主题Brooklyn非常简单，在shopify官网市场里面有60款付费主题，10款免费主题，其中就有<span style="color: black;">运用</span>量最大和转化率最高免费主题Brooklyn如图</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/5ce61dbc299641bebd2d572e2ec385d7~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1729325883&x-signature=toWHyFbrvFEhJdnnv5OeRHTPjew%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">shopify免费主题Brooklyn下载安装</p>
</div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">登录shopify后台点击Add theme按钮就<span style="color: black;">能够</span>添加免费主题Brooklyn到自己的后台，但还<span style="color: black;">不可</span>直接<span style="color: black;">运用</span>，还需要在<span style="color: black;">掌控</span>面板中发布Brooklyn主题，在shopify后台主题模板管理页面有2大模块，一个是current theme<span style="color: black;">便是</span>我原来的网站是默认的免费主题Debut在Actions中点击发布就<span style="color: black;">能够</span>将网站切换到Brooklyn主题了，<span style="color: black;">另一</span>一个more theme模块，点击定制Customize按钮就<span style="color: black;">能够</span>进入免费shopify主题Brooklyn自定义设置后台shopify Theme Customize，如图</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/2788df62ae074846aa073643bac7def5~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1729325883&x-signature=XOwtWsrZMIfJD9DdB9N%2BvHJc6Lk%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> shopify免费主题Brooklyn设置后台</p>
</div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">左侧边栏分为2个部分，一个是Sections功能，一个是theme settings功能，sections功能负责的<span style="color: black;">重点</span>是网站页面的布局以及各个版块内容的设置。Theme Settings功能负责的是网站框架的颜色设置，字体设置，社交网络设置，购物车网页设置以及结款页面的设置。大部分shopify模板支撑shopify的section模块功能的，在设置上所见即所得，右边将立即看到你左边做的设置的效果。要添加模块点击sections项下的Add Section按钮，对板块拖动进行页面的排序。shopify主题之间的设置是相互独立的，设置好Brooklyn主题后，安装并激活新的主题，新主题需要从新进行页面排版，颜色字体的设置，对新主题的设置不会影响Brooklyn之前的设置，从新激活Brooklyn后<span style="color: black;">表示</span>的还是安装新主题之前的样子。</p>
<h1 style="color: black; text-align: left; margin-bottom: 10px;">shopify主题Brooklyn优化<span style="color: black;">加强</span>转化率：</h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Brooklyn免费主题是shopify<span style="color: black;">运用</span>量最多的免费shopify主题<span style="color: black;">亦</span>是转化率最高的主题，但<span style="color: black;">咱们</span>还是<span style="color: black;">能够</span>在Brooklyn原来主题的<span style="color: black;">基本</span>上做进一步的从代码层级对Brooklyn优化以<span style="color: black;">加强</span>网站转化率！Brooklyn的<span style="color: black;">优良</span>有：免费；支持slide-out cart；移动端<span style="color: black;">一样</span>支持侧边滑出购物车功能，整体风格简洁<span style="color: black;">美丽</span>。对Brooklyn进行代码方面的操作<span style="color: black;">便是</span>Edit Code操作，先对shopify主题进行备份，打开themes>actions>duplicate<span style="color: black;">而后</span><span style="color: black;">能够</span>完成主题的备份了，<span style="color: black;">显现</span>备份copy of "theme name"主题了，如图一所示</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p26-sign.toutiaoimg.com/pgc-image/e5f40f04f0d442c6a289d4618fba04ec~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1729325883&x-signature=yjfmHlk2AkMHUA6Fg3l%2ByuH%2BfJY%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">优化shopify免费主题Brooklyn代码</p>
</div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> shopify主题Brooklyn优化内容如下：</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">修改一：修改网站的菜单栏目为顶部固定菜单栏，<span style="color: black;">便是</span>该CSS效果就<span style="color: black;">能够</span>了，打开文件夹Asset下的thme.scss.liquid文件，将以下代码加入到文件末尾，<span style="color: black;">而后</span><span style="color: black;">保留</span>文件。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/f63f4082dca94084bc8e5ae2f3c72a9c~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1729325883&x-signature=OUoEv9V5tLLc7G1kCZx9JqEwLvY%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">shopify顶部固定菜单代码</p>
</div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 尤其是手机版效果，固定在顶部了用户体验好了<span style="color: black;">非常多</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">修改二<span style="color: black;">制品</span>页面下方的<span style="color: black;">关联</span><span style="color: black;">制品</span><span style="color: black;">举荐</span>功能，Brooklyn主题在<span style="color: black;">制品</span>页面默认是<span style="color: black;">无</span><span style="color: black;">制品</span><span style="color: black;">举荐</span>功能，虽然<span style="color: black;">能够</span>买<span style="color: black;">关联</span>的shopify<span style="color: black;">制品</span><span style="color: black;">举荐</span>插件，<span style="color: black;">然则</span>那要花费，还有兼容性的问题，打开template文件夹下面的product.liquid文件，找到如下代码:{% section ‘product-template %}在这一行代码下方<span style="color: black;">插进</span>如下代码：{% secton related-products %}<span style="color: black;">保留</span>文件，<span style="color: black;">而后</span>打开setion文件夹点击add a new section新建命名文件名<span style="color: black;">叫作</span>为related-products删除里面已知内容将如下代码黏贴上去<span style="color: black;">保留</span>。 如图所示。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/be408297d00047a5abe0c9785e136cde~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1729325883&x-signature=kM%2FhXpzFyZVHUyvSNBebsaltHks%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">shopify免费主题Brooklyn<span style="color: black;">制品</span><span style="color: black;">举荐</span>功能代码</p>
</div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">完成上图代码后shopify支持在<span style="color: black;">制品</span>页面<span style="color: black;">表示</span><span style="color: black;">关联</span><span style="color: black;">制品</span>功能了，下一步还要激活这一功能，在shopify代码编辑后台左侧栏看到related product选项，<span style="color: black;">选取</span>show related products<span style="color: black;">保留</span>完成设置。后面的Brooklyn优化内容<span style="color: black;">能够</span>再美好购物车按钮，这个只是购物车的CSS效果修改，看你自己想要什么效果的购物车了，就<span style="color: black;">不消</span>讲了。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/f0ebede852324d5282a25ae08b1d38b7~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1729325883&x-signature=y8VjOJp8kYpyy%2F5VVH5xRAXQEDM%3D" style="width: 50%; margin-bottom: 20px;"></div>
</div>
页:
[1]