联系我们
  • 刘小姐:13113658425

    孙先生:13922695847

    电话:020-86201597

    传真:020-86749470

    Q  Q:3106130255  2902984829

    邮箱:hqxart@hqxart.com

    地址: 广州市花都区炭步镇民主村四角围路丰产支路自编28号001

新闻详细
  • 如何查看任意一个 Shopify 网站使用的主题?_1
    新闻分类:展览资讯   作者:香港k8凯发    发布于:1705846547    文字:【 】【 】【

     

    Shopify 主题(Theme)是应用于网站的一套设计模板,在定义在线商店的外观以及用户体验方面起着至关重要的作用。不同的 Shopify 主题各有特色(站点菜单,网站色调,交互式元素布局等),所针对的产品方向及应用场景也各不相同。Shopify 主题有免费的也有付费的,可以从 Shopify 官方主题商店或第三方市场(如 Themeforest )下载,一个 Shopify 在线商店最多可以有 20 个主题。有时候我们看到一个 Shopify 的在线商店,觉得整个网站设计大气美观,功能完善,整体浏览下来的用户体验非常不错,于是就会想知道应用的是哪款主题。

    那么如何能够查看任意一个 Shopify 在线商店正在使用的主题呢?下面来分享三种常用方法。

    【1】浏览器插件

    以 Chrome 浏览器为例,比较常用的可以检测 Shopify 网站应用主题的插件有 Commerce Inspector,Koala Inspector,Shopify Theme Inspector。

    图源:Commerce Inspector

    图源:Koala Inspector

    图源:Shopify Theme Inspector

    【2】源代码查看 Shopify.theme 或者 themeName

    以 Chrome 浏览器为例,访问想要查看的 Shopify 网站,接着快捷键 Ctrl + U 或者鼠标右键弹出菜单选择 “查看页面源代码”,然后按 Ctrl + F 在源代码页面搜索 “Shopify.theme”,

    图源:Chrome

    主题属性:

    name:主题名称;

    id:主题的唯一数字标识符;

    theme_store_id:Shopify 官方主题商店中每一款主题的唯一数字标识符;

    role:指定如何在网站中使用主题。状态值主要有以下几个,

    main:主题已发布。当访客访问网站时可以看到。

    unpublished:主题未发布。访客无法看到。

    demo:主题作为 demo 演示版本安装在网站中。只有购买完整版,主题才能发布。

    development:主题用于开发。该主题不能发布,并且是暂时的。

    或者直接搜索 “themeName”,

    图源:Chrome

    这样也可判断出网站用的主题。

    这里有一点要注意的是,上面主题属性中的第一个id,即主题的唯一数字标识符,这里的唯一是相较于店铺而言的,就是说一个主题会被很多个店铺安装应用,那么这个主题在每一个店铺中都会有一个唯一的标识符。另外,一个店铺中同一个主题可能会被复制出不同的版本,那么当前店铺中这个主题的每一个版本也会有对应的唯一标识符。

    要查看自己店铺中当前应用主题的 id,可以到店铺后台,选择:Online Store - Themes - Actions - Edit code

    进入代码编辑器后,主题的唯一标识符 id 将显示在浏览器的 URL 中:

    图源:Shopify

    这跟在源代码页面查找的 themeId 是一致的,

    【3】theme_store_id

    有时候某些 Shopify 网站会通过在后台编辑主题名称或直接修改代码的方式把主题名称给屏蔽掉,这种情况下,可以源代码搜索,在 shopify.theme 的信息集中查找 ID 特征,通过主题唯一的 theme_store_id 来判断对应的主题,但这种方法只适用于查找 Shopify 官方主题商店中的主题。

    图源:Chrome

    这里的 theme_store_id 跟上面主题属性中的 themeId 是不一样的。theme_store_id 是 Shopify官方主题商店中每一款主题的唯一数字标识符,如果值显示为 null,则意味着这个主题是其他第三方主题,不是 Shopfiy 官方主题商店中有的主题,或者这个主题不是直接从 Shopfiy 官方主题商店安装的正版主题,而是复制的主题副本或者是盗版主题。

    先复制上面找到的那个数字 id,然后来到Shopify的官方主题商店,点击all themes,接着查看页面源代码,

    图源:Shopify

    然后快捷键 ctrl + F搜索刚刚的那个 id,如果有匹配的搜索结果,那么便可以知道当前theme_store_id对应的是哪款主题,

    图源:Chrome

    如果在当前页面找不到匹配结果,那么再返回点击下一页,继续重复上面的过程步骤,直至遍历查找整个主题商店中的所有主题为止。

    Shopify 官方主题商店中一些比较受欢迎的主题及对应的 theme_store_id 如下:

    Dawn:887

    Debut:796

    Brooklyn:730

    Venture:775

    Narrative:829

    Simple:578

    Supply:679

    Minimal:380

    Boundless:766

    Parallax:688

    Grid:718

    Retina:601

    Galleria:851

    Highlight:903

    District:735

    Envy:411

    Testament:623

    Avenue:865

    Boost:863

    Venue:836

    Showcase:677

    Broadcast:868

    Empire:838

    Streamline:872

    Focal:714

    Pipeline:739

    Motion:847

    Expanse:902

    Warehouse:871

    Prestige:855

    Impulse:857

    有时候,也可以直接拿主题对应的 theme_store_id 到 Google 搜索,例如搜“Shopify theme 887”,这样也能快速知道对应的是哪款主题。

    图源:Google

    以上就是查看任意一个 Shopify 网站使用主题的三种常用方法介绍。

    分享到:
    点击次数:   更新时间:1705846547  【 打印此页】  【 关闭

Copyright © 2009-2014,广州香港k8凯发艺术品有限公司, All rights reserved 网站地图