Shopify店铺如何装修才漂亮

在这一篇教学中将会讲解如何装修你的Shopify店铺，包含了如下的内容：

在这里我给各位Shopify卖家推荐几款店铺装修模版，涵盖了免费模版和付费模版。看下述的Shopify教程：

如果我点击左边的第二个栏目的Header，那么就是要修改网站的导航栏了。导航栏可以被修改的地方更多，可以设置自己的Logo，可以修改背景颜色，还可以设置是否要保持sticky。

接下来就是修改横幅轮播banner了，只要点击Imagebanner即可。你可以设置这个轮播横幅的图片和文字，甚至是按钮。都是可以被轻易修改的。

这个就是Shopify装修的基本思路，其实很多人第一次使用就立刻上手了。

接下来的教程我将会用Shogun作为示范来讲解到底如何用插件进行装修。

无论你选择了多漂亮的模版，你都会发现，你需要使用Shogun这类插件来完成装修。因为这类插件可以做很多特殊的效果。

在使用Shopify插件装修之前，你需要先安装Shogun。安装的方式如下：

为了更好的讲解安装Shogun的过程，这里是一个视频教学。

在你的Shopify后台，点击Apps，然后点击Shogun。这样子你就可以进入到Shogun的面板里面。

第一次打开Shogun，会看到一个AddPage的按钮。点击这个按钮就可以创建新的页面。我们现在就使用Shogun去搭建我们的第一个页面。

点击这个Addpage之后，我们就可以直接选择模版进行导入。我这里强烈推荐新手选择1个模版进行导入，因为新手往往很难从0搭建出一个漂亮的页面。选择从模版导入可以确保你的页面有一个不错的初始化风格。

除了选择标准的着陆页模版，你还可以重新设计产品的详情页。在我看来重新设计产品详情页是更加麻烦的，而且需要更细心。在这个示范教学里，我也拿产品作为示范。假设我们打算重新设计一个产品页面，我们需要点击Product这个标签，然后点击Import导入产品数据。

点击导入之后，它会问我们初始化的模式。我推荐新手选择右边的模式，也就是使用现有布局。

等待Shogun生成完成之后，我们会看到一个初始化完成的界面。到这一步为止，我们已经成功在Shogun上生成了一个页面，你可以点击Publish来发布该页面。

接下来我们需要修改这个页面的内容，主要操作无非就是：

我们可以点击这个页面的头部和尾部的Dropanelementhere按钮，来实现添加元素的目的。下图就是，我拖拽了文字组件进去页面的头部。

拖拽了文字组件进去之后，我们可以对文字进行修改。如果你不需要这个组件了，或者想要调整顺序，你可以从左下角或者是两侧进行修改。

你可以在右侧，看到更多的设置，包括了文字的html标签、字体、颜色还有间距。

你也可以在页面的底部添加内容。这个对于很多电商卖家是常做的操作，因为都会添加一个超长的详情页。这里我们可以拖拽图片组件到底部，而且可以添加非常多个图片。

拖拽了图片组件进去之后，我们需要选择图片，选择了图片之后才会有所显示。而且你同样可以在右边看到非常多属性的设置，你可以根据自己需要进行修改。

当你修改好了整个页面之后，你就需要发布这个页面了。看到右上角的Save按钮了没有，你可以点击这个按钮先进行保存。

保存完毕之后就会有一个Publish发布的按钮，点击它发布你的页面。

因为是产品页面，所以发布之后，是直接影响到了产品的页面的。如果是其它着陆页，则会在Shopifypages文件夹生成一个独立的页面。如果我们要预览这个生成的产品页，我们可以回到去自己的Shopify，然后点击Products，选中产品之后，点击Preview，我们就可以看得到预览效果了。

预览的产品页面中，我们可以看到刚才Shogun所添加的文字helloworld已经在那里了。

当然这只是一个很初级的尝试，为了教会你如何使用Shogun基本的功能而已。但是如果你想要做得更漂亮，你需要更多的图片和产品资料，才可以丰富整个页面效果。

无论你是打算如何装修你的Shopify，单纯只用插件或者只用模版，你都很难得到一个理想的效果的。在我自己实践当中，你肯定需要搭配原来的模版和插件才有可能得到一个理想的页面。这个教程讲了如何使用Shogun，但并没有很深入的去讲解，例如没有覆盖盒子模型。其实在你自己装修的过程中，你只要稍微用心一点点，给一点点耐心，都是一学就会的。我相信大多数人都是在自己实际操作中领悟到真正的技巧的，所以你现在最需要做的，就是付出行动，在实践中提升你自己的装修能力。