eclipse-cdt添加文件注释_给网站任何页面添加强大的社交分享按钮(含Shopify操作教程)...

news/2024/5/8 10:15:23/文章来源:https://blog.csdn.net/weixin_34642354/article/details/112108194

由于Shopify的主题的分享按钮可分享的社交平台比较少,所以我就从网上找了一个功能超级强大的集社交分享与关注的Share this分享按钮,他支持49种按钮分享,关注社交平台按钮,点赞按钮等等,

网站地址是:https://sharethis.com/

666d1fc167fb2a4bbf0975a4d634072a.png

怎么将其应用到Shopify网站上呢?(以Shopify免费主题Debut为例)

第一步:在Shopify主题代码编辑模式下,打开Sections下的Product-templete.liquid文件,找到如下代码,将其注释掉(不建议删除);

小技巧:其他主题的代码也类似这样,你可以全选,查找,输入Share然后就可以判断出大概的代码位置,然后根据liquid语法结构,{% if }开头,{% endif %}结尾判断出代码片段;

Tips:You can change the code before run.

注意:所谓注释掉,是将代码隐藏,前端不显示,liquid语言的注释: {% comment %}代码内容{% endcomment %},强烈建议注释代码,而不是删除,因为当你发现代码有问题时候,你可以去掉注释,还能恢复到以前。

第二步:打开sharethis网站根据里面的操作提示步骤,自定义你想要的分享按钮,点击获取分享html代码,输入一个邮箱和密码就可以看到需要往网站添加的代码了;

1e0ce1d260e2b4aee348e80bc5ab9a2b.png
a8c065c21536f27ac191a2d2cb782684.png

第三步:由于代码有两部分,如下图所示,第一部分需要放到主题的theme.liquid文件里面的head标签里面,第二部分需要放到上面的文件product-templet.liquid文件注释的liquid代码处,然后点击保存

cd4880f6dbd8feb79a1703d8bbbdb45e.png

第一部分代码添加示例截图:

340d48584cc64342017edde1a043cc74.png

第二部分代码添加示例截图:

62215b596a82d2808f82137886889c50.png

第四步:打开产品详情页,你可以在产品页看到如下所示的效果:

9c7159541f3ddba0ab27caf0a331fa80.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_765983.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

嘉缘人才网管理系统php,asp 嘉缘人才网站内容管理系统终结版 v7.0

《嘉缘人才内容管理系统》基于Win32平台,采用ASPMSSQL 2000运行环境。其安装简单方便,只需将程序上传至服务器后即可使用;强大的企业招聘、个人求职、新闻资讯、高级人才、兼职人才、留言反馈、及强大的在线支付与自定义标签等功能&#xff0…

wordpress wpdb-update 能获取更新的id嘛?_外贸建站基础课程—wordpress

说到 WordPress 相信很多同学都会知道这是一个能够搭建外贸网站的开发平台。但是在具体的概念理解和实际操作上或多或少的存在一些偏差。今天我们就来系统的讲解一下wordpress究竟是什么样的魅力能够让建站人员对它如此着迷。一.Wordpress是什么?WordPress是一个以P…

几十万的词如何用每页500词分页展示_SEO优化分享_如何提升网站收录_网站SEO三要素的注意点...

SEO优化大师课程教你如何提升网站收录以及网站SEO三要素的注意点。今天给你们免费分享SEO优化大师地课程,包含了如何提升网站收录和网站SEO三要素的注意点。想要了解更多SEO优化内容,欢迎来咨询。如何提升网站收录:保持规律的更新&#xff0c…

开启访问控制_Ping32网站访问控制使用教程

通过网站访问控制功能,可以对终端用户访问网站进行管控,可以设置网站访问黑白名单,只允许用户访问某些网站或禁止访问某些网站;支持设置网页关键词,涉及到关键词的网页禁止打开。选择网络管理分组,点击网站…

seo按天扣费系统_seo计费系统,seo按天计费系统使用介绍

常规优化关键词查找繁琐,SEO工作量大,优化时间较慢,用户查询不能自主操作,自主查询加词,没有良好的用户体验。试想一个客户本来可以优化10个词的,但是客户不知道都想优化那些词,如何把单个客户的…

2021安徽高考成绩查询链接,2021年安徽高考成绩查询网站查分网址:https://www.ahzsks.cn/...

【导语】高考结束后大家最为关心的问题就是在哪里查分,如何查分,更三高考高考频道特别整理2021年安徽高考成绩查询查分网址,成绩公布时考生可直接点击网址进行查分,预祝大家都能顺利的考上理想的大学!由于,…

服务器崩溃如何恢复网站数据库,数据库服务器崩了如何恢复

数据库服务器崩了如何恢复 内容精选换一换本文以Linux操作系统为例,介绍如何将已下载的副本集备份文件的数据恢复至自建数据库。关于如何下载备份文件,请参见下载备份文件。该方法仅适用于副本集实例。本地自建MongoDB数据库已安装3.4版本客户端工具。假…

java网站兼容性设置_Web测试兼容性

随时操作系统,浏览器越来越多样性,导致软件兼容性测试在目前软件测试领域占有很重要的地位,无论是B/S架构还是C/S架构的软件都需要进行兼容性测试,为了充分保证产品的平台无关性,使用户充分感受到软件的友好。Web兼容性…

奇奇seo优化软件_黑龙江seo优化排名软件

黑龙江sexaa0c1o优化排名软件,随着现代化信息技术的发展,人们越来越多的从网络来获取信息。近年来,我们获取的信息绝大部分都是来源于网络,网络如今已成为信息的最大载体。为了让更多消费者了解并消费企业提供的服务和产品&#x…

进服务器网站报错应用程序,IIS:应用程序池中的服务器错误、超时时间已到

网站前台现象:页面报错问题现象:在服务器日志有:【为应用程序池 提供服务的进程关闭时间超过了限制。进程 ID 是 7480。】提示的ID可以有很多,例如3844、8004、6124等数字。发现很多类似的问题,引发的根本原因未知&am…

jitter 如何优化网络_网络营销:企业如何通过站外优化做好网站的SEO优化呢?...

既然要了解SEO网站优化,那么除了站内优化外,还应该讲到站外优化。什么是站外优化呢?站外优化从字面意义上看,是优化网站以外的内容,做网站的外部优化。企业可以通过对官网进行站内优化,使自己的网站利于蜘蛛爬取;而站…

php 商城漏洞,爆PHPWeb成品网站超市最新注入漏洞

今天早上去乌云逛的时候,看到西部数码分站被爆注入,于是就关注了一下。然后到下午没想到就公开了,一看原来是phpweb成品网站超市。西部数码说是第三方就忽略了,蛋疼。你这忽略想我就想到,既然你们西部有那其他的网站也…

Dreamweaver CS6 新建站点

1、打开新建站点菜单 打开Dreamweaver CS6软件,在Dreamweaver CS6软件界面的导航上可以看到站点菜单栏。点击站点,然后选择弹出菜单上的新建站点子菜单。 2、添加服务器 点击左下角的“”图标添加解析的服务器。 开发网站的时候一般使用的是本地搭建的服…

python制作网页服务器_python网络编程学习--简易网站服务器制作

python 网络编程和其他语言都是一样的,服务器这块步骤为: 1. 创建套接字 2. 绑定地址 3. 监听该描述符的所有请求 4. 有新的请求到了调用accept处理请求 Python Web服务器网关接口(Python Web Server Gateway Interface,简称“WSGI”)&#x…

web服务器创建站点,Dreamweaver创建Web站点的六个步骤流程

对于一个SEO优化人员来说,虽然不要求对于网站建站有多么精通,但是还是必须要懂得一些使用建站工具的基本操作。在Dreamweaver中,Web站点可视为网站中所有文件的集合。我们可以在本地计算机上创建Web页,也可将Web页上传至Web服务器…

web性能优化 高性能网站建设指南

公司的平台需要对访问速度等进行优化,大致的方向就是从缓存、压缩、减少请求等方面进行处理,不光需要对网络有一定的理解,也需要对浏览器的机制以及前端的技术等有些许的了解,在这个过程中,阅读了《高性能网站建设指南…

PHP 亿级 pv 网站架构实战之性能压榨

1. 性能优化的原则 性能优化是建立在对业务的理解之上的性能优化与架构、业务相辅相成、密不可分的 2. 性能优化的引入 我们先看一张简单的 web 架构图 从上到下从用户的浏览器到最后的数据库,那么我们说先前端的优化。 3. 前端优化 雅虎军规:http://www…

网站常用的html5效果,30个使用HTML5技术的电子商务网站

30个使用HTML5技术的电子商务网站5月 4, 2012评论Sponsor现在在网上已经很容易找到HTML5的网站,但大部分都没有分类或是不太实用,今天就此为大家分享一些已经商业化而且遍布全球的电子商务网站,这些网站都是采用了一些HTML5的技术&#xff0c…

服务器上网站上的数据库密码,服务器上网站上的数据库密码是什么

服务器上网站上的数据库密码是什么 内容精选换一换本章节指导您使用MongoDB客户端和Robo 3T工具,通过公网连接副本集实例。用户可以直接操作副本集主节点和备节点。主节点用于读写请求,您可以连接主节点对数据进行读写操作。备节点复制主节点数据&#x…