svaustin66

{% comment %}

Custom section added by JadePuma
Instructions - https://jadepuma.com/blogs/shopify-tutorials/flex-product-image-review-tool

{% endcomment %}

{%- assign id = section.id -%}

{% comment %} Section specific CSS {% endcomment %}

svaustin66

.product-app .jdgm-prev-badge__stars .jdgm--on { background-image: url("{{ 'Ryno-on-rect.png' | file_img_url: '50x' }}"); background-size: cover; }
.product-app .jdgm-prev-badge__stars .jdgm--off { background-image: url("{{ 'Ryno-off-rect.png' | file_img_url: '50x' }}"); background-size: contain; }
.product-app .jdgm-prev-badge__stars .jdgm--half { background-image: url("{{ 'Ryno-half-rect.png' | file_img_url: '50x' }}"); background-size: contain; }
.product-app .jdgm-prev-badge__stars .jdgm-star:last-of-type { padding-right: 4px !important; } 
.product-app .jdgm-prev-badge__stars .jdgm-star::before { opacity: 0; } 

svaustin66

{% comment %}

Custom section added by JadePuma
Instructions - https://jadepuma.com/blogs/shopify-tutorials/klaviyo-sign-up-form-section-for-the-flex-theme

{% endcomment %}

{% comment %} Assign object as block or section {% endcomment %}
{% if type == 'block' %}
  {%- assign object = block -%}

svaustin66

{% if content_for_layout contains 'data-step="contact_information"' %}
<ul class="bc">
  <a href="/cart">
    <li class="bc_item bc_complete">Cart</li>
  </a>
  <li class="bc_item bc_current">Customer Information</li>
  <li class="bc_item">Shipping Method</li>
  <li class="bc_item">Payment Method</li>
</ul>

svaustin66

{%- assign id = section.id -%}

{% comment %} Section specific CSS {% endcomment %}
{%- capture section_css -%}

.section-heading {
text-align: center;
color: {{ section.settings.heading-color }}; 
background-color: {{ section.settings.heading-background-color }};
margin: 20px 0;

svaustin66

{% comment %}

Custom section added by JadePuma
Instructions - https://jadepuma.com/blogs/shopify-tutorials/add-a-cart-message-section-to-the-flex-theme
Last editted - 9Aug22

{% endcomment %}

{% for tag in article.tags %}
	{% if tag contains 'product-' %}

svaustin66

<div class="commit-create  position-relative ">
      <div class="">
        <textarea class="form-control file-editor-textarea js-blob-contents js-code-textarea " rows="17" name="gist[contents][][value]" data-filename="product-demo.liquid" data-codemirror-mode="" data-allow-unchanged="true" data-hotkey-scope-id="code-editor" data-codemirror-fixed-height="true" placeholder="Enter file contents here" aria-label="Enter file contents here" spellcheck="false" style="display: none;"></textarea>
      <div class="CodeMirror cm-s-github-light" style="height: 322px;"><div class="CodeMirror-vscrollbar" tabindex="-1" cm-not-content="true"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-hscrollbar" tabindex="-1" cm-not-content="true"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="Co

svaustin66

<script
  type="application/json"
  data-section-type="cart-simple-cross-sell"
  data-section-id="{{ section.id }}"
>
</script>

{% comment %} Advanced {% endcomment %}
{%- assign css_class = section.settings.css_class -%}
{%- assign custom_css = section.settings.custom_css -%}

svaustin66

{% comment %}

  The 4 code bits below are added to the Custom liquid section that you'll add to each policy page 
  in Theme Customization in the Shopify admin.
  Only add one code bit to each Custom Liquid section.

{% endcomment %}


<div class="content">

svaustin66

{% capture icon_set %}
{% if settings.toggle_icon_style == 'carets' %}
{% render 'icon',
          name: 'down-caret',
icon_class: 'icon--rotate'
%}
{% else %}
{% render 'icon',
          name: 'plus',
icon_class: 'icon--active'