Add slick arrows back and color them blue

konnected-io · Apr 7, 2023 · 5890454 · 5890454
1 parent c2488d0
commit 5890454
Show file tree

Hide file tree

Showing 8 changed files with 29 additions and 65 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,4 +1,4 @@
 {
   "liquid.format.enable": false,
-  "editor.formatOnSave": true
+  "editor.formatOnSave": false
 }
diff --git a/assets/global.css b/assets/global.css
@@ -1,3 +1,6 @@
+html {
+  scroll-behavior: smooth;
+}
 
 /*================ Brand Colors ================*/:root {
   --brand-refresh: #3F75FF;
@@ -84,29 +87,6 @@
   padding: 10px;
 }
 
-.fa.fa-chevron-left:before,
-.fa.fa-chevron-right:before,
-.slick-prev:before,
-.slick-next:before {
-  font-size: 24px;
-  font-family: "Font Awesome 5 Free";
-  font-weight: 900;
-  color: var(--brand-refresh);
-}
-
-.fa.fa-chevron-left:before,
-.fa.fa-chevron-right:before {
-  color: var(--brand-refresh-white);
-}
-
-.slick-prev:before {
-  content: '\f053';
-}
-
-.slick-next:before {
-  content: '\f054';
-}
-
 /*================ Text Alignment ================*/
 
 .text-left {
@@ -374,4 +354,8 @@ li {
   .shop-btn {
     display: none;
   }
+}
+
+.slick-prev:before, .slick-next:before {
+  color: var(--brand-refresh);
 }
diff --git a/assets/k-two-col-carousel-styles.css b/assets/k-two-col-carousel-styles.css
@@ -60,15 +60,6 @@
   height: 100px;
   margin: auto;
 }
-.two-col-carousel .fa.fa-chevron-left:before,
-.two-col-carousel .fa.fa-chevron-right:before,
-.two-col-carousel .slick-prev:before,
-.two-col-carousel .slick-next:before {
-  font-size: 24px;
-  font-family: "Font Awesome 5 Free";
-  font-weight: 900;
-  color: var(--brand-refresh-dark-gray);
-}
 
 @media(max-width: 1050px) {
   .two-col-carousel h2 {

diff --git a/layout/theme.liquid b/layout/theme.liquid
@@ -9,7 +9,6 @@
     <link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
     <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"/>
     <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick-theme.css"/>
-    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous" media="print" onload="this.media='all'">
 
     {%- if settings.favicon != blank -%}
       <link rel="icon" type="image/png" href="{{ settings.favicon | image_url: width: 32, height: 32 }}">

diff --git a/sections/k-article-carousel.liquid b/sections/k-article-carousel.liquid
@@ -269,6 +269,7 @@
         autoplay: true,
         autoplaySpeed: 5500,
         cssEase: 'ease',
+        arrows: true,
         responsive: [
           {
             breakpoint: 950,

diff --git a/sections/k-image-carousel.liquid b/sections/k-image-carousel.liquid
@@ -276,6 +276,7 @@
     infinite: true,
     swipeToSlide: true,
     centerMode: false,
+    arrows: true,
     responsive: [
       {
         breakpoint: 992,

diff --git a/sections/k-phones-carousel.liquid b/sections/k-phones-carousel.liquid
@@ -271,6 +271,7 @@
         autoplay: true,
         autoplaySpeed: 5500,
         cssEase: 'ease',
+        arrows: true,
         responsive: [
           {
             breakpoint: 992,

diff --git a/templates/index.json b/templates/index.json
@@ -19,7 +19,7 @@
             "align": "left",
             "justify": "left",
             "cta_text": "Learn More",
-            "cta_link": "#shopify-section-16242712170e9ca4df",
+            "cta_link": "#shopify-section-template--18250241802555__k-3d-carousel",
             "cta_bg": "blue",
             "cta_color": "white",
             "quiz-button": false
@@ -50,36 +50,23 @@
         "0d49ea55-96ea-4801-a72e-ffdaabca43d7": {
           "type": "hero",
           "settings": {
-            "button_label_1": "Shop all",
-            "button_link_1": "shopify://collections/all",
-            "button_style_secondary_1": true,
-            "button_label_2": "",
-            "button_link_2": "",
-            "button_style_secondary_2": false
-          }
-        }
-      },
-      "block_order": ["heading", "text", "button"],
-      "settings": {
-        "image_overlay_opacity": 40,
-        "image_height": "large",
-        "desktop_content_position": "bottom-center",
-        "show_text_box": false,
-        "desktop_content_alignment": "center",
-        "color_scheme": "background-1",
-        "mobile_content_alignment": "center",
-        "stack_images_on_mobile": false,
-        "show_text_below": false
-      }
-    },
-    "rich_text": {
-      "type": "rich-text",
-      "blocks": {
-        "heading": {
-          "type": "heading",
-          "settings": {
-            "heading": "<p>Talk about your brand</p>",
-            "heading_size": "h1"
+            "class": "",
+            "image": "shopify:\/\/shop_images\/PUSH6630_1.png",
+            "title": "Make Your Sensors Turn On Lights",
+            "heading_font_size": "large",
+            "heading_font_weight": "bold",
+            "heading_font_color": "dark-blue",
+            "text": "With Konnected, you can use your wired sensors to create endless automations &amp; routines to improve your smart home experience.\n<br><br>\nAutomate smart lights, thermostats and other smart devices you already own.",
+            "text_font_size": "medium",
+            "text_font_weight": "regular",
+            "text_font_color": "dark-gray",
+            "align": "left",
+            "justify": "left",
+            "cta_text": "Learn More",
+            "cta_link": "#shopify-section-template--18250241802555__k-3d-carousel",
+            "cta_bg": "blue",
+            "cta_color": "white",
+            "quiz-button": false
           }
         },
         "00a1cd62-2185-4071-867b-ff072bde26c8": {