OC 3.0.2移除/修改AddThis脚本及Twitter按钮样式修复求助

针对你在OC 3.0.2里遇到的AddThis脚本修改无效、Twitter按钮样式异常的问题，我给你整理了一套可行的排查和解决步骤：

1. 先找准AddThis脚本的所有加载位置 #

OpenCart 3.x的AddThis脚本不一定只在product.twig里，可能分散在多个地方，先逐个排查：

• 模块层面：先登录后台，进入扩展>扩展>模块，搜索有没有AddThis相关的模块，如果有直接禁用它，这是最快捷的方式。
• 全局模板：检查主题的common/footer.twig文件（路径：catalog/view/theme/你的当前主题/template/common/footer.twig），很多主题会把AddThis脚本放在页脚全局加载，找类似这样的代码并删除/注释：

  <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=你的ID"></script>
  

• 产品控制器：打开catalog/controller/product/product.php，查看是否有通过PHP代码加载AddThis的语句，比如：

  $this->document->addScript('//s7.addthis.com/js/300/addthis_widget.js');
  

  如果有，直接删除这一行。

2. 解决模板修改后不生效的缓存问题 #

OC 3.x的缓存机制经常会让修改后的模板不即时生效，你需要做这些操作：

• 后台右上角点击刷新缓存按钮（那个圆圈箭头图标）；
• 进入系统>设置>编辑你的店铺>服务器，暂时把“缓存”选项设为禁用，测试完成后再开启；
• 强制清除浏览器缓存（按Ctrl+Shift+R或者Cmd+Shift+R），避免浏览器加载旧的页面缓存；
• 确认你修改的是当前正在使用的主题文件，别改到其他未启用的主题模板里了。

3. 修复Twitter按钮样式异常问题 #

如果移除AddThis后Twitter按钮还是样式不对，或者你只是想调整样式：

• 确认按钮来源：如果Twitter按钮是AddThis提供的组件，移除AddThis后建议替换为Twitter官方的原生分享按钮（直接用Twitter开发者平台的嵌入代码）；
• 自定义CSS修正：用浏览器开发者工具（F12）定位到Twitter按钮的CSS选择器，然后在主题的样式表（比如catalog/view/theme/你的主题/stylesheet/stylesheet.css）里添加针对性样式，示例：

  /* 调整Twitter按钮的尺寸和间距 */
  .twitter-share-button {
      min-width: 120px !important;
      margin: 6px 0;
      padding: 4px 8px;
  }
  

  加!important是为了覆盖默认的内联或第三方样式，修改后同样要清除缓存刷新页面。

额外排查点 #

如果以上步骤都没解决，再检查这两个地方：

• 有没有使用CDN（比如Cloudflare），需要在CDN后台清除站点缓存；
• 查看页面源代码，搜索addthis关键词，找到脚本的加载位置，再对应修改对应的文件。

内容的提问来源于stack exchange，提问作者davoodkhan