fix(storefront): BCTHEME-219 Social icons not clickable in modal afte…

…r reopening
bigcommerce · Oct 16, 2020 · 63050d9 · 63050d9
1 parent 0564704
commit 63050d9
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 10 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -27,7 +27,7 @@
 - Delete item button in cart cut off from right side when in focus. [#1823](https://github.com/bigcommerce/cornerstone/pull/1823)
 - Focus not visible on logo element. [#1800](https://github.com/bigcommerce/cornerstone/pull/1800)
 - Incorrect styles for focused buttons in grid card product item. [#1801](https://github.com/bigcommerce/cornerstone/pull/1801)
-- Add global region to header. [#1801](https://github.com/bigcommerce/cornerstone/pull/1859)
+- Add global region to header. [#1859](https://github.com/bigcommerce/cornerstone/pull/1859)
 
 ## 4.10.0 (10-01-2020)
 - Return heading to product card. [#1848](https://github.com/bigcommerce/cornerstone/pull/1848)

diff --git a/assets/js/theme/global/quick-view.js b/assets/js/theme/global/quick-view.js
@@ -24,6 +24,9 @@ export default function (context) {
 
             modal.setupFocusableElements(modalTypes.QUICK_VIEW);
 
+            // eslint-disable-next-line no-undef
+            addthis.toolbox('.addthis_toolbox');
+
             return new ProductDetails(modal.$content.find('.quickView'), context);
         });
     });

diff --git a/templates/components/common/share.html b/templates/components/common/share.html
@@ -43,15 +43,6 @@
                 </li>
             {{/each}}
         </ul>
-        <script type="text/javascript"
-                defer src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4e94ed470ee51e32"></script>
-        <script>
-            window.addEventListener('DOMContentLoaded', function() {
-                if (typeof(addthis) === "object") {
-                    addthis.toolbox('.addthis_toolbox');
-                }
-            });
-        </script>
     </div>
 {{/if}}
 {{#if settings.facebook_like_button.enabled}}

diff --git a/templates/layout/base.html b/templates/layout/base.html
@@ -54,6 +54,12 @@
             window.stencilBootstrap("{{page_type}}", {{jsContext}}).load();
         </script>
 
+        {{!-- Adding script for addthis social icons --}}
+        <script type="text/javascript"
+                defer
+                src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4e94ed470ee51e32">
+        </script>
+
         {{{footer.scripts}}}
     </body>
 </html>