STENCIL-2598 - Add GeoTrust SSL Seal Toggle

CHANGELOG.md

@@ -5,6 +5,7 @@
 - Prevent carousel images from being cut off on large screens by adding a new setting to theme editor schema [#909](https://github.com/bigcommerce/stencil/pull/909)
 - Add schema description specifying that social media icons must be set up to see them [#920](https://github.com/bigcommerce/stencil/pull/920)
 - Show account creation links only if it is enabled in store settings [#917] (https://github.com/bigcommerce/stencil/pull/917)
+- Add GeoTrust SSL Seal Toggle [#903] (https://github.com/bigcommerce/stencil/pull/903)
 
 ## 1.5.1 (2017-02-07)
 - Fix an issue with a horizontal scroll bar showing in theme editor [#915](https://github.com/bigcommerce/stencil/pull/915)

assets/scss/layouts/footer/_footer.scss

@@ -150,3 +150,15 @@
         fill: stencilColor("icon-color");
     }
 }
+
+.footer-geotrust-ssl-seal {
+    @include breakpoint("small") {
+        bottom: 0;
+        position: absolute;
+        right: 16px;
+    }
+
+    table {
+        margin: auto;
+    }
+}

config.json

@@ -245,7 +245,9 @@
     "restrict_to_login": false,
     "swatch_option_size": "22x22",
     "social_icon_placement_top": false,
-    "social_icon_placement_bottom": "bottom_none"
+    "social_icon_placement_bottom": "bottom_none",
+    "show_geotrust_ssl_seal": false,
+    "geotrust_ssl_seal_size": "M"
   },
   "read_only_files": [
     "/assets/scss/components/citadel",

schema.json

@@ -2217,6 +2217,31 @@
         "label": "Show "©", current year and store name",
         "force_reload": true,
         "id": "show_copyright_footer"
+      },
+      {
+        "type": "heading",
+        "content": "GeoTrust SSL"
+      },
+      {
+        "type": "checkbox",
+        "label": "Show Seal",
+        "force_reload": true,
+        "id": "show_geotrust_ssl_seal"
+      },
+      {
+        "type": "select",
+        "label": "Seal Size",
+        "id": "geotrust_ssl_seal_size",
+        "options": [
+          {
+            "value": "M",
+            "label": "Medium"
+          },
+          {
+            "value": "S",
+            "label": "Small"
+          }
+        ]
       }
     ]
   },

templates/components/common/footer.html

@@ -71,6 +71,11 @@ <h5 class="footer-info-heading">{{lang 'footer.info'}}</h5>
                 {{> components/common/payment-icons}}
             </article>
         </section>
+        {{#if theme_settings.show_geotrust_ssl_seal}}
+            <div class="footer-geotrust-ssl-seal">
+                {{> components/common/geotrust-ssl-seal}}
+            </div>
+        {{/if}}
         {{#if theme_settings.show_powered_by}}
             <div class="footer-copyright">
                 <p class="powered-by">Powered by <a href="http://bigcommerce.com" rel="nofollow">BigCommerce</a></p>
@@ -85,4 +90,4 @@ <h5 class="footer-info-heading">{{lang 'footer.info'}}</h5>
             </script>
         {{/if}}
     </div>
-</footer>
+</footer>

templates/components/common/geotrust-ssl-seal.html

@@ -0,0 +1,8 @@
+<table width="135" border="0" cellpadding="2" cellspacing="0" title="Click to Verify - This site chose GeoTrust SSL for secure e-commerce and confidential communications.">
+    <tr>
+        <td width="135" align="center" valign="top">
+            <script type="text/javascript" src="https://seal.geotrust.com/getgeotrustsslseal?host_name={{settings.secure_host}}&amp;size={{theme_settings.geotrust_ssl_seal_size}}&amp;lang={{locale_name}}"></script><br />
+            <a href="http://www.geotrust.com/ssl/" target="_blank"  style="color:#000000; text-decoration:none; font:bold 7px verdana,sans-serif; letter-spacing:.5px; text-align:center; margin:0px; padding:0px;"></a>
+        </td>
+    </tr>
+</table>