雨宫琴音快播 Shopify基础建站教程,孤苦站装修主题代码设立

雨宫琴音快播 Shopify基础建站教程,孤苦站装修主题代码设立

Shopify基础建站教程,孤苦站装修主题代码设立 雨宫琴音快播 2020-04-14 雨果网

Shopify看成建站器用,它如实好像让咱们终点方便的建造网站并已毕网站的多样功能。然则这么的方便也捐躯了一定的可自界说的空间。无为的说,Shopify把各个功能齐模块化了,对于一些高等用户来说,若是它需要一些独特的功能,思修改代码的话,就比拟繁难了。

在本末节中,咱们以“去除细目页面上的社会化媒体共享按钮”为例。学习在Shopify的框架内的一些基本常用的前台的HTML代码和CSS代码的修改。

第一步:在左侧器用栏的“Online Store”中聘请“Themes”

第二步:在action内部找到“Edit code”,点击插足。

在这里咱们好像看到多样页面的前台的HTML代码

第三步:假如咱们要看一种页面类型的HTML代码雨宫琴音快播,咱们只需重点击这个页面模板的称号即可。

这里咱们以page(也即是Shopify内部的静态页面模板)为例,咱们点击page.liquid插足。

接下来咱们简短了解下这些HTML代码,

 

{{ page.title }}

这段代码的有趣是静态页面通盘的title齐被设立为了H1标签。

 

{{ 'general.breadcrumbs.home' | t }}

你好迷人 户外

这段代码的有趣是页面上显露面包屑导航。

这里省略备说,咱们仅仅对Shopify的页面模板,也即是liquid以及HTML代码有个初步了解。有进一步思了解代码的一又友们不错探求网站小哥(QQ:3298600936)。

第四步:咱们插足product.liquid,也即是居品页面模板,去除居品页面上的社会化媒体共享按钮。

为了快速定位社会化共享媒体按钮的位置,咱们查找下“share”这个字,好像发现如下代码:

{%- if settings.show_share_btn and settings.share_type == '1' -%}

{%- assign gl_follow_social = false -%}

{%- elsif settings.show_share_btn and settings.share_type == '2' -%}

   {%- assign gl_follow_social = true -%}

这段代码即是对于社会化媒体共享按钮的,若是你确切不思要这些按钮,就删除这段代码就好了。

若是你安设了不同的Theme的话雨宫琴音快播,会对你的代码产生不同经过的转变。你在修改代码的时辰就更应该一笔不苟。本节仅仅为了让有一定HTML和CSS基础的同学教唆应该在那里怎样自界说一些HTML和CSS,千万不要我方不懂的情况下乱改,以免网站出问题。





Powered by 百家乐涩涩片 @2013-2022 RSS地图 HTML地图

Copyright Powered by站群 © 2013-2024 版权所有