CIFCOM跨境电商 CIFCOM跨境电商

当前位置: 首页 » 出海百科 »

Shopify模板

大家好,关于Shopify模板很多朋友都还不太明白,不过没关系,因为今天小编就来为大家分享关于Shopify模板的知识点,相信应该可以解决大家的一些困惑和问题,如果碰巧可以解决您的问题,还望关注下本站哦,希望对各位有所帮助!

shopify可以开多少个店铺

一个邮箱一个,如果到期了只能更换邮箱或者续费。

广州那家公司做电商版自助建站有哪些

shopify是北美排名第一的电商saas服务,排名第二的是bigcommerence,这两家都准备ipo了。国内这类saas服务,属于刚起步阶段。虽然之前电商软件龙头商派,推出过类似产品,只是把现有的开源电商软件,实现便捷部署,产品层面没下功夫改进,价格还很贵,所以策略就是忽悠客户购买。可以去搜下,有人觉得好用不。目前国内,和shopify最接近的是友好速搭,看过他们在技术社区的介绍。他们没依赖任何开源电商软件,而是自己重新开发的一套软件。之前试用过,整体感觉非常不错,很有诚意的产品。尤其是主题层面,代码完全放开,可以100%还原设计稿。建议你自己去试试,再去对比下其它类似产品,就能有个清楚的认识了。

常用的Shopify独立站模板

Shopify是一个流行的在线电子商务平台,对于那些希望以简单的方式开始Shopify独立站的小企业来说是不错的选择。从技术上讲,Shopify是一个基于订阅的软件即服务(SaaS)销售平台。使用Shopify允许销售实体或者虚拟产品,可以建立一个Shopify商店或通过现有网站进行销售。你也可以通过社交媒体、客座博客文章、电子邮件等其他方式来进行销售。

普通人不必要成为一个编码天才从头开始设计和创建自己的电子商务网站,使用Shopify模板将节省大量的时间和开发成本。优秀的Shopify主题已经提前设置好了HTML、CSS、JS文件等技术项目,并且内置SEO功能,大多数功能都是拖放式的,无需编写任何代码,可以快速创建各种产品页面。无论是时尚、美容、食品、零售、游戏、水疗、美容、艺术、工艺用品和其他行业都有丰富的主题可以选择。Shopify独立站模板可以帮助你快速创建一个符合你商业目的和视觉上吸引访客的商店。

Prestige Theme Shopify

Prestige Theme Shopify由Maestrooo Shopify专家设计,是一个完全可定制的Shopify主题,适合各种规模的电子商务企业,拥有创建一个成功的电子商务网站所需的一切,其易于使用的界面也非常适合初学者。Prestige主题提供三种风格来突出你的产品和定制你的商店外观:Allure风格、Couture风格和Vogue风格。这款主题由经验丰富的开发人员设计,他们在这个领域拥有多年的开发经验,使用最新的设计技术和框架来创建精美的、用户友好的Shopify主题。Prestige Theme Shopify是一个高级主题,该主题的高端和豪华设计特点使你可以突出你的产品和品牌形象,无疑是Shopify最实用、最漂亮的主题之一。

Booster Theme

Shopify Booster主题由Clean Canvas设计和支持,是一个具有多种功能的主题,用户不需要任何经验或编码知识,就可以快速的安装这个主题。所有需要做的就是下载主题,把它上传到你的商店,然后在你的Shopify仪表板上激活它,然后开始使用。Booster是作为一个高转化率的主题而创建的,进行了大量的优化,配备了大量的附加应用程序,以鼓励访客购买,协助零售商最大限度地提高利润和销售额。此外,Booster还为产品嵌入了一个附加的追加销售功能,这是增加客户订单价值的最佳工具之一。Booster Theme是迄今为止最先进的Shopify主题,对速度进行了优化,不需要单独的的启动java脚本,并包括100多个新功能,助他们每月节省约281美元的Shopify应用成本使其成为任何想要更快地销售、更聪明地销售和销售更多产品的店主的完美Shopify主题。

Dawn Theme

Shopify Dawn主题由Shopify团队设计,是一个免费的Shopify主题。Dawn主题设计简约、设置简单、易于使用,非常适合那些想创建一个专业的网上商店而又不想花费大量时间和金钱的小企业。根据Shopify开发团队的说法,为了提高商店的性能,他们用HTML和CSS创建了这个主题,并尽量减少Javascript的使用,以减少复杂性并提高加载速度。该主题配备了所有你需要开始的重要功能,包括响应式设计,社交媒体整合,以及对多种语言的支持。为了给商家和客户提供灵活性和易用性,有一个易于使用的界面和拖放组件,你可以实时改变它们,很容易用你自己的品牌标志、颜色和内容进行定制。Dawn加载速度比它所替代的主题快35%,将成为Online Store 2.0的默认主题,在不久的将来可能会被超过一半的Shopify商家使用。

Debutify

Debutify是最受欢迎的免费Shopify主题之一,旨在提高你的网店整体功能和性能,将你的在线商店变成一个高转化率的销售机器。无论你是电子商务领域的初学者还是经验丰富的老手,这个主题都承诺提供你所需要的一切,以创建一个成功的网上商店。Debutify的最大优势是你可以使用大量的附加组件,它包含了50多个附加组件,如倒计时器、添加到购物车的贴纸、折扣券等,可以帮助你建立、发展和扩大你的Shopify品牌。Debutify主题不是为一个特定的利基市场而设计的;相反,它适用于任何电子商务商店,不管是什么利基市场。Debutify提供数倍于Shopify顶级主题的性能和应用程序,界面干净、对用户友好、易于调整和定制,是初学者和希望发展和扩大品牌的最好选择。

Impulse

Impulse Shopify Theme主题对于任何想要在线销售产品的人来说都是一个很好的选择,目前被超过3万家在线商店使用,包括一些著名的品牌如:Kappa USA,Juicy Couture和Supply等。这是一个高级的Shopify主题,由高度熟练的原型开发团队创建。为了创建这个主题,工程团队对财富500强零售商进行了彻底的研究,以破译企业需要在线商店的最佳功能,帮助他们获得更加有效的销售。

这个主题具有现代简约的设计,完全响应式,非常适合在线销售产品的商店。对于任何想要创建在线商店的人来说,这个主题都是一个很好的选择。如果你销售的产品需要非常好的视觉效果,比如衣服或配饰,那么Impulse主题将是展示你产品的好方法。主题也很容易定制,你可以改变颜色和布局,以适应你的品牌,还有一个内置的商店页面,让你快速、轻松地销售产品。用户也可以在自己的网站上添加产品图片和视频,这样潜在的客户就可以看到所提供的产品。

Turbo

由Out of the Sandbox开发的Turbo主题是市场上最优秀的Shopify主题之一,不过这个主题并不便宜,购买的话需要350美元而且只有一个店铺许可证。这个付费的Shopify高级主题以其闪电般的速度,优异的性能和流行的风格而闻名,可以为你的客户提供完美的购物体验,这也是K-SWISS、zeroUV和Surround等品牌商家也在使用的原因之一。如果你想创建一个超越竞争对手的网站,Turbo是一个非常合适的主题,拥有出色的配置、灵活的外观设计、一流的加载速度和优秀的移动体验。除了各种小部件外,Turbo还会定期更新,用户可以继续使用新功能,而无需支付任何额外费用。

Wokiee

Wokiee是一个优秀的Shopify主题,适合任何中小企业,是目前或未来Shopify商店的完美解决方案。Wokiee主题不仅仅是一个普通的主题,还是一个强大的设计工具,拥有所有所需的工具和模块,多种多样的布局和风格,以创建快速响应和移动友好的网站。通过Wokiee可以完全控制整个网站,包括更改导航、网站内容、图像、产品、收藏等等,以创建不同的网页结构和丰富的用户体验。Wokiee是拥有出色功能的高级Shopify主题,响应式设计、一流的用户体验、快速的加载速度,各种各样的功能将帮助用户更有效地发展在线业务。

Ella theme

Ella主题由Hallothemes开发,该公司因开发过Magento、Shopify和BigCommerce的主题而值得关注。这个主题是Themeforest上销量最佳的模板之一,内置多达23个排版配色样式,几乎覆盖各个行业,还为店主提供了各种反应灵敏、设计良好、引人注目的模板。作为一个拖放式的Shopify主题,具有移动优化的布局和令人难以置信的UI/UX,是一款很强大、广受好评的自适应Shopify网站模板。Ella使其用户能够制作大型横幅来展示产品并吸引其用户。这个主题经过优化,可以在所有设备上运行,这可以作为一个有价值的工具,将每个用户的访问转化为销售。除此之外,你还可以添加你自己的主页视频,链接到谷歌地图等等。

Empire

Empire Theme是一个受亚马逊启发的Shopify主题,为大型产品目录进行了优化,拥有非常有趣和简洁的现代化设计,适合于任何电商业务。如果你正在寻找一个现代和专业的主题,这个主题是一个很好的选择。Empire主题具有实时搜索、高级过滤、促销卡片、快速购买和菜单列表等功能,是专门为大型Listing和高容量商店而设计的。不过Empire Shopify Theme的一个缺点是设置起来很复杂,如果不熟悉Shopify主题,可能会发现很难以自己想要的方式配置主题。此外,这个主题有很多内置的功能,如购物车标记、快速购买和放弃购物车。它也有许多可定制的选项,所以你可以让它完全按照你想要的方式来进行设计。

Kalles

Kalles Shopify主题已经存在有一段时间了,目前是市场上最通用的Shopify主题之一,从一开始就取得了巨大的成功,在Themeforest市场上稳居最佳Shopify主题榜首。Kalles是一个超级简约、加载速度快、响应迅速的Shopify主题,在任何设备上都可以完美运行。Kalles有45个以上的网页布局,可以选择许多合理的布局、功能、标题样式等等,不需要从头开始制定一些东西,简化了构建一个引人注目的在线商店的复杂过程。Kalles主题强调简单性、创造性和可负担性,并完全支持Online Store OS 2.0,以帮助用户体验来自Shopify的最新技术。

Shopify商业模式

Shopify是一个电子商务平台,允许商家通过每月的订阅费用和平台提供的额外服务将其产品商业化。它的核心业务大部分收入来自于每月的订阅计划,还有从其商业解决方案中获得的收入,这些解决方案包括技术支持、营销和客户服务。与商业解决方案服务相比,订阅金额带来了丰厚的回报,主要销售额来自购买Advanced Shopify和Shopify Plus套餐的商家。根据Shopify的商业报告,与最低级别的入门套餐相比,它从价格最高级别(Shopify Plus)的套餐中赚取了丰厚的利润。

Shopify成功案例

众所周知,Shopify是最大的电子商务平台之一,全球数以百万计的企业使用Shopify创建他们的在线商店,仅在美国就占有30%的市场份额。Shopify提供各种功能,以帮助企业家扩大客户群体,提高销售额,使利润最大化,并保持客户忠诚度。如果你正在努力在Shopify上建立你的在线商店,或者想知道Shopify是否有利可图,可以来看看Shopify的几个鼓舞人心的成功案例。

Allbirds

这是Shopify有史以来最伟大的成功故事之一,Allbirds从一个简单的Kickstarter活动成长为一家现在估值超过10亿美元的公司。Allbirds是一家环保鞋类品牌,公司总部位于美国加州旧金山,使命是强调人们不必在舒适、设计精良或可持续的鞋子之间有选择困难症。品牌联合创始人是工程师Zoey Zwillinger和足球运动员Tim Brown。产品主打环保,会优先考虑使用天然材料和可持续性材料。公司的产品非常受欢迎,尤其是那些关心环保的消费者。Allbirds的产品被认为是世界上最舒适的鞋子。此外,Allbirds还向访问者展示了该公司在《华尔街日报》、CNN和《时代》等权威刊物上的正面报道。

Gymshark

Gymshark是一家诞生于英国的运动健身品牌,和大众所熟知的lululemon相比较,他们的成功有着很多相似之处。2012年,来自英国伯明翰的19岁Ben Francis在只有一个车库和一台缝纫机的条件下创立了Gymshark,到目前为止估值超过10亿英镑。Gymshark在不同地区拥有900多名员工,在社交媒体账户上有超过1000万的粉丝,客户来自230多个国家。Gymshark将目标人群定为18-25岁,喜欢健身、时尚和音乐的年轻人。Gymshark早期主要是为健身运动者定制的贴身运动服,后期为了保持长期的竞争力,对产品研发作出了战略性的规划。从职业健身运动市场开始,深入到大众健身市场,最终进入功能运动服市场。

Fashion Nova

Fashion Nova是著名的时尚品牌之一,提供价格实惠的服装和配饰,多年来通过持续不断的投入网红营销逐步在互联网上受到追捧。Fashion Nova将目标客户锁定在18-25岁的年轻女性,品牌大部分产品的售价在20美元至50美元之间,少数产品价格则高至200美元。创始人出生于加利福尼亚,从小便在父亲的女装店帮忙,对于快时尚行业非常熟悉,自从创立以来,销售额一直在稳步增长。此外,Fashion Nova还会添加客户的照片来宣传产品,创造了更多有用和吸引人的内容,也会在现实生活中展示时尚产品。公司使用Shopify软件来管理库存、客户服务和运输业务。

Kith

Kith成立于2011年,来自美国纽约的运动时尚零售商,原本是一个为了打造具有超高舒适感的鞋子而产生的企业品牌,在发展过程中被美国街头时尚文化影响,转变成为一个美国时尚潮牌的零售商。公司创始人Ronnie Fieg最初在纽约市颇受欢迎的鞋店David Z工作,在那里他向Jay Z和Lauryn Hill等音乐传奇人物出售鞋子。Kith使用交叉销售产品的方式推荐用户购买产品,采用人工智能推荐系统,为每个客户提供个性化推荐。它还允许在购物车页面上推荐产品,追求在客户完成结账之前增加他们的订单价值。Kith该品牌提供男性、女性和儿童系列,凭借其目录中的服装,鞋类和配饰类别,为客户提供了广泛的产品。

Shopify独立站搭建教程 - 模板的选择与购买

大家好,欢迎继续观看出海Rio”的2024年跨境电商Shopify独立站搭建教程”,本篇将为大家带来shopify模板选择与购买”的详细说明。原创不易,如果你觉得我的教程对你有所帮助,请给点个关注支持一下出海Rio”,未来我将持续为大家带来DTC品牌出海”的闭环营销干货。

在我们shopify网站搭建当中,模板的选择是最为重要的,选择什么样的模板直接决定了我们网站的前台样式风格,与功能(后期能节省很多插件的费用);不同的模板它的样式和布局都有所不同,直接影响了客户的浏览体验,且根据我们具体的类目,所需要的风格也会有所不同。对于刚刚来接触独立站建设的,且没有专门的前端来配合的朋友,Rio建议大家直接选择购买一个模板,来进行套用,这样能最大程度的保证网站整体框架的设计,以及良好的视觉呈现。同时,我们在通过模板套用的过程当中,也能不断地熟悉shopify装修的模块应用,对于我们后期的进阶也是有很大帮助的。

模板的选择

那么,我们到底要选择什么样的模版呢?是要用付费的模板,还是免费的就可以?接下来就和大家详细介绍一下如何选择合适的shopify模版来装修独立站商城。

首先就是shopify官方的模板库”,又分为免费模板”和模板商店”的付费模板。如下图:

1.免费模版

那我们就先从免费模板”说起,点击浏览免费模板”,就会看到shopify官方提供的9个免费模板样式,是由 Shopify 的官方团队发布并提供支持。如果大家选择使用免费模版,这里建议大家使用shopify2.0版本的REFRESH”模板就可以,基本任何行业都可以通过素材的填充以及模板的删减来进行应用。

在我们使用 Shopify 的免费模板,Shopify 支持团队也许能帮助您对模板进行小幅更改。如果您使用 Basic Shopify 套餐或更高级别套餐,则最多可以获得 60 分钟的免费设计支持,使用时以 15 分钟为单位进行累计。

2. shopify模板商城

Shopify模板商店提供了各种类目、风格的网站模板,不论你是做单品的品牌站,还是垂直类目的精品站,还是商城站,都可以从这里找到适合我们类目的模板,它包含了 Shopify 开发的免费模板和第三方设计人员开发的付费模板。在购买付费模板之前,请确保您了解可用的支持类型。

点击访问模板商店”后就进入到shopify模板点击All themes”,就会看到所有的shopify网站模板,包含shopify官方以及第三方开发的精美模板。

如下图所示:我们可以通过按照模板的功能以及产品系列或行业来查看适合我们的模板(可以多选)。那我们就选择去浏览支持shopify 2.0的网站模板,售价基本都是在300美金上下,具体价格根据网站的功能来决定,功能越多的,也就越贵,并且主题文件也就越大,在网站的打开速度上面也会有一些影响,这里就需要我们自己根据我们自己的实际需求来进行选择;选择从官方商城购买的第三方开发人员设计的模板,由第三方开发人员提供支持,开发人员会不定期地针对模板的设计、功能进行优化,升级包发布后,我们可以直接进行升级;

同时,因为是在shopify官方模板商城进行销售的模板也会更安全,比较也是经过shopify官方的检测之后才能上架,同时也受shopify监管的。

温馨提示:切勿去淘宝之类的等平台去购买盗版shopify模板,第一有代码上的安全风险,第二可能会违反shopify的规则,导致店铺被封。

3.第三方正版模板购买平台themeforest.net”

但其实如果选择购买模板的话,还是不建议大家直接从shopify themes购买,完全可以选择从第三方去购买更精美、功能更丰富的模板。这里Rio推荐大家从国外主流的网站模板商城themeforest.net”购买,这里面的模板代码都是经过平台安全检查过的,不会存在什么风险,以及主流的模板基本都有在shopify发布维护APP的,其中包含了很多插件功能以及在线升级等。

进入themeforest.net”网站之后,我们选择点击进入shopify”板块来查看适用于shopify的模板。

同样的,我们还可以根据不同类目再次进行筛选,或根据销量来进行排序查看。

这里说明一点,基本主流销量高的网站模板,都是有针对不同行业、类目来进行不同的适配(也就是说里面有很多个不同行业的主题网站),就根据Rio购买的Minimog”模板为例:首先它针对有几十个不同行业的前台适配,有一个独立的APP来进行管理维护,然后还有很多其他营销功能上的应用,能为我们后期的省不少插件费用,打造转化率更高的独立站商城。

从themeforest.net”购买shopify网站模板教程

那从themeforest.net”购买模板怎么操作?接下来,Rio就来和大家演示一下从themeforest.net”购买网站模板的教程。

第一步、找到我们准备购买的网站介绍页,在点击Add to Cart”之前,大家可以好奇了,为什么下面还有一个+24美金将使用期限延长一年的选项,Rio和大家说明一下,这个正版模板,如果我们要使用APP里面的那些插件,是需要一个激活码的,他的激活是有时间期限的,但如果我们不要使用那些插件,我们就可以通过模版上传”的方式直接使用他的模板(那如果有不需要使用插件的朋友,可以不用去花这个钱,可以私信Rio,我可以将你所需要的minimog”行业模板分享给你)。如果要使用他的插件,建议大家可以直接选择增加一年的使用时间,然后点击Add to Cart”

第二步、然后直接点击Go to Checkout”

第三步、购买之前,需要先登录账户;账号登录有两种方式,第一种,填写你的信息去注册一个;第二种,使用Google账号登录,那这里我们就直接使用Google账号登录了。

第四步、就是需要填写我们的地址信息了,我们就随便填写一下吧(我们买的是虚拟产品,不存在收货问题)填完之后,然后点击save and continue”

第五步、就是付款了,我们选择使用双币信用卡(需要填写信用卡有效期与背后的后三位验证码)或PayPal绑定借记卡都可以进行支付。

第六步、购买之后,我们接下来就是下载模板源文件,鼠标放到我们的账号的位置,然后显示下拉菜单,点击下拉菜单中的downloads”,就会显示我们已经购买了的模板,我们点击绿色的行动按钮download”,下载All files & documentation”就可以下载我们的模板了。

第七步、打开下载文件的保存位置,就看到我们的模板文件。

那么我们下一步就是将模板安装到我们的shopify网站。Ok,我们将在下一篇分享中来和大家一起看下shopify网站如何安装从第三方平台购买的模板”

本期的分享就到这里。如果对你有帮助,记得点点赞支持一下Rio哈!

关注Rio学出海,跨境有道无瓶颈”!如果您有什么问题,记得发在评论区哦,针对你们的问题,Rio会专门出分享的哈。

Shopify店铺中的默认模板详细介绍

Shopify店铺中的默认模版十分灵活,适用于所有的商店,无论库存大小。通过默认模版,您可以快速开设商店并开始进行销售;默认模版外观精美,没有任何模版自定义项。

如果想要实现以下目标,则默认模版是理想选择:

可以立即开始进行销售,无需对模版进行大量的自定义设置

确保您的商店在平板电脑和智能手机上显示效果良好

轻松地重新安排商店布局并实时查看所做的更改。

模版器

使用模版器以自定义模版。模版器工具栏分为分区和模版设置。

分区是可以在您的在线商店上确定不同页面布局的可自定义内容块。

主页分区包括多种功能(例如幻灯片或新闻资讯注册),您可以添加、重新排列或删除这些功能。主页上最多可以有 25 个分区。

每种类型的页面都有自己的分区。例如,产品页面的分区决定了在线商店上每个产品页面的布局。

页面上的各分区始终位于在线商店的特定位置。您可以对它们进行自定义,但不能重新排列或删除它们。

每个模版包括固定的分区(例如页眉和页脚),在线商店的每个页面上都会显示这些分区。

默认模版包括以下静态分区:

标头

页脚

产品页面

产品系列页面

产品系列列表页面

博客页面

文章

购物车页面

动态分区

您可以添加、重新排列和删除动态分区来自定义主页的布局。每个模版都有唯一一组可供选择的动态分区。

默认模版包括以下动态分区:

博客文章

产品系列列表

特色产品系列

图库

带文本的图片

带文本叠加的图片

logo 列表

幻灯片

特色产品

新闻通讯

地图

格式文本

感言

带图片的文本列

视频

自定义内容

标头

在标头分区中,您可以显示您的商店中每个页面顶部显示的内容。您可以添加 logo 图片,选择要显示的菜单,以及创建公告消息。

若要自定义标头分区,请执行以下操作:

在 Shopify 后台中,转到在线商店 > 模版。

查找 默认模版,然后单击自定义。

单击分区。

单击标头。

若要设置 logo 的对齐方式,请在 Logo alignment(Logo 对齐)区域中选择左对齐或 Centered(居中)。如果您不添加logo图片,则将改为显示文本中您的商店名称。您可以在后台的通用设置页面上更改您的商店名称。

若要添加 logo,请在 logo 图片区域中单击选择图片。若要从计算机上传图片,请单击上传。若要使用 Burst 中的免费图库图片,请单击免费图片。

若要更改 logo 大小,请使用自定义 logo 宽度滑块调整到您选择的宽度。调整 logo 宽度不会使 logo 图片失真。

要选择想要在标头中显示的菜单,请在菜单区域中单击更改。选择现有菜单,或单击创建菜单创建一个新菜单。如果您不想在标头中显示菜单,请单击删除。

若要在页面顶部显示公告消息,请执行以下步骤:

在 Announcement bar(公告栏)区域中,选中 Show announcement(显示公告)。

若只想在主页显示公告,请选中仅主页。否则,商店中的每个页面上都会显示公告。

在文本字段中输入公告的文本。

若要添加公告链接,请在链接字段中输入 URL。

若要更改公告栏的背景色,请单击栏颜色样本并选择颜色。

若要更改公告文本的颜色,请单击文本颜色样本并选择颜色。

单击保存。

页脚

在页脚分区中,您可以商店中每个页面底部显示的内容。您可以向页脚中添加以下功能:

最多两个菜单

新闻通讯注册

付款图标

若要自定义页脚分区,请执行以下操作:

在 Shopify 后台中,转到在线商店 > 模版。

查找 默认模版,然后单击自定义。

单击分区。

单击页脚。

从主菜单区域自定义主页脚菜单。要默认菜单,请单击菜单。要更改为其他菜单,请单击更改,然后选择一个现有菜单或单击 Create menu(创建菜单)。

在 Additional menu(其他菜单)区域中向页脚添加其他菜单。

若要将新闻通讯注册添加到页脚,请执行以下步骤:

选中 Show newsletter signup(显示新闻通讯注册)。

在子标题字段中输入新闻通讯注册的子标题。

通过选中 Show payment icons(显示付款图标)将付款图标(如 Mastercard 或 PayPal)添加到页脚。

单击保存。

产品页面

在产品页面分区中,您可以添加或删除以下元素:

数量选择器

多属性标签

产品品牌或供应商

图片缩放

动态结账按钮

社交共享按钮

产品推荐

您还可以设置图片的尺寸。

产品页面设置

从顶栏下拉菜单中选择产品页面。

单击分区。

单击产品页面。

若要设置图片的尺寸,请从 Image size(图片尺寸)下拉菜单中选择图片尺寸。

若要显示数量选择器,请选中 Show quantity selector(显示数量选择器)。

若要显示多属性标签,例如尺寸”和颜色”,请选中 Show variant labels(显示多属性标签)。显示的多属性标签基于产品的多属性选项名称。

若要显示产品品牌或供应商,请选中 Show vendor(显示供应商)。若要显示品牌或供应商,您需要向产品添加供应商。

若要使客户能够通过将鼠标悬停在产品图片上方来放大图片,请选中 Enable image zoom(启用图片缩放)。

若要显示动态结账按钮,请选中 Show dynamic checkout button(显示动态结账按钮)。

要显示社交共享按钮,请选中 Show social sharing buttons(显示社交共享按钮)。

单击保存。

添加或删除产品推荐

您可以在产品页面上展示推荐产品,让客户更轻松地发现其他可能感兴趣的产品。

从顶栏下拉菜单中选择产品页面。

单击产品推荐。

使用显示动态推荐复选框,选择在产品页面上显示或隐藏产品推荐。

可选:若要更改推荐产品上方显示的标题,请在标题字段中输入新标题。

可选:使用显示厂商复选框,选择在产品描述中显示或隐藏厂商。

单击保存。

产品系列页面

您可以将产品系列页面设置为允许客户对产品系列中的产品进行筛选和排序。您可以选择产品系列布局(网格或列表)以及要显示的产品数量。

设置产品系列页面的布局:

导航到模版器中的产品系列页面。

单击分区选项卡。

单击产品系列页面。

从布局列表中,选择网格或列表。

从列表中选择每行的产品数和每页的行数(如果选择了网格样式)。

如果您要在页面顶部显示产品系列图片,请选中 Show collection image(显示产品系列图片)。

如果要显示产品品牌或供应商,请选中 Show product vendors(显示产品供应商)。

选中 Enable sorting(启用排序)以显示排序菜单。

选中 Enable tag filtering(启用标签筛选),让客户能够按产品标签来筛选产品系列。

单击保存。

产品系列列表页面

产品系列列表页面中以网格形式显示了所有产品系列。您的客户可以通过产品系列列表页面快速浏览您的产品系列,找到他们想要浏览的产品系列。在默认模版中,产品系列列表页面是标头菜单中的顶级链接:

备注:您的顶级产品系列列表菜单的名称可能会有所不同。在此示例中,菜单名为Catalog”。

您可以以网格模式显示所有产品系列的缩略图,也可以选择显示所选的产品系列。您还可以选择如何在页面上对产品系列进行排序。

若要设置产品系列列表页面的布局,请执行以下操作:

通过单击顶级产品系列菜单项,导航到您的产品系列列表页面。

单击分区选项卡。

单击 Collections list page(产品系列列表页面)。

执行以下任一操作:

若要以网格模式显示所有产品系列的缩略图,请选择所有。

若要在产品系列列表页面上显示一个产品系列,请选择已选择。

如果您在上一步中选择了全部,请执行以下操作:

从 Sort collections by(产品系列排序方式)列表中选择一个排序选项。

从 Collections per row(每行的产品系列数)列表中,选择每行的产品系列数。

单击保存。

博客页面

使用默认模版,您可以列出您的博客文章,或以网格的形式显示它们。如果有多个博客文章作者,则可以显示每篇博文的作者姓名。还可以显示每篇博客文章的发布日期。

提示: 您如果想为商店创建博客,或想要向现有博客添加文章,请在 Shopify 后台内转至在线商店 > 博客文章。若要详细了解如何为在线商店创建博客,请参阅博客。

在模版器的预览区域中导航到博客页面。

单击分区。

单击博客页面。

从布局列表中,选择是在列表还是在网格中显示博客文章。

选中显示作者以显示作者姓名。

选中显示日期以显示博客文章的发布日期。

单击保存。

购物车页面

在购物车页面部分,您可以启用以下设置:

购物车备注

购物车自动更新

添加购物车备注

您可以允许客户在购物车页面上添加订单备注:

从顶栏下拉菜单中选择购物车。

单击分区选项卡。

单击购物车页面。

选中 Enable cart notes(启用购物车备注)。

单击保存。

启用购物车自动更新功能

您可以使购物车在客户更改订单后立刻显示更新后的信息。例如,当客户更改其购物车中的产品数量时,小计价格即可更新。要启用购物车自动更新:

从顶栏下拉菜单中选择购物车。

单击分区选项卡。

单击购物车页面。

勾选启用购物车自动更新。

单击保存。

特色产品系列

您可以在主页上展示产品系列。展示产品系列可帮助您推销产品和新产品系列。

通过默认模版,您可以添加查看全部”按钮,让客户可以查看整个产品系列,并且您可以在每张产品图片下方显示供应商名称。

若要在主页上使用产品系列,请执行以下操作:

单击分区选项卡。

单击特色产品系列分区。

如果要更改产品系列上方显示的文本,请在标题字段中输入文本。

从产品系列列表中,选择要显示的产品系列。若要添加或删除所选产品系列中的产品,请单击产品系列链接在新标签中打开产品系列页面。

从 Products per row(每行产品数)列表中,选择要在每行中显示的产品数。

从行列表中,选择要显示的产品行数。

如果您要在每张产品图片下方显示供应商或品牌名称,请选中 Show product vendor(显示产品供应商)。

如果您想让客户查看产品系列中的所有产品,请选中 Show 'View all' button(显示查看全部”按钮)。

单击保存。

带文本的图片

通过默认模版,您可以添加一张图片,此图片的右侧或左侧显示有文本。您还可以添加链接到您商店中的页面的按钮

通常,您可以使用 Image with text(带文本的图片)分区来宣传产品或产品系列,或将网站流量引入博客页面。

若要将带有文本的图片添加到主页,请执行以下操作:

单击分区选项卡。

单击带文本叠加的图片分区。

在图片区域中,单击选择图片,然后执行以下操作之一:

从布局列表中,选择希望图片显示在文本的右侧还是左侧。

在标题字段中输入此分区的新标题。

在文本字段中输入要在标头下方显示的文本。

在 Button label(按钮标签)字段中,输入想要显示在按钮上的文本。

在 Button link(按钮链接)字段中,选择想要将按钮链接到的商店中的一个页面。

单击保存。

带文本叠加的图片

您可以在主页上特别展示带自定义文本叠加的大图片。

带文本的图片分区包括以下设置:

图片 - 选择要添加到分区的图片。

图片对齐方式 - 设置图片要在页面上显示的一侧。

布局 - 设置分区的宽度。

分区高度 - 设置分区的高度。要防止裁剪图片,请选择适应图片,根据图片的高度设置分区高度。

文本大小 - 设置文本的大小。

标题 - 为分区添加标题。

文本 - 将文本添加到分区。带文本叠加的图片分区会自动重命名为您提供的标题。

按钮标签 - 向分区添加带文本标签的按钮。

按钮链接 - 将您的按钮链接到另一个页面或网站。

将带文本的图片添加到主页

在 Shopify 后台中,转到在线商店 > 模版。

查找 默认模版,然后单击自定义。

单击添加分区 > 带文本的图片 > 添加。

使用设置来对带文本叠加的图片分区进行自定义。

单击保存。

新闻通讯

您可以在主页上添加新闻通讯注册。这使您能够收集客户电子邮件地址以用于电子邮件营销活动。您可以在 Shopify 博客上了解有关电子邮件营销的详细信息。

网站上的新闻通讯分区。其中有一个可供客户输入电子邮件地址的字段以及一个订阅”按钮。

向主页添加新闻通讯注册:

在 Shopify 后台中,转到在线商店 > 模版。

查找 默认模版,然后单击自定义。

单击分区。

单击添加分区 > 新闻通讯。

在标题字段中输入新闻通讯注册的标题。默认标题是订阅我们的新闻通讯”。

在子标题字段中输入新闻通讯注册的子标题。

单击保存。

视频

您可以将 YouTube视频添加到您的主页。视频可以吸引客户并引起他们对您业务的兴趣。

提示: 您可以通过自定义内容部分将 Vimeo 视频添加到主页。

视频分区包括以下设置:

视频高度 - 设置视频高度。

文本大小 - 将文本添加到您的视频中。如果您将视频样式设置为带播放按钮的图片,在视频播放时,文本则会消失。

显示叠加 - 在视频上添加一层颜色,使文本更易于阅读。如果您将视频样式设置为带播放按钮的图片,则在视频播放时,叠加层会消失。

样式 - 设置视频样式。背景视频样式仅适用于台式电脑。如果客户使用平板电脑或移动设备访问您的商店,则始终会看到带播放按钮的图片样式。

标题 - 为您的视频添加标题。

视频链接 - 添加视频的 YouTube URL。

封面图片 - 为视频添加封面图片。播放视频时会隐藏封面图片。

图片对齐方式 - 对齐封面图片,使最重要的部分始终可见。

将视频添加到您的主页

在 Shopify 后台中,转到在线商店 > 模版。

查找 默认模版,然后单击自定义。

单击添加分区 > 视频。

通过设置来对您的视频分区进行自定义。

单击保存。

幻灯片

您可以将图片的幻灯片添加到您的主页。在幻灯片分区中,您可以设置幻灯片的高度、添加文本和按钮,以及选择是否自动播放幻灯片。

一家名为 Pure Tea 的在线商店的主页,上面有一张幻灯片。幻灯片中显示台面上放着一个茶杯,标题为手工制作”,副标题为由茶艺大师精心制作,非工业机械生产”。

要了解有关幻灯片图片裁剪和推荐图片尺寸的信息,请参阅下面的指南。

创建幻灯片:

在 Shopify 后台中,转到在线商店 > 模版。

查找 默认模版,然后单击自定义。

单击分区。

单击幻灯片。

从幻灯片高度下拉菜单中设置幻灯片的高度。

在 Text size(文本大小)下拉菜单中设置标题和副标题的大小。

从文本对齐方式下拉菜单中设置文本在幻灯片上的位置。

可选:选中 Show overlay(显示叠加)。图片叠加是图片与放置在图片上的任何文本之间的颜色层。叠加有助于提高颜色对比度和文本可读性。您可以在颜色设置中设置叠加的颜色和不透明度。

可选:选中 Auto-rotate slides(自动旋转幻灯片)以自动播放幻灯片。通过使用 Change slides every(幻灯片更改时间间隔)滑块来选择在每张幻灯片上停留的时间。

若要添加图片幻灯片,请执行以下步骤:

在内容区域中,单击添加图片幻灯片。

在图片下,单击选择图片。若要从计算机上传图片,请单击上传。若要使用 Burst 中的免费图库图片,请单击免费图片。

若要选择图片在幻灯片中的对齐方式,请在 Image position(图片位置)下拉菜单中选择一个位置。您可以在以下指导中的图片位置中了解详细信息。

若要向图片幻灯片添加文本,请在标题字段、副标题字段或这两个字段中输入文本。

通过在 Text button label(文本按钮标签)字段中输入文本,将按钮添加到图片幻灯片。在按钮链接字段中为此按钮选择要链接到的您的在线商店的部分:

单击保存。

幻灯片指导

您可以使用下面的设置和图片建议来控制幻灯片在您在线商店中的外观。幻灯片的显示方式取决于以下因素:

您的图片尺寸

您的图片位置设置

幻灯片高度设置

图片的宽高比

由于屏幕尺寸和形状有差异,您的幻灯片在移动设备和桌面设备上可能会有所不同。

图片尺寸建议

幻灯片图片的建议尺寸取决于您的幻灯片高度设置:

请遵循以下准则:

若要查看或更改幻灯片高度设置,请参阅创建幻灯片说明中的步骤 5。

图片裁剪

您可以采取步骤来控制图片的裁剪方式或完全避免裁剪图片。

控制图片的裁剪方式

在以下情况下,您可看到部分屏幕尺寸上出现图片裁剪:

图片的宽高比不同。

幻灯片高度可设置为小、中或大。

您的幻灯片高度设置为适应第一张图片,并且您的图片高于设备屏幕或浏览器窗口的高度。

您可以使用图片位置设置来控制图片的裁剪方式:

对于每张图片,您可以选择裁剪时要保留的图片部分。在以下示例中,您可以看到如何针对某些屏幕尺寸裁剪同一图片。左侧的幻灯片将图片位置设置为正中。右侧的幻灯片将图片位置设置为左上角:

若要查看或更改您的图片位置设置,请参阅创建幻灯片说明中的步骤 10。

避免图片裁剪

若要避免裁剪幻灯片图片,请尝试以下步骤:

将幻灯片高度设置为适应第一张图片。

使用宽度为高度两倍的图片。这些图片的宽高比为 2:1。建议的尺寸为 1200 px × 600 px。

确保所有幻灯片的宽高比都相同。相对于幻灯片的尺寸(以像素为单位),幻灯片的比例要更加重要。

在以下示例中,桌面和移动设备上显示了一张比例为 2:1 的幻灯片图片:

幻灯片高度

幻灯片分区的宽度始终为浏览器窗口的 100%。幻灯片的高度与宽度是相对的。由于屏幕大小存在差异,因此,幻灯片的宽度和高度因不同的设备而异。幻灯片的高度也会受到幻灯片高度设置的影响。

您可以使用幻灯片高度设置 Adapt to first image(适应第一张图片),基于第一张图片的高度设置幻灯片的高度。当所有图片尺寸相同或宽高比相同时,此设置效果最佳。如果您的图片尺寸不同或比例不同,则可以更改幻灯片的顺序,查看它们在不同高度的显示效果。

在以下示例中,后弦放置了一个最短的幻灯片:

高度较低的幻灯片决定了另外两张幻灯片的高度。因为其他幻灯片较高,所以它们的顶部和底部经过了裁剪。

在下一个示例中,首先放置了一个较高的幻灯片:

中等高度的幻灯片将决定其他两张幻灯片的高度。较高的幻灯片的顶部和底部将被裁剪。较低的幻灯片的侧面将被裁剪。

如果您改为使用小、中或大高度设置,则请参阅幻灯片的图片大小建议。

图片比

如果想要避免幻灯片中出现图片裁剪,我们建议您的图片采用 2:1 的宽高比

如果您不担心图片会在桌面显示器上被裁剪,并且想要使图片在移动设备上的显示效果良好,请使用方形的图片或高度大于宽度的图片。以下示例幻灯片显示了一张方形图片,宽高比为 1:1:

一张方形幻灯片显示在桌面和移动设备上。此图片在桌面设备上经过了剪裁,但未在移动设备上被裁剪。

下一个示例幻灯片显示了宽高比为 2:3 的肖像图片:

一张较高的幻灯片显示在桌面和移动设备上。此图片在桌面设备上经过了剪裁,但未在移动设备上被裁剪。

模版设置:您可以使用模版设置来自定在线商店的颜色和字体。您还可以设置指向社交媒体帐号的链接、购物车设置以及添加网站图标。

默认模版包括以下模版设置:

颜色

版式

社交媒体

网站图标

结账

颜色

您可以为在线商店的不同部分选择颜色。

自定义颜色设置

在 Shopify 后台中,转到在线商店 > 模版。

单击 **** 旁边的自定义。

单击模版设置。

单击颜色。

对于每种类型的内容,单击颜色 swatch 以使用颜色选择器:

- 最近所选区域显示您最近为您的模版选择过的颜色。 - 当前使用区域显示您当前正在模版的其他部分中使用的颜色。

若要将颜色设置为透明,请单击无。

单击保存。

版式

您可设置在线商店上的文本的字体样式和大小。

自定义字体设置

在 Shopify 后台中,转到在线商店 > 模版。

单击 **** 旁边的自定义。

单击模版设置。

单击 Typography(字体)。

对于每种类型的文本,单击更改以使用字体选择器:

通过使用搜索字段或通过单击加载更多来浏览字体。

若要查看所有可用的字体,请参阅 Shopify 的字体库。

单击要使用的字体名称。

若要将字体更改为其他样式,例如粗体或斜体,请单击 Regular(常规)。下一步,单击您要使用的样式,然后单击选择。

单击保存。

社交媒体

您可以为产品和博客文章添加社交共享按钮以及转至您社交媒体帐户的链接。

自定义社交媒体设置:

在 Shopify 后台中,转到在线商店 > 模版。

查找 默认模版,然后单击自定义。

单击模版设置。

单击社交媒体。

若要上传社交共享图片,请在社交共享图片区域中,单击选择图片或浏览免费图片。

若要向您的产品和博客文章添加社交共享按钮,请在 Sharing options(共享选项)区域中选中任意或所有的复选框。

您可以添加以下共享按钮:

若要将链接添加到您的社交媒体帐户,请在帐户区域中,在提供的字段中输入转至您帐户的链接。请输入完整的链接,例如 或 。

指向您社交媒体帐户的链接显示在您的在线商店的页脚中。

单击保存。

备注:要在产品页面和博客文章上显示社交共享按钮,您还需要在这些页面的分区中启用这些按钮。

网站图标

您可以上传网站图标 (Favicon),该图标可通过在以下位置显示 logo 来帮助您推广在线商店品牌:

您的 Web 浏览器标签

您的 Web 浏览器历史记录

桌面上的图标

在线商店名称(将其加入书签后)旁边。

适用于默认模版的最佳网站图标图片尺寸为 32 x 32px。

上传网站图标:

在 Shopify 后台中,转到在线商店 > 模版。

在默认模版部分中,单击自定义。

单击模版设置选项卡。

单击网站图标。

在 Favicon image(网站图标图片)区域中,单击选择图片,然后执行以下操作之一:

单击保存。

添加到购物车”通知

当客户将产品添加到购物车时,您可以显示包含购物车页面链接的通知。

如果禁用此通知,将商品添加到购物车后,客户将直接进入购物车页面。

要自定义通知:

在 Shopify 后台中,转到在线商店 > 模版。

在默认模版部分中,单击自定义。

单击模版设置选项卡。

单击添加到购物车”通知。

选择是否启用将产品添加到购物车时显示通知设置。

单击保存。

结账

您可以对您的结账页面进行自定义以包含以下内容:

页面顶部的自定义图片横幅

商店 logo

主要内容区域中的背景图片或颜色

自定义文本字体和颜色。

若要在应用更改时查看更改,请转到模版器中的结账页面。

若要访问结账页面设置,请执行以下操作:

在 Shopify 后台中,转到在线商店 > 模版。

在默认模版部分中,单击自定义。

单击模版设置选项卡。

单击结账。

若要添加横幅图片,请执行以下操作:

在横幅区域中,选中 Use custom background(使用自定义背景)复选框。

单击选择文件以上传图片文件。

若要添加 logo,请执行以下操作:

在 logo 区域中,选择图片下拉菜单中的自定义。

单击选择文件链接以上传图片文件。

从位置下拉菜单中选择要显示图片的位置:右侧、左侧或中央。

在 Logo size(Logo 尺寸)列表中,选择一个 logo 尺寸。

自定义主要内容区域:

在主要内容区域区域中,选中使用自定义背景复选框。

执行以下任一操作:

单击选择文件以上传图片文件。

单击背景色 swatch 从调色板中选择新的颜色。

在表单字段下拉菜单中,选择字段是白色还是透明。

若要自定义订单摘要”页面,请执行以下操作:

在订单摘要区域中,选中使用自定义背景复选框。

执行以下任一操作:

单击选择文件以上传图片文件。

单击背景色 swatch 从调色板中选择新的颜色。

若要设置字体选项,请执行以下操作:

在版式区域中,从下拉菜单中选择用于标题和正文文本的字体。

若要设置颜色选项,请执行以下操作:

在颜色区域中,单击 Accents(主题色)、按钮或错误颜色 swatch 从调色板中选择新颜色。

更改模版样式

您可以将模版的通用设置重置为默认值。重置模版样式时,您对通用设置选项卡所做的任何更改都将丢失,但是您不会丢失文本和图片等内容。

单击通用设置选项卡。

单击 Change theme style(更改模版样式)。

单击 Change theme style(更改模版样式)下方的按钮。此按钮的名称通常是模版名称。

单击更改样式。(来源:Shopify)

以上内容属作者个人观点,不代表CIFCOM跨境立场!

文章到此结束,如果本次分享的Shopify模板和Shopify模板的问题解决了您的问题,那么我们由衷的感到高兴!

未经允许不得转载: CIFCOM跨境电商 » Shopify模板

相关文章

themebetter

contact