changed include to render on simple compnents, updated readme with SSL cheat

Author: mike-diff

config.yml.example

@@ -9,6 +9,8 @@ development:
   store: 
   storefront_api_key: 
   directory: dist/
+  # Note: when first deploying to a new theme you may have to comment out the ignore files.
+  # Then after first upload uncomment them.
   ignore_files:
     - config/settings_data.json
     - "*.js"

readme.md

@@ -77,6 +77,8 @@ This project uses [TailwindCSS](https://tailwindcss.com/) `v2` a utility-first C
 In the event that you find the HMR assets are not loading and the requests to localhost:9000 are 404 you will need to approve or pass a valid certificate.
 To solve this issue you can open a new browser window and approve the SSL Certificate or pass a valid certificate as mentioned here [devServer.https](https://webpack.js.org/configuration/dev-server/#devserverhttps).
 
+**Note:** a quick fix with Chrome `chrome://flags/#allow-insecure-localhost` change to enable
+
 ## HMR (Hot Module Reloading)
 When in development mode `yarn start` hot module reloading is enabled. It watches for changes to `JavaScript`, `CSS` and `Liquid` files. When JS or CSS is changes the browser will change without the need to refresh. When changes are made to liquid files a manual browser reload may be required.
 

src/components/layout/theme.liquid

@@ -30,7 +30,7 @@
 
   {%- comment -%}Varibles{%- endcomment -%}
   {{ content_for_header }}
-  {% include 'global-css' %}
+  {% render 'global-css' %}
 
   {{ 'tailwind.min.css' | asset_url | stylesheet_tag }}
   {{ 'bundle.global-css.css' | asset_url | stylesheet_tag }}

src/components/sections/header/header.liquid

@@ -29,7 +29,7 @@
         {%- for link in linklists[section.settings.menu].links -%}
         {%- if link.links != blank -%}
         <li class="inline-block mt-0 mr-4">
-          <a href="{{ link.url }}">{{ link.title }}{%- include 'icon-arrow-down' -%}</a>
+          <a href="{{ link.url }}">{{ link.title }}</a>
           <ul class="text-sm flex-grow">
             {%- for childlink in link.links -%}
             <li class="inline-block mt-0 mr-4"><a href="{{ childlink.url }}">{{ childlink.title }}</a>

src/components/sections/product/product.liquid

@@ -52,7 +52,7 @@
             </div>
           </div>
           <div class="mt-3 pb-5 border-b-2 border-gray-200 mb-5">
-            {% include 'input-counter' %}
+            {% render 'input-counter' %}
           </div>
           <div class="flex">
             <span

src/components/templates/collection.liquid

@@ -26,9 +26,9 @@
   {%- if settings.pagination and paginate.pages > 1 -%}
     {%- comment -%}Pagination Control in Theme Settings{%- endcomment -%}
     {%- if settings.pagination_type == 'accessable_pagination' -%}
-      {% include 'accessible-pagination' %}
+      {%- render 'accessible-pagination' with { paginate: paginate} -%}
     {%- elsif settings.pagination_type == 'default_pagination' -%}
-      {% include 'default-pagination' %}
+      {%- render 'default-pagination' with { paginate: paginate} -%}
     {%- endif -%}
   {%- endif -%}
   {% endpaginate %}

src/components/templates/list-collections.liquid

@@ -26,10 +26,10 @@
   {%- if settings.pagination and paginate.pages > 1 -%}
   {%- comment -%}Pagination Control in Theme Settings{%- endcomment -%}
     {%- if settings.pagination_type == 'accessable_pagination' -%}
-    {% include 'accessible-pagination' %}
+      {%- render 'accessible-pagination' with { paginate: paginate} -%}
     {%- endif -%}
     {%- if settings.pagination_type == 'default_pagination' -%}
-    {% include 'default-pagination' %}
+      {%- render 'default-pagination' with { paginate: paginate} -%}
     {%- endif -%}
   {%- endif -%}
   {%- endpaginate -%}