Skip to content

Instantly share code, notes, and snippets.

@garrettmac

garrettmac/collection.liquid

Last active April 4, 2017 19:57
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save garrettmac/53ecfb4c8a94a4a4a8df6e19af05ddf7 to your computer and use it in GitHub Desktop.
Save garrettmac/53ecfb4c8a94a4a4a8df6e19af05ddf7 to your computer and use it in GitHub Desktop.
Download ZIP
Shopify Used-Radios.com
Raw
collection.liquid
{% comment %}
{% assign productsPerPage = settings.collection-products-number-of-rows | times: settings.collection-products-per-row %}
{% endcomment %}
{% assign productsPerPage = 370 %}
{% paginate collection.products by productsPerPage %}
{% assign platforms = 0 %}
{% if settings.share-widget-facebook %}{% assign platforms = platforms | plus: 1 %}{% endif %}
{% if settings.share-widget-twitter %}{% assign platforms = platforms | plus: 1 %}{% endif %}
{% if settings.share-widget-pinterest %}{% assign platforms = platforms | plus: 1 %}{% endif %}
{% if settings.share-widget-fancy %}{% assign platforms = platforms | plus: 1 %}{% endif %}
{% if settings.share-widget-google-plus %}{% assign platforms = platforms | plus: 1 %}{% endif %}
{% if settings.share-widget-email %}{% assign platforms = platforms | plus: 1 %}{% endif %}
{% if platforms > 0 %}
<div class="collection-sharing meta">
<span class="collection-sharing-toggle">{{ 'general.share_buttons.share' | t }}</span>
{% include 'share-buttons' %}
</div>
{% endif %}
{% if settings.collection-sorting or settings.collection-filtering %}
<div class="collection-viewing-parameters">
{% if settings.collection-sorting %}
<div class="collection-sorting {% if collection.current_vendor %}vendor-collection{% endif %}">
<div class="select-wrapper">
{% assign sortHandles = "manual|price-ascending|price-descending|title-ascending|title-descending|created-ascending|created-descending|best-selling" | split: "|" %}
{% capture sortTitles %}{{ 'collections.collection_sorting.manual' | t }}|{{ 'collections.collection_sorting.price-ascending' | t }}|{{ 'collections.collection_sorting.price-descending' | t }}|{{ 'collections.collection_sorting.title-ascending' | t }}|{{ 'collections.collection_sorting.title-descending' | t }}|{{ 'collections.collection_sorting.created-ascending' | t }}|{{ 'collections.collection_sorting.created-descending' | t }}|{{ 'collections.collection_sorting.best-selling' | t }}{% endcapture %}
{% assign sortTitles = sortTitles | split: "|" %}
{% for handle in sortHandles %}
{% if collection.sort_by == blank and collection.default_sort_by == handle %}
{% assign currentTitle = sortTitles[forloop.index0] %}
{% elsif collection.sort_by == handle %}
{% assign currentTitle = sortTitles[forloop.index0] %}
{% endif %}
{% endfor %}
<label class="selected-text"> {{ 'collections.collection_sorting.title' | t }} <strong>{{ currentTitle }}</strong></label>
<select>
{% for handle in sortHandles %}
{% if collection.sort_by == blank and collection.default_sort_by == handle %}
<option value="{{handle}}" selected="selected">{{ sortTitles[forloop.index0] }}</option>
{% elsif collection.sort_by == handle %}
<option value="{{handle}}" selected="selected">{{ sortTitles[forloop.index0] }}</option>
{% else %}
<option value="{{handle}}">{{ sortTitles[forloop.index0] }}</option>
{% endif %}
{% endfor %}
</select>
</div>
</div>
{% endif %}
{% if collection.handle != blank and settings.collection-filtering %}
<div class="collection-filtering" data-fallback-url="/collections/{{collection.handle}}">
{% assign tagLinkLists = "collection-filter-link-list-1|collection-filter-link-list-2|collection-filter-link-list-3" | split: "|" %}
{% assign availableLinks = false %}
{% for list in tagLinkLists %}
{% assign name = settings[list] %}
{% if linklists[name].links.size > 0 %}
{% assign availableLinks = true %}
<div class="collection-filter">
<div class="select-wrapper">
<label class="selected-text">{{ linklists[name].title }}: <strong>{{ 'collections.collection.any_tag' | t }}</strong></label>
<select>
<option value="any">{{ 'collections.collection.any_tag' | t }}</option>
{% for link in linklists[name].links %}
{% assign currentTagsHandles = current_tags | handleize %}
{% assign tagHandle = link.title | handleize %}
{% if collection.all_tags contains link.title %}
{% if currentTagsHandles contains tagHandle %}
<option value="{{ tagHandle }}" selected>{{ link.title }}</option>
{% else %}
<option value="{{ tagHandle }}">{{ link.title }}</option>
{% endif %}
{% endif %}
{% endfor %}
</select>
</div>
</div>
{% endif %}
{% endfor %}
{% if availableLinks == false and collection.all_tags.size > 0 %}
{% comment %}
There were no links found in any of the link lists
{% endcomment %}
<div class="collection-filter">
<div class="select-wrapper">
<label class="selected-text">{{ 'collections.collection.tags_label' | t }}: <strong>{{ 'collections.collection.any_tag' | t }}</strong></label>
<select>
<option value="any">{{ 'collections.collection.any_tag' | t }}</option>
{% for tag in collection.all_tags %}
{% if current_tags contains tag %}
<option value="{{ tag | handleize }}" selected>{{ tag }}</option>
{% else %}
<option value="{{ tag | handleize }}">{{ tag }}</option>
{% endif %}
{% endfor %}
</select>
</div>
</div>
{% endif %}
</div>
{% if current_tags.size > 0 %}
<span class="meta collection-remove-filter">{{ 'collections.collection.reset_tags' | t }}</span>
{% endif %}
{% endif %}
</div>
{% endif %}
<center id="filter"><p>{{ collection.all_products_count }} total products in this collection
</p>
</center>
{% include 'custom.filter.section' %}
<div class="collection-products clearfix {{settings.collection-layout-style}}-layout {{settings.collection-product-text-style}}-style rows-of-{{settings.collection-products-per-row}} mobile-rows-of-{{settings.collection-products-per-row-mobile}} {% if collection.products.size == 0 %}collection-empty{% endif %}">
{% for product in collection.products %}
{% include 'product-list-item' %}
{% else %}
<p class="empty">{{ 'collections.collection.empty' | t }} {% if current_tags.size > 0 %}{{ 'collections.collection.empty_tag_filter' | t }}{% endif %}</p>
{% endfor %}
</div>
{% include 'pagination' %}
{% endpaginate %}
<script>
</script>
Raw
custom.browse-by-tag-dropdown.liquid
<div class="clearfix filter">
<p>Browse by tag:<span>
<select class="coll-filter">
<option value="">All</option>
{% for tag in collection.all_tags %}
{% if current_tags contains tag %}
<option value="{{ tag | handle }}" selected>{{ tag }}</option>
{% else %}
<option value="{{ tag | handle }}">{{ tag }}</option>
{% endif %}
{% endfor %}
</select>
</span> </p>
</div>
Raw
custom.filter.accessory.kind.liquid
{%if collection.title contains 'Accessories' %}
Filter Accessory:
<ul class="tagbar clearfix">
{% for tag in collection.all_tags %}
{%if tag contains 'Antenna'
or tag contains 'Battery'
or tag contains 'Charger'
or tag contains 'Handset'
or tag contains 'Keypad'
or tag contains 'Mic'
%}
{% include 'custom.tag' %}
{% endif %}
{% endfor %}
</ul>
{% endif %}
Raw
custom.filter.infrastructure.kinds.liquid
{%if collection.title contains 'Infrastructure' %}
Sort By Infastructure Kind:
<ul class="tagbar clearfix">
{% for tag in collection.all_tags %}
{% if tag contains 'Amplifier'
or tag contains 'Combiner'
or tag contains 'Repeater'
or tag contains 'Consolette'
or tag contains 'Console System'
or tag contains 'Pager'
or tag contains 'Power Supply'
or tag contains 'Exciter'
or tag contains 'Receiver'
%}
{% include 'custom.tag' %}
{% endif %}
{% endfor %}
</ul>
{% endif %}
Raw
custom.filter.list.collections.liquid
<!-- Example See: http://i.imgur.com/LviiyD0.png
-->
<ul>
{% assign all_type_list = collection.all_types | join: ', ' %}
{% for product_type in shop.types %}
{% assign type_handle = product_type | handleize %}
{% assign type_collection = collections[type_handle] %}
<li class="{% if all_options and all_type_list contains product_type %}active{% endif %} {% if product.type == product_type %}current{% endif %} {% if forloop.last %}last{% endif %}">
{% if type_collection == empty %}{{ product_type | link_to_type }}
{% else %}{{ type_collection.title | link_to: type_collection.url }}
{% endif %}
<span class="collection-count">({{ type_collection.all_products_count }})</span>
</li>
{% endfor %}
</ul>
Raw
custom.filter.list.types.liquid
Shop:
<!-- https://sunnyradios.com/collections/types?q=Antennas -->
<ul>
{% for product_type in shop.types %}
{% assign type_handle = product_type | handleize %}
{% assign type_collection = collections[type_handle] %}
<li class="{% if product.type == product_type %}current{% endif %}">
{% if type_collection == empty %}{{ product_type | link_to_type }}
{% else %}{{ type_collection.title | link_to: type_collection.url }}
{% endif %}
</li>
{% endfor %}
</ul>
Raw
custom.filter.list.vendors.liquid
{% if collection.url != blank %}
<ul>
{% for product_vendor in collection.all_vendors %}
<li>
{% if current_tags contains product_vendor %}
<a class="active" href="{{ collection.url }}">{{ product_vendor }}</a>
{% else %}
<a href="{{ collection.url }}/{{ product_vendor | handle }}">{{ product_vendor }}</a>
{% endif %}
</li>
{% endfor %}
</ul>
{% endif %}
Raw
custom.filter.mobile.band.liquid
{%if collection.title contains 'Mobiles' or collection.title contains 'Portables' %}
Sort By Band:
<ul class="tagbar clearfix">
{% for tag in collection.all_tags %}
{% if tag contains '800'
or tag contains '900'
or tag contains 'Low Band'
or tag contains 'Low-Band'
or tag contains 'Lowband'
or tag contains 'UHF'
or tag contains 'VHF'
%}
{% include 'custom.tag' %}
{% endif %}
{% endfor %}
</ul>
{% endif %}
Raw
custom.filter.mobile.system.liquid
{%if collection.title contains 'Mobiles' or collection.title contains 'Portables' %}
System Filter:
<ul class="tagbar clearfix">
{% for tag in collection.all_tags %}
{%if tag contains 'P25'
or tag contains 'Analog'
or tag contains 'Mobile System Unknown'
or tag contains 'Commercial Digital'
%}
{% include 'custom.tag' %}
{% endif %}
{% endfor %}
</ul>
{% endif %}
Raw
custom.filter.mobile.watts.liquid
{%if collection.title contains 'Mobiles' %}
Sort By Wattage:
<ul class="tagbar clearfix">
{% for tag in collection.all_tags %}
{%if tag contains 'Watts' %}
{% include 'custom.tag' %}
{% endif %}
{% endfor %}
</ul>
{% endif %}
Raw
custom.filter.portable.channel.liquid
{%if collection.title contains 'Portables' %}
Sort By Channel:
<ul class="tagbar clearfix">
{% for tag in collection.all_tags %}
{%if tag contains 'Channels' %}
{% include 'custom.tag' %}
{% endif %}
{% endfor %}
</ul>
{% endif %}
Raw
custom.filter.section.liquid
{% if collection.url != blank %}
{% include 'custom.filter.mobile.system'%}
{% include 'custom.filter.vendors' %}
{% include 'custom.filter.mobile.watts'%}
{% include 'custom.filter.portable.channel'%}
{% include 'custom.filter.infrastructure.kinds'%}
{% include 'custom.filter.mobile.band'%}
{% include 'custom.filter.accessory.kind'%}
{%endif%}
<hr>
{% include 'custom.tag.css'%}
{%comment%}
<li{% unless current_tags %} class="active"{% endunless %}>
{% if collection.handle contains collection.all_vendors %}
<a href="/collections/{{ collection.handle }}
{% if collection.sort_by %}?sort_by={{ collection.sort_by }}
{% endif %}">All</a>
{% elsif collection.current_type %}
<a href="{{ collection.current_type | url_for_type | sort_by: collection.sort_by }}">All</a>
{% elsif collection.current_vendor %}
<a href="{{ collection.current_vendor | url_for_vendor | sort_by: collection.sort_by }}">All</a>
{% endif %}
</li>
{%endcomment%}
Raw
custom.filter.vendor-list.liquid
<ul>
{% for product_vendor in shop.vendors %}
{% assign vendor_handle = product_vendor | handleize %}
{% assign vendor_collection = collections[vendor_handle] %}
<li class="{% if product.vendor == product_vendor %}current{% endif %}">
{% if vendor_collection == empty %}{{ product_vendor | link_to_vendor }}
{% else %}{{ vendor_collection.title | link_to: vendor_collection.url }}
{% endif %}
</li>
{% endfor %}
</ul>
Raw
custom.filter.vendors.liquid
Sort By Vendor:
<ul class="tagbar clearfix">
{% for tag in collection.all_vendors %}
{% include 'custom.tag' %}
{% endfor %}
</ul>
{%comment%}
Sort By Vendor:
{% if collection.url != blank %}
<ul class="tagbar clearfix">
<li><a href="{{ collection.url }}">All</a></li>
{% for product_vendor in collection.all_vendors %}
<li>
{% if current_tags contains product_vendor %}
<li class="active">{{ product_vendor | link_to_remove_tag: product_vendor }}</li>
{% else %}
<li >{{ product_vendor | link_to_add_tag: product_vendor }}</li>
{% endif %}
</li>
{% endfor %}
</ul>
{% endif %}
{%endcomment%}
Raw
custom.tag.css
<style>
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* Subnavigation styles */
.tagbar { clear: both; list-style-type: none; margin: 0; padding: 0; }
.tagbar li { display: block; float: left; }
.tagbar li a {
display: block;
height: 28px;
/* line-height: 28px; */
padding: 0 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
background: #eee;
margin: 7px 7px 0 0;
/* margin: 0; */
color: #666;
}
.tagbar li a:hover, .tagbar li.active a {
background: #666;
color: #fff;
}
/*
http://stackoverflow.com/questions/29732117/how-do-i-make-all-images-of-similar-size
*/
.product-list-item a{
text-align: center;
}
.product-list-item img {
/* border: 2px solid red !important; */
width: 300px; /*set the width or max-width*/
height:300px;
}
</style>
Raw
custom.tag.liquid
{%comment%}
{% if current_tags contains tag %}
<li class="active">{{ tag | link_to_remove_tag: tag }}</li>
{% else %}
<li >{{ tag | link_to_add_tag: tag }}</li>
{% endif %}
{%endcomment%}
{% if current_tags contains tag %}
{%comment%}<li class="active">{{ tag | link_to_remove_tag: tag }}</li>
{% assign tag_path= current_tags | join: '+'| replace: ' ', '-' | downcase%}
{%capture tag_path%}{{tag_path}}#filter{%endcapture%}
{% assign tag_single=tag_path| replace: ' ', '-' | downcase%}
{% assign remove_tag= tag_path |replace:tag_single| replace: '++', '+' | replace: '/+', '/'| replace: '+#', '#' %}
{%endcomment%}
{% assign tag_single=tag| replace: ' ', '-' | downcase%}
{% assign tag_path= current_tags | join: '+'| replace: ' ', '-' | downcase%}
{%capture xpath%}{{shop.url}}{{ collection.url}}/{{tag_path}}+{{tag| replace: ' ', '-' | downcase}}#filter{%endcapture%}
{%assign removed_tag_url=xpath| remove:tag_single| replace: '++', '+'| replace: '/+', '/'| replace: '+#', '#'%}
<li class="active"><a href="{{removed_tag_url}}">{{tag}}</a></li>
{% else %}
{%comment%}<li >{{ tag | link_to_add_tag: tag }}</li>{%endcomment%}
{% assign tag_path= current_tags | join: '+'| replace: ' ', '-' | downcase%}
<li >
{%capture xpath%}{{shop.url}}{{ collection.url}}/{{tag_path}}+{{tag| replace: ' ', '-' | downcase}}#filter{%endcapture%}
<a href="{{xpath| replace: '++', '+' | replace: '/+', '/'| replace: '+#', '#'}}">{{tag }}</a></li>
{% endif %}
Raw
form.product-wishlist
<div class="rte">
{{ page.content }}
</div>
<div class="contact-form">
<form accept-charset="utf-8" method="post" action="https://submit.jotform.us/submit/62366525291155/" id="62366525291155" class="jotform-form" name="form_62366525291155">
<input type="hidden" value="62366525291155" name="formID" />
<div class="form-all">
<ul class="form-section page-section">
<li data-type="control_head" id="cid_1" class="form-input-wide">
<div class="form-header-group">
<div class="header-text httal htvam">
<h1 id="header_1" class="form-header"> Product Wishlist Form </h1>
</div>
</div>
</li>
<li data-type="control_text" id="id_3" class="form-line">
<div id="cid_3" class="form-input-wide">
<div id="text_3" class="form-html">
<p><span style="font-size: 12pt; font-family: arial,helvetica,sans-serif;">Please fill in your contact information below and list the radio items you are looking to purchase that we currently do not have in stock. We will search for these items and send you pricing and availability. The more information you can supply, the easier it will be for us to find exactly what you are looking for.</span></p>
</div>
</div>
</li>
<li data-type="control_fullname" id="id_4" class="form-line jf-required"> <label for="input_4" id="label_4" class="form-label form-label-left form-label-auto"> Name: <span class="form-required"> * </span> </label>
<div id="cid_4" class="form-input jf-required"> <span style="vertical-align: top;" class="form-sub-label-container"> <input type="text" size="10" id="first_4" class="form-textbox validate[required]" name="q4_name[first]" /> <label for="first_4" style="min-height: 13px;" id="sublabel_first" class="form-sub-label"> First Name </label> </span> <span style="vertical-align: top;" class="form-sub-label-container"> <input type="text" size="15" id="last_4" class="form-textbox validate[required]" name="q4_name[last]" /> <label for="last_4" style="min-height: 13px;" id="sublabel_last" class="form-sub-label"> Last Name </label> </span> </div>
</li>
<li data-type="control_textbox" id="id_5" class="form-line"> <label for="input_5" id="label_5" class="form-label form-label-left form-label-auto"> Co/Dealership: </label>
<div id="cid_5" class="form-input jf-required"> <input type="text" data-type="input-textbox" size="33" id="input_5" class=" form-textbox" name="q5_codealership" /> </div>
</li>
<li data-type="control_phone" id="id_6" class="form-line jf-required"> <label for="input_6" id="label_6" class="form-label form-label-left form-label-auto"> Phone: <span class="form-required"> * </span> </label>
<div id="cid_6" class="form-input jf-required"> <span style="vertical-align: top;" class="form-sub-label-container"> <input type="tel" size="3" id="input_6_area" class="form-textbox validate[required]" name="q6_phone6[area]" /> <span class="phone-separate"> &nbsp;- </span> <label for="input_6_area" style="min-height: 13px;" id="sublabel_area" class="form-sub-label"> Area Code </label> </span> <span style="vertical-align: top;" class="form-sub-label-container"> <input type="tel" size="8" id="input_6_phone" class="form-textbox validate[required]" name="q6_phone6[phone]" /> <label for="input_6_phone" style="min-height: 13px;" id="sublabel_phone" class="form-sub-label"> Phone Number </label> </span> </div>
</li>
<li data-type="control_email" id="id_7" class="form-line jf-required"> <label for="input_7" id="label_7" class="form-label form-label-left form-label-auto"> E-mail: <span class="form-required"> * </span> </label>
<div id="cid_7" class="form-input jf-required"> <input type="email" size="33" id="input_7" class=" form-textbox validate[required, Email]" name="q7_email7" /> </div>
</li>
<li data-type="control_phone" id="id_8" class="form-line"> <label for="input_8" id="label_8" class="form-label form-label-left form-label-auto"> Fax: </label>
<div id="cid_8" class="form-input jf-required"> <span style="vertical-align: top;" class="form-sub-label-container"> <input type="tel" size="3" id="input_8_area" class="form-textbox" name="q8_fax[area]" /> <span class="phone-separate"> &nbsp;- </span> <label for="input_8_area" style="min-height: 13px;" id="sublabel_area" class="form-sub-label"> Area Code </label> </span> <span style="vertical-align: top;" class="form-sub-label-container"> <input type="tel" size="8" id="input_8_phone" class="form-textbox" name="q8_fax[phone]" /> <label for="input_8_phone" style="min-height: 13px;" id="sublabel_phone" class="form-sub-label"> Phone Number </label> </span> </div>
</li>
<li data-type="control_textarea" id="id_9" class="form-line"> <label for="input_9" id="label_9" class="form-label form-label-left form-label-auto"> Notes: </label>
<div id="cid_9" class="form-input jf-required"> <textarea cols="40" rows="6" id="input_9" class="form-textarea" name="q9_notes"></textarea> </div>
</li>
<li data-type="control_matrix" id="id_10" class="form-line"> <label for="input_10" id="label_10" class="form-label form-label-top"> </label>
<div id="cid_10" class="form-input-wide jf-required">
<table cellspacing="0" cellpadding="4" class="form-matrix-table">
<tbody>
<tr>
<th style="width: 56px; height: 35px;" class="form-matrix-column-headers form-matrix-column_0"> Qty </th>
<th style="width: 78px;" class="form-matrix-column-headers form-matrix-column_1"> Type </th>
<th style="width: 76px;" class="form-matrix-column-headers form-matrix-column_2"> Brand </th>
<th style="width: 78px;" class="form-matrix-column-headers form-matrix-column_3"> Model# </th>
<th style="width: 80px;" class="form-matrix-column-headers form-matrix-column_4"> Frequency </th>
<th style="width: 80px;" class="form-matrix-column-headers form-matrix-column_5"> Power </th>
<th style="width: 80px;" class="form-matrix-column-headers form-matrix-column_6"> Channels </th>
<th style="width: 142px;" class="form-matrix-column-headers form-matrix-column_7"> Special Instructions </th>
</tr>
<tr>
<td align="center" style="height: 35px;" class="form-matrix-values"> <input type="text" size="2" id="input_10_0_0" class="form-textbox" name="q10_input10[0][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_0_1" class="form-textbox" name="q10_input10[0][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_0_2" class="form-textbox" name="q10_input10[0][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_0_3" class="form-textbox" name="q10_input10[0][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_0_4" class="form-textbox" name="q10_input10[0][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_0_5" class="form-textbox" name="q10_input10[0][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_0_6" class="form-textbox" name="q10_input10[0][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="13" id="input_10_0_7" class="form-textbox" name="q10_input10[0][]" /> </td>
</tr>
<tr>
<td align="center" style="height: 35px;" class="form-matrix-values"> <input type="text" size="2" id="input_10_1_0" class="form-textbox" name="q10_input10[1][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_1_1" class="form-textbox" name="q10_input10[1][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_1_2" class="form-textbox" name="q10_input10[1][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_1_3" class="form-textbox" name="q10_input10[1][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_1_4" class="form-textbox" name="q10_input10[1][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_1_5" class="form-textbox" name="q10_input10[1][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_1_6" class="form-textbox" name="q10_input10[1][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="13" id="input_10_1_7" class="form-textbox" name="q10_input10[1][]" /> </td>
</tr>
<tr>
<td align="center" style="height: 35px;" class="form-matrix-values"> <input type="text" size="2" id="input_10_2_0" class="form-textbox" name="q10_input10[2][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_2_1" class="form-textbox" name="q10_input10[2][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_2_2" class="form-textbox" name="q10_input10[2][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_2_3" class="form-textbox" name="q10_input10[2][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_2_4" class="form-textbox" name="q10_input10[2][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_2_5" class="form-textbox" name="q10_input10[2][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_2_6" class="form-textbox" name="q10_input10[2][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="13" id="input_10_2_7" class="form-textbox" name="q10_input10[2][]" /> </td>
</tr>
<tr>
<td align="center" style="height: 35px;" class="form-matrix-values"> <input type="text" size="2" id="input_10_3_0" class="form-textbox" name="q10_input10[3][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_3_1" class="form-textbox" name="q10_input10[3][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_3_2" class="form-textbox" name="q10_input10[3][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_3_3" class="form-textbox" name="q10_input10[3][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_3_4" class="form-textbox" name="q10_input10[3][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_3_5" class="form-textbox" name="q10_input10[3][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_3_6" class="form-textbox" name="q10_input10[3][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="13" id="input_10_3_7" class="form-textbox" name="q10_input10[3][]" /> </td>
</tr>
<tr>
<td align="center" style="height: 35px;" class="form-matrix-values"> <input type="text" size="2" id="input_10_4_0" class="form-textbox" name="q10_input10[4][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_4_1" class="form-textbox" name="q10_input10[4][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_4_2" class="form-textbox" name="q10_input10[4][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_4_3" class="form-textbox" name="q10_input10[4][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_4_4" class="form-textbox" name="q10_input10[4][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_4_5" class="form-textbox" name="q10_input10[4][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_4_6" class="form-textbox" name="q10_input10[4][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="13" id="input_10_4_7" class="form-textbox" name="q10_input10[4][]" /> </td>
</tr>
<tr>
<td align="center" style="height: 35px;" class="form-matrix-values"> <input type="text" size="2" id="input_10_5_0" class="form-textbox" name="q10_input10[5][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_5_1" class="form-textbox" name="q10_input10[5][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_5_2" class="form-textbox" name="q10_input10[5][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_5_3" class="form-textbox" name="q10_input10[5][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_5_4" class="form-textbox" name="q10_input10[5][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_5_5" class="form-textbox" name="q10_input10[5][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_5_6" class="form-textbox" name="q10_input10[5][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="13" id="input_10_5_7" class="form-textbox" name="q10_input10[5][]" /> </td>
</tr>
<tr>
<td align="center" style="height: 35px;" class="form-matrix-values"> <input type="text" size="2" id="input_10_6_0" class="form-textbox" name="q10_input10[6][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_6_1" class="form-textbox" name="q10_input10[6][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_6_2" class="form-textbox" name="q10_input10[6][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_6_3" class="form-textbox" name="q10_input10[6][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_6_4" class="form-textbox" name="q10_input10[6][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_6_5" class="form-textbox" name="q10_input10[6][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_6_6" class="form-textbox" name="q10_input10[6][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="13" id="input_10_6_7" class="form-textbox" name="q10_input10[6][]" /> </td>
</tr>
<tr>
<td align="center" style="height: 35px;" class="form-matrix-values"> <input type="text" size="2" id="input_10_7_0" class="form-textbox" name="q10_input10[7][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_7_1" class="form-textbox" name="q10_input10[7][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_7_2" class="form-textbox" name="q10_input10[7][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_7_3" class="form-textbox" name="q10_input10[7][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_7_4" class="form-textbox" name="q10_input10[7][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_7_5" class="form-textbox" name="q10_input10[7][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_7_6" class="form-textbox" name="q10_input10[7][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="13" id="input_10_7_7" class="form-textbox" name="q10_input10[7][]" /> </td>
</tr>
<tr>
<td align="center" style="height: 35px;" class="form-matrix-values"> <input type="text" size="2" id="input_10_8_0" class="form-textbox" name="q10_input10[8][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_8_1" class="form-textbox" name="q10_input10[8][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_8_2" class="form-textbox" name="q10_input10[8][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_8_3" class="form-textbox" name="q10_input10[8][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_8_4" class="form-textbox" name="q10_input10[8][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_8_5" class="form-textbox" name="q10_input10[8][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_8_6" class="form-textbox" name="q10_input10[8][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="13" id="input_10_8_7" class="form-textbox" name="q10_input10[8][]" /> </td>
</tr>
<tr>
<td align="center" style="height: 35px;" class="form-matrix-values"> <input type="text" size="2" id="input_10_9_0" class="form-textbox" name="q10_input10[9][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_9_1" class="form-textbox" name="q10_input10[9][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_9_2" class="form-textbox" name="q10_input10[9][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_9_3" class="form-textbox" name="q10_input10[9][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_9_4" class="form-textbox" name="q10_input10[9][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_9_5" class="form-textbox" name="q10_input10[9][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="5" id="input_10_9_6" class="form-textbox" name="q10_input10[9][]" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" size="13" id="input_10_9_7" class="form-textbox" name="q10_input10[9][]" /> </td>
</tr>
</tbody>
</table>
</div>
</li>
<li data-type="control_button" id="id_2" class="form-line">
<div id="cid_2" class="form-input-wide">
<div class="form-buttons-wrapper" style="text-align: center;"> <button type="submit" id="input_2" class="form-submit-button form-submit-button-simple_orange"> SUBMIT REQUEST </button> </div>
</div>
</li>
<li style="display: none;"> Should be Empty: <input type="text" name="website" /> </li>
</ul>
</div>
<input type="hidden" value="62366525291155" id="simple_spc" name="simple_spc" />
<script type="text/javascript"> document.getElementById("si" + "mple" + "_spc").value = "62366525291155-62366525291155"; </script>
</form>
</div>
Raw
form.product.trade-in
<div class="rte">
{{ page.content }}
</div>
<div class="contact-form">
<form accept-charset="utf-8" action="https://submit.jotform.us/submit/62345276361153/" class="jotform-form" id="62345276361153" method="post" name="form_62345276361153">
<input name="formID" type="hidden" value="62345276361153">
<div class="form-all">
<ul class="form-section page-section">
<li class="form-line jf-required" data-type="control_fullname" id="id_4">
<label class="form-label form-label-left form-label-auto" for="input_4" id="label_4">Name: <span class="form-required">*</span></label>
<div class="form-input jf-required" id="cid_4">
<span class="form-sub-label-container" style="vertical-align: top;"><input class="form-textbox validate[required]" id="first_4" name="q4_name[first]" size="10" type="text"> <label class="form-sub-label" for="first_4" id="sublabel_first" style="min-height: 13px;">First Name</label></span> <span class="form-sub-label-container" style="vertical-align: top;"><input class="form-textbox validate[required]" id="last_4" name="q4_name[last]" size="15" type="text"> <label class="form-sub-label" for="last_4" id="sublabel_last" style="min-height: 13px;">Last Name</label></span>
</div>
</li>
<li class="form-line" data-type="control_textbox" id="id_5">
<label class="form-label form-label-left form-label-auto" for="input_5" id="label_5">Co/Dealership:</label>
<div class="form-input jf-required" id="cid_5">
<input class=" form-textbox" data-type="input-textbox" id="input_5" name="q5_codealership" size="33" type="text">
</div>
</li>
<li class="form-line jf-required" data-type="control_phone" id="id_6">
<label class="form-label form-label-left form-label-auto" for="input_6" id="label_6">Phone: <span class="form-required">*</span></label>
<div class="form-input jf-required" id="cid_6">
<span class="form-sub-label-container" style="vertical-align: top;"><input class="form-textbox validate[required]" id="input_6_area" name="q6_phone6[area]" size="3" type="tel"> <span class="phone-separate">&nbsp;-</span> <label class="form-sub-label" for="input_6_area" id="sublabel_area" style="min-height: 13px;">Area Code</label></span> <span class="form-sub-label-container" style="vertical-align: top;"><input class="form-textbox validate[required]" id="input_6_phone" name="q6_phone6[phone]" size="8" type="tel"> <label class="form-sub-label" for="input_6_phone" id="sublabel_phone" style="min-height: 13px;">Phone Number</label></span>
</div>
</li>
<li class="form-line jf-required" data-type="control_email" id="id_7">
<label class="form-label form-label-left form-label-auto" for="input_7" id="label_7">E-mail: <span class="form-required">*</span></label>
<div class="form-input jf-required" id="cid_7">
<input class=" form-textbox validate[required, Email]" id="input_7" name="q7_email7" size="33" type="email">
</div>
</li>
<li class="form-line" data-type="control_phone" id="id_8">
<label class="form-label form-label-left form-label-auto" for="input_8" id="label_8">Fax:</label>
<div class="form-input jf-required" id="cid_8">
<span class="form-sub-label-container" style="vertical-align: top;"><input class="form-textbox" id="input_8_area" name="q8_fax[area]" size="3" type="tel"> <span class="phone-separate">&nbsp;-</span> <label class="form-sub-label" for="input_8_area" id="sublabel_area" style="min-height: 13px;">Area Code</label></span> <span class="form-sub-label-container" style="vertical-align: top;"><input class="form-textbox" id="input_8_phone" name="q8_fax[phone]" size="8" type="tel"> <label class="form-sub-label" for="input_8_phone" id="sublabel_phone" style="min-height: 13px;">Phone Number</label></span>
</div>
</li>
<li class="form-line" data-type="control_textarea" id="id_9">
<label class="form-label form-label-left form-label-auto" for="input_9" id="label_9">Notes:</label>
<div class="form-input jf-required" id="cid_9">
<textarea class="form-textarea" cols="40" id="input_9" name="q9_notes" rows="6"></textarea>
</div>
</li>
<li class="form-line" data-type="control_text" id="id_11">
<div class="form-input-wide" id="cid_11">
<div class="form-html" id="text_11">
<ul style="list-style-type: disc;">
<li>Portable radios considered "complete" will include - the radio, battery, antenna and charger</li>
<li>Mobiles radios considered "complete" will include - the radio, bracket, palm microphone (cable, speaker or head when applicable)</li>
</ul>
</div>
</div>
</li>
<li class="form-line" data-type="control_matrix" id="id_10">
<label class="form-label form-label-top" for="input_10" id="label_10"></label>
<div class="form-input-wide jf-required" id="cid_10">
<table cellpadding="4" cellspacing="0" class="form-matrix-table">
<tbody>
<tr>
<th class="form-matrix-column-headers form-matrix-column_0" style="width: 56px; height: 45px;">Qty</th>
<th class="form-matrix-column-headers form-matrix-column_1" style="width: 77px;">Type</th>
<th class="form-matrix-column-headers form-matrix-column_2" style="width: 75px;">Brand</th>
<th class="form-matrix-column-headers form-matrix-column_3" style="width: 78px;">Model#</th>
<th class="form-matrix-column-headers form-matrix-column_4" style="width: 180px;">Description</th>
<th class="form-matrix-column-headers form-matrix-column_5" style="width: 120px;">Known Flaws</th>
<th class="form-matrix-column-headers form-matrix-column_6" style="width: 70px;">Engraved (Y/N)</th>
</tr>
<tr>
<td align="center" class="form-matrix-values" style="height: 35px;"><input class="form-textbox" id="input_10_0_0" name="q10_input10[0][]" size="2" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_0_1" name="q10_input10[0][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_0_2" name="q10_input10[0][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_0_3" name="q10_input10[0][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_0_4" name="q10_input10[0][]" size="18" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_0_5" name="q10_input10[0][]" size="10" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_0_6" name="q10_input10[0][]" size="4" type="text"></td>
</tr>
<tr>
<td align="center" class="form-matrix-values" style="height: 35px;"><input class="form-textbox" id="input_10_1_0" name="q10_input10[1][]" size="2" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_1_1" name="q10_input10[1][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_1_2" name="q10_input10[1][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_1_3" name="q10_input10[1][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_1_4" name="q10_input10[1][]" size="18" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_1_5" name="q10_input10[1][]" size="10" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_1_6" name="q10_input10[1][]" size="4" type="text"></td>
</tr>
<tr>
<td align="center" class="form-matrix-values" style="height: 35px;"><input class="form-textbox" id="input_10_2_0" name="q10_input10[2][]" size="2" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_2_1" name="q10_input10[2][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_2_2" name="q10_input10[2][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_2_3" name="q10_input10[2][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_2_4" name="q10_input10[2][]" size="18" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_2_5" name="q10_input10[2][]" size="10" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_2_6" name="q10_input10[2][]" size="4" type="text"></td>
</tr>
<tr>
<td align="center" class="form-matrix-values" style="height: 35px;"><input class="form-textbox" id="input_10_3_0" name="q10_input10[3][]" size="2" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_3_1" name="q10_input10[3][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_3_2" name="q10_input10[3][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_3_3" name="q10_input10[3][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_3_4" name="q10_input10[3][]" size="18" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_3_5" name="q10_input10[3][]" size="10" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_3_6" name="q10_input10[3][]" size="4" type="text"></td>
</tr>
<tr>
<td align="center" class="form-matrix-values" style="height: 35px;"><input class="form-textbox" id="input_10_4_0" name="q10_input10[4][]" size="2" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_4_1" name="q10_input10[4][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_4_2" name="q10_input10[4][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_4_3" name="q10_input10[4][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_4_4" name="q10_input10[4][]" size="18" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_4_5" name="q10_input10[4][]" size="10" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_4_6" name="q10_input10[4][]" size="4" type="text"></td>
</tr>
<tr>
<td align="center" class="form-matrix-values" style="height: 35px;"><input class="form-textbox" id="input_10_5_0" name="q10_input10[5][]" size="2" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_5_1" name="q10_input10[5][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_5_2" name="q10_input10[5][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_5_3" name="q10_input10[5][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_5_4" name="q10_input10[5][]" size="18" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_5_5" name="q10_input10[5][]" size="10" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_5_6" name="q10_input10[5][]" size="4" type="text"></td>
</tr>
<tr>
<td align="center" class="form-matrix-values" style="height: 35px;"><input class="form-textbox" id="input_10_6_0" name="q10_input10[6][]" size="2" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_6_1" name="q10_input10[6][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_6_2" name="q10_input10[6][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_6_3" name="q10_input10[6][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_6_4" name="q10_input10[6][]" size="18" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_6_5" name="q10_input10[6][]" size="10" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_6_6" name="q10_input10[6][]" size="4" type="text"></td>
</tr>
<tr>
<td align="center" class="form-matrix-values" style="height: 35px;"><input class="form-textbox" id="input_10_7_0" name="q10_input10[7][]" size="2" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_7_1" name="q10_input10[7][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_7_2" name="q10_input10[7][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_7_3" name="q10_input10[7][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_7_4" name="q10_input10[7][]" size="18" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_7_5" name="q10_input10[7][]" size="10" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_7_6" name="q10_input10[7][]" size="4" type="text"></td>
</tr>
<tr>
<td align="center" class="form-matrix-values" style="height: 35px;"><input class="form-textbox" id="input_10_8_0" name="q10_input10[8][]" size="2" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_8_1" name="q10_input10[8][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_8_2" name="q10_input10[8][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_8_3" name="q10_input10[8][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_8_4" name="q10_input10[8][]" size="18" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_8_5" name="q10_input10[8][]" size="10" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_8_6" name="q10_input10[8][]" size="4" type="text"></td>
</tr>
<tr>
<td align="center" class="form-matrix-values" style="height: 35px;"><input class="form-textbox" id="input_10_9_0" name="q10_input10[9][]" size="2" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_9_1" name="q10_input10[9][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_9_2" name="q10_input10[9][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_9_3" name="q10_input10[9][]" size="5" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_9_4" name="q10_input10[9][]" size="18" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_9_5" name="q10_input10[9][]" size="10" type="text"></td>
<td align="center" class="form-matrix-values"><input class="form-textbox" id="input_10_9_6" name="q10_input10[9][]" size="4" type="text"></td>
</tr>
</tbody>
</table>
</div>
</li>
<li class="form-line" data-type="control_button" id="id_2">
<div class="form-input-wide" id="cid_2">
<div class="form-buttons-wrapper" style="text-align: center;">
<button class="form-submit-button form-submit-button-simple_orange" id="input_2" type="submit">SUBMIT REQUEST</button>
</div>
</div>
</li>
<li style="display: none;">Should be Empty: <input name="website" type="text"></li>
</ul>
</div><input id="simple_spc" name="simple_spc" type="hidden" value="62345276361153">
<script type="text/javascript">
document.getElementById("si" + "mple" + "_spc").value = "62345276361153-62345276361153";
</script>
</form>
</div>
Raw
form.radio-programming
Radio Programming Form
This form is intended to assist USED-RADIOS.com in fulfilling your radio programming needs. If you recently placed an order through USED-RADIOS.com or eBay and have been directed to this programming form, please fill out your contact information and all necessary fields in the programming form below. If you placed an order through eBay, please be sure to include the eBay auction number in the field below. If you did not place an order that requires programming, please disregard this form and continue shopping.
<div class="rte">
{{ page.content }}
</div>
<div class="contact-form">
<form accept-charset="utf-8" id="62355612988163" name="form_62355612988163" method="post" action="https://submit.jotform.us/submit/62355612988163/" class="jotform-form">
<input type="hidden" value="62355612988163" name="formID" />
<div class="form-all">
<ul class="form-section page-section">
<li data-type="control_head" class="form-input-wide" id="cid_1">
<div class="form-header-group">
<div class="header-text httal htvam">
<h1 class="form-header" id="header_1"> Radio Programming Form </h1>
</div>
</div>
</li>
<li id="id_3" data-type="control_text" class="form-line">
<div class="form-input-wide" id="cid_3">
<div class="form-html" id="text_3">
<p>This form is intended to assist USED-RADIOS.com in fulfilling your radio programming needs. If you recently placed an order through USED-RADIOS.com or eBay and have been directed to this programming form, please fill out your contact information and all necessary fields in the programming form below. If you placed an order through eBay, please be sure to include the eBay auction number in the field below. If you did not place an order that requires programming, please disregard this form and continue shopping.</p>
</div>
</div>
</li>
<li id="id_4" data-type="control_fullname" class="form-line jf-required"> <label for="input_4" id="label_4" class="form-label form-label-left form-label-auto"> Name: <span class="form-required"> * </span> </label>
<div class="form-input jf-required" id="cid_4"> <span style="vertical-align: top;" class="form-sub-label-container"> <input type="text" id="first_4" name="q4_name4[first]" size="10" class="form-textbox validate[required]" /> <label style="min-height: 13px;" id="sublabel_first" for="first_4" class="form-sub-label"> First Name </label> </span> <span style="vertical-align: top;" class="form-sub-label-container"> <input type="text" id="last_4" name="q4_name4[last]" size="15" class="form-textbox validate[required]" /> <label style="min-height: 13px;" id="sublabel_last" for="last_4" class="form-sub-label"> Last Name </label> </span> </div>
</li>
<li id="id_5" data-type="control_phone" class="form-line jf-required"> <label for="input_5" id="label_5" class="form-label form-label-left form-label-auto"> Phone: <span class="form-required"> * </span> </label>
<div class="form-input jf-required" id="cid_5"> <span style="vertical-align: top;" class="form-sub-label-container"> <input type="tel" size="3" id="input_5_area" name="q5_phone[area]" class="form-textbox validate[required]" /> <span class="phone-separate"> &nbsp;- </span> <label style="min-height: 13px;" id="sublabel_area" for="input_5_area" class="form-sub-label"> Area Code </label> </span> <span style="vertical-align: top;" class="form-sub-label-container"> <input type="tel" size="8" id="input_5_phone" name="q5_phone[phone]" class="form-textbox validate[required]" /> <label style="min-height: 13px;" id="sublabel_phone" for="input_5_phone" class="form-sub-label"> Phone Number </label> </span> </div>
</li>
<li id="id_6" data-type="control_email" class="form-line jf-required"> <label for="input_6" id="label_6" class="form-label form-label-left form-label-auto"> E-mail <span class="form-required"> * </span> </label>
<div class="form-input jf-required" id="cid_6"> <input type="email" size="33" name="q6_email" id="input_6" class=" form-textbox validate[required, Email]" /> </div>
</li>
<li id="id_7" data-type="control_textbox" class="form-line jf-required"> <label for="input_7" id="label_7" class="form-label form-label-left form-label-auto"> Radio Model: <span class="form-required"> * </span> </label>
<div class="form-input jf-required" id="cid_7"> <input type="text" size="33" name="q7_radioModel" id="input_7" data-type="input-textbox" class=" form-textbox validate[required]" /> </div>
</li>
<li id="id_8" data-type="control_textbox" class="form-line jf-required"> <label for="input_8" id="label_8" class="form-label form-label-left form-label-auto"> Ebay Auction#: <span class="form-required"> * </span> </label>
<div class="form-input jf-required" id="cid_8"> <input type="text" size="33" name="q8_ebayAuction8" id="input_8" data-type="input-textbox" class=" form-textbox validate[required]" /> </div>
</li>
<li id="id_9" data-type="control_textbox" class="form-line jf-required"> <label for="input_9" id="label_9" class="form-label form-label-left form-label-auto"> Used-Radios<br />
Order#: <span class="form-required"> * </span> </label>
<div class="form-input jf-required" id="cid_9"> <input type="text" size="33" name="q9_usedradiosOrder" id="input_9" data-type="input-textbox" class=" form-textbox validate[required]" /> </div>
</li>
<li id="id_10" data-type="control_textarea" class="form-line"> <label for="input_10" id="label_10" class="form-label form-label-left form-label-auto"> Notes: </label>
<div class="form-input jf-required" id="cid_10"> <textarea rows="6" cols="40" name="q10_notes" class="form-textarea" id="input_10"></textarea> </div>
</li>
<li id="id_11" data-type="control_text" class="form-line">
<div class="form-input-wide" id="cid_11">
<div class="form-html" id="text_11">
<ul style="list-style-type: disc;">
<li> The first 16 channels of programming are free with any purchase. </li>
<li> Note: the number of characters allowed for Alpha Tags is different for each radio. The buyer assumes responsibility for supplying USED-RADIOS.com with the correct number of Alpha Tag characters. Any characters over a radios allowed number of Alpha Tag characters will be left off. </li>
</ul>
</div>
</div>
</li>
<li id="id_12" data-type="control_matrix" class="form-line"> <label for="input_12" id="label_12" class="form-label form-label-top"> </label>
<div class="form-input-wide jf-required" id="cid_12">
<table cellspacing="0" cellpadding="4" class="form-matrix-table">
<tbody>
<tr>
<th style="width: 104px; height: 75px;" class="form-matrix-column-headers form-matrix-column_0"> Channel<br />
(1 to 16) </th>
<th style="width: 95px;" class="form-matrix-column-headers form-matrix-column_1"> Receive<br />
(RX) </th>
<th style="width: 90px;" class="form-matrix-column-headers form-matrix-column_2"> RX<br />
(PL/DPL/<br />
CSQ Tone) </th>
<th style="width: 95px;" class="form-matrix-column-headers form-matrix-column_3"> Transmit<br />
(TX) </th>
<th style="width: 90px;" class="form-matrix-column-headers form-matrix-column_4"> TX<br />
(PL/DPL/<br />
CSQ Tone) </th>
<th style="width: 86px;" class="form-matrix-column-headers form-matrix-column_5"> Spacing<br />
Bandwidth<br />
(12.5 or<br />
25 kHz) </th>
<th style="width: 60px;" class="form-matrix-column-headers form-matrix-column_6"> Scan<br />
(Y/N) </th>
<th style="width: 104px;" class="form-matrix-column-headers form-matrix-column_7"> Alpha Tag </th>
</tr>
<tr>
<td align="center" style="height: 35px;" class="form-matrix-values"><em><span style="font-size: 11px;">E.g. - Channel 1</span></em></td>
<td align="center" class="form-matrix-values"><em><span style="font-size: 11px;">469.3250</span></em></td>
<td align="center" class="form-matrix-values"><em><span style="font-size: 11px;">203.5</span></em></td>
<td align="center" class="form-matrix-values"><em><span style="font-size: 11px;">469.3250</span></em></td>
<td align="center" class="form-matrix-values"><em><span style="font-size: 11px;">203.5</span></em></td>
<td align="center" class="form-matrix-values"><em><span style="font-size: 11px;">25</span></em></td>
<td align="center" class="form-matrix-values"><em><span style="font-size: 11px;">Y</span></em></td>
<td align="center" class="form-matrix-values"><em><span style="font-size: 11px;">Fire 1</span></em></td>
</tr>
<tr>
<td align="center" style="height: 35px;" class="form-matrix-values"> <input type="text" name="q12_input12[1][]" size="8" class="form-textbox" id="input_12_1_0" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[1][]" size="7" class="form-textbox" id="input_12_1_1" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[1][]" size="6" class="form-textbox" id="input_12_1_2" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[1][]" size="7" class="form-textbox" id="input_12_1_3" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[1][]" size="6" class="form-textbox" id="input_12_1_4" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[1][]" size="5" class="form-textbox" id="input_12_1_5" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[1][]" size="2" class="form-textbox" id="input_12_1_6" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[1][]" size="8" class="form-textbox" id="input_12_1_7" /> </td>
</tr>
<tr>
<td align="center" style="height: 35px;" class="form-matrix-values"> <input type="text" name="q12_input12[2][]" size="8" class="form-textbox" id="input_12_2_0" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[2][]" size="7" class="form-textbox" id="input_12_2_1" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[2][]" size="6" class="form-textbox" id="input_12_2_2" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[2][]" size="7" class="form-textbox" id="input_12_2_3" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[2][]" size="6" class="form-textbox" id="input_12_2_4" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[2][]" size="5" class="form-textbox" id="input_12_2_5" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[2][]" size="2" class="form-textbox" id="input_12_2_6" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[2][]" size="8" class="form-textbox" id="input_12_2_7" /> </td>
</tr>
<tr>
<td align="center" style="height: 35px;" class="form-matrix-values"> <input type="text" name="q12_input12[3][]" size="8" class="form-textbox" id="input_12_3_0" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[3][]" size="7" class="form-textbox" id="input_12_3_1" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[3][]" size="6" class="form-textbox" id="input_12_3_2" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[3][]" size="7" class="form-textbox" id="input_12_3_3" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[3][]" size="6" class="form-textbox" id="input_12_3_4" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[3][]" size="5" class="form-textbox" id="input_12_3_5" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[3][]" size="2" class="form-textbox" id="input_12_3_6" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[3][]" size="8" class="form-textbox" id="input_12_3_7" /> </td>
</tr>
<tr>
<td align="center" style="height: 35px;" class="form-matrix-values"> <input type="text" name="q12_input12[4][]" size="8" class="form-textbox" id="input_12_4_0" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[4][]" size="7" class="form-textbox" id="input_12_4_1" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[4][]" size="6" class="form-textbox" id="input_12_4_2" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[4][]" size="7" class="form-textbox" id="input_12_4_3" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[4][]" size="6" class="form-textbox" id="input_12_4_4" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[4][]" size="5" class="form-textbox" id="input_12_4_5" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[4][]" size="2" class="form-textbox" id="input_12_4_6" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[4][]" size="8" class="form-textbox" id="input_12_4_7" /> </td>
</tr>
<tr>
<td align="center" style="height: 35px;" class="form-matrix-values"> <input type="text" name="q12_input12[5][]" size="8" class="form-textbox" id="input_12_5_0" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[5][]" size="7" class="form-textbox" id="input_12_5_1" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[5][]" size="6" class="form-textbox" id="input_12_5_2" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[5][]" size="7" class="form-textbox" id="input_12_5_3" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[5][]" size="6" class="form-textbox" id="input_12_5_4" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[5][]" size="5" class="form-textbox" id="input_12_5_5" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[5][]" size="2" class="form-textbox" id="input_12_5_6" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[5][]" size="8" class="form-textbox" id="input_12_5_7" /> </td>
</tr>
<tr>
<td align="center" style="height: 35px;" class="form-matrix-values"> <input type="text" name="q12_input12[6][]" size="8" class="form-textbox" id="input_12_6_0" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[6][]" size="7" class="form-textbox" id="input_12_6_1" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[6][]" size="6" class="form-textbox" id="input_12_6_2" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[6][]" size="7" class="form-textbox" id="input_12_6_3" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[6][]" size="6" class="form-textbox" id="input_12_6_4" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[6][]" size="5" class="form-textbox" id="input_12_6_5" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[6][]" size="2" class="form-textbox" id="input_12_6_6" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[6][]" size="8" class="form-textbox" id="input_12_6_7" /> </td>
</tr>
<tr>
<td align="center" style="height: 35px;" class="form-matrix-values"> <input type="text" name="q12_input12[7][]" size="8" class="form-textbox" id="input_12_7_0" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[7][]" size="7" class="form-textbox" id="input_12_7_1" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[7][]" size="6" class="form-textbox" id="input_12_7_2" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[7][]" size="7" class="form-textbox" id="input_12_7_3" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[7][]" size="6" class="form-textbox" id="input_12_7_4" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[7][]" size="5" class="form-textbox" id="input_12_7_5" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[7][]" size="2" class="form-textbox" id="input_12_7_6" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[7][]" size="8" class="form-textbox" id="input_12_7_7" /> </td>
</tr>
<tr>
<td align="center" style="height: 35px;" class="form-matrix-values"> <input type="text" name="q12_input12[8][]" size="8" class="form-textbox" id="input_12_8_0" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[8][]" size="7" class="form-textbox" id="input_12_8_1" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[8][]" size="6" class="form-textbox" id="input_12_8_2" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[8][]" size="7" class="form-textbox" id="input_12_8_3" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[8][]" size="6" class="form-textbox" id="input_12_8_4" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[8][]" size="5" class="form-textbox" id="input_12_8_5" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[8][]" size="2" class="form-textbox" id="input_12_8_6" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[8][]" size="8" class="form-textbox" id="input_12_8_7" /> </td>
</tr>
<tr>
<td align="center" style="height: 35px;" class="form-matrix-values"> <input type="text" name="q12_input12[9][]" size="8" class="form-textbox" id="input_12_9_0" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[9][]" size="7" class="form-textbox" id="input_12_9_1" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[9][]" size="6" class="form-textbox" id="input_12_9_2" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[9][]" size="7" class="form-textbox" id="input_12_9_3" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[9][]" size="6" class="form-textbox" id="input_12_9_4" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[9][]" size="5" class="form-textbox" id="input_12_9_5" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[9][]" size="2" class="form-textbox" id="input_12_9_6" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[9][]" size="8" class="form-textbox" id="input_12_9_7" /> </td>
</tr>
<tr>
<td align="center" style="height: 35px;" class="form-matrix-values"> <input type="text" name="q12_input12[10][]" size="8" class="form-textbox" id="input_12_10_0" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[10][]" size="7" class="form-textbox" id="input_12_10_1" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[10][]" size="6" class="form-textbox" id="input_12_10_2" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[10][]" size="7" class="form-textbox" id="input_12_10_3" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[10][]" size="6" class="form-textbox" id="input_12_10_4" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[10][]" size="5" class="form-textbox" id="input_12_10_5" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[10][]" size="2" class="form-textbox" id="input_12_10_6" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[10][]" size="8" class="form-textbox" id="input_12_10_7" /> </td>
</tr>
<tr>
<td align="center" style="height: 35px;" class="form-matrix-values"> <input type="text" name="q12_input12[11][]" size="8" class="form-textbox" id="input_12_11_0" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[11][]" size="7" class="form-textbox" id="input_12_11_1" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[11][]" size="6" class="form-textbox" id="input_12_11_2" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[11][]" size="7" class="form-textbox" id="input_12_11_3" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[11][]" size="6" class="form-textbox" id="input_12_11_4" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[11][]" size="5" class="form-textbox" id="input_12_11_5" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[11][]" size="2" class="form-textbox" id="input_12_11_6" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[11][]" size="8" class="form-textbox" id="input_12_11_7" /> </td>
</tr>
<tr>
<td align="center" style="height: 35px;" class="form-matrix-values"> <input type="text" name="q12_input12[12][]" size="8" class="form-textbox" id="input_12_12_0" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[12][]" size="7" class="form-textbox" id="input_12_12_1" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[12][]" size="6" class="form-textbox" id="input_12_12_2" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[12][]" size="7" class="form-textbox" id="input_12_12_3" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[12][]" size="6" class="form-textbox" id="input_12_12_4" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[12][]" size="5" class="form-textbox" id="input_12_12_5" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[12][]" size="2" class="form-textbox" id="input_12_12_6" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[12][]" size="8" class="form-textbox" id="input_12_12_7" /> </td>
</tr>
<tr>
<td align="center" style="height: 35px;" class="form-matrix-values"> <input type="text" name="q12_input12[13][]" size="8" class="form-textbox" id="input_12_13_0" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[13][]" size="7" class="form-textbox" id="input_12_13_1" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[13][]" size="6" class="form-textbox" id="input_12_13_2" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[13][]" size="7" class="form-textbox" id="input_12_13_3" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[13][]" size="6" class="form-textbox" id="input_12_13_4" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[13][]" size="5" class="form-textbox" id="input_12_13_5" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[13][]" size="2" class="form-textbox" id="input_12_13_6" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[13][]" size="8" class="form-textbox" id="input_12_13_7" /> </td>
</tr>
<tr>
<td align="center" style="height: 35px;" class="form-matrix-values"> <input type="text" name="q12_input12[14][]" size="8" class="form-textbox" id="input_12_14_0" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[14][]" size="7" class="form-textbox" id="input_12_14_1" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[14][]" size="6" class="form-textbox" id="input_12_14_2" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[14][]" size="7" class="form-textbox" id="input_12_14_3" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[14][]" size="6" class="form-textbox" id="input_12_14_4" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[14][]" size="5" class="form-textbox" id="input_12_14_5" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[14][]" size="2" class="form-textbox" id="input_12_14_6" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[14][]" size="8" class="form-textbox" id="input_12_14_7" /> </td>
</tr>
<tr>
<td align="center" style="height: 35px;" class="form-matrix-values"> <input type="text" name="q12_input12[15][]" size="8" class="form-textbox" id="input_12_15_0" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[15][]" size="7" class="form-textbox" id="input_12_15_1" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[15][]" size="6" class="form-textbox" id="input_12_15_2" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[15][]" size="7" class="form-textbox" id="input_12_15_3" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[15][]" size="6" class="form-textbox" id="input_12_15_4" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[15][]" size="5" class="form-textbox" id="input_12_15_5" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[15][]" size="2" class="form-textbox" id="input_12_15_6" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[15][]" size="8" class="form-textbox" id="input_12_15_7" /> </td>
</tr>
<tr>
<td align="center" style="height: 35px;" class="form-matrix-values"> <input type="text" name="q12_input12[16][]" size="8" class="form-textbox" id="input_12_16_0" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[16][]" size="7" class="form-textbox" id="input_12_16_1" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[16][]" size="6" class="form-textbox" id="input_12_16_2" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[16][]" size="7" class="form-textbox" id="input_12_16_3" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[16][]" size="6" class="form-textbox" id="input_12_16_4" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[16][]" size="5" class="form-textbox" id="input_12_16_5" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[16][]" size="2" class="form-textbox" id="input_12_16_6" /> </td>
<td align="center" class="form-matrix-values"> <input type="text" name="q12_input12[16][]" size="8" class="form-textbox" id="input_12_16_7" /> </td>
</tr>
</tbody>
</table>
</div>
</li>
<li id="id_2" data-type="control_button" class="form-line">
<div class="form-input-wide" id="cid_2">
<div class="form-buttons-wrapper" style="text-align: center;"> <button class="form-submit-button form-submit-button-simple_orange" type="submit" id="input_2"> SUBMIT FORM </button> </div>
</div>
</li>
<li style="display: none;"> Should be Empty: <input type="text" name="website" /> </li>
</ul>
</div>
<input type="hidden" value="62355612988163" name="simple_spc" id="simple_spc" />
<script type="text/javascript"> document.getElementById("si" + "mple" + "_spc").value = "62355612988163-62355612988163"; </script>
</form>
</div>
Raw
page-collection.liquid
<div data-section-id="{{ section.id }}" data-section-type="page-collection">
{% assign productTextStyle = settings.product_text_style %}
{% assign productImageFlip = settings.product_image_flip %}
{% assign collectionImage = section.settings.show_featured_image %}
{% assign collectionSorting = section.settings.collection_sorting %}
{% assign collectionFiltering = section.settings.collection_filtering %}
{% assign collectionTagFiltering = section.settings.collection_tag_filtering %}
{% assign collectionVendorFiltering = section.settings.collection_vendor_filtering %}
{% assign collectionVendorDdFiltering = section.settings.collection_vendor_dd_filtering %}
{% assign CssLineUnderTitle = section.settings.line_under_title %}
{% assign CssLineOverTitle = section.settings.line_over_title %}
{% assign vendorOnBottom = section.settings.collection_vendor_position%}
{% assign productLayout = section.settings.product_grid_layout %}
{% assign squareStretchImages = section.settings.square_stretch_images_css %}
{% assign stockLevelOverlay = section.settings.stock_level_overlay %}
{% assign stockLevelOverlayThreshold = section.settings.stock_level_overlay_threshold %}
{% assign productsPerRow = section.settings.products_per_row %}
{% assign productsPerPage = productsPerRow | times: section.settings.rows_per_section %}
{% include 'collection-header' %}
{% paginate collection.products by productsPerPage %}
{% assign platforms = 0 %}
{% if settings.share-widget-facebook %}{% assign platforms = platforms | plus: 1 %}{% endif %}
{% if settings.share-widget-twitter %}{% assign platforms = platforms | plus: 1 %}{% endif %}
{% if settings.share-widget-pinterest %}{% assign platforms = platforms | plus: 1 %}{% endif %}
{% if settings.share-widget-fancy %}{% assign platforms = platforms | plus: 1 %}{% endif %}
{% if settings.share-widget-google-plus %}{% assign platforms = platforms | plus: 1 %}{% endif %}
{% if settings.share-widget-email %}{% assign platforms = platforms | plus: 1 %}{% endif %}
{% if platforms > 0 %}
<div class="collection-sharing meta">
<span class="collection-sharing-toggle">{{ 'general.share_buttons.share' | t }}</span>
{% include 'share-buttons' %}
</div>
{% endif %}
{% if collectionSorting or collectionFiltering or collectionTagFiltering %}
<div class="collection-viewing-parameters">
{% if collectionSorting %}
<div class="collection-sorting {% if collection.current_vendor %}vendor-collection{% endif %}">
<div class="select-wrapper">
{% assign sortHandles = "manual|price-ascending|price-descending|title-ascending|title-descending|created-ascending|created-descending|best-selling" | split: "|" %}
{% capture sortTitles %}{{ 'collections.collection_sorting.manual' | t }}|{{ 'collections.collection_sorting.price-ascending' | t }}|{{ 'collections.collection_sorting.price-descending' | t }}|{{ 'collections.collection_sorting.title-ascending' | t }}|{{ 'collections.collection_sorting.title-descending' | t }}|{{ 'collections.collection_sorting.created-ascending' | t }}|{{ 'collections.collection_sorting.created-descending' | t }}|{{ 'collections.collection_sorting.best-selling' | t }}{% endcapture %}
{% assign sortTitles = sortTitles | split: "|" %}
{% for handle in sortHandles %}
{% if collection.sort_by == blank and collection.default_sort_by == handle %}
{% assign currentTitle = sortTitles[forloop.index0] %}
{% elsif collection.sort_by == handle %}
{% assign currentTitle = sortTitles[forloop.index0] %}
{% endif %}
{% endfor %}
<label class="selected-text">{{ 'collections.collection_sorting.title' | t }} <strong>{{ currentTitle }}</strong></label>
<select>
{% for handle in sortHandles %}
{% if collection.sort_by == blank and collection.default_sort_by == handle %}
<option value="{{handle}}" selected="selected">{{ sortTitles[forloop.index0] }}</option>
{% elsif collection.sort_by == handle %}
<option value="{{handle}}" selected="selected">{{ sortTitles[forloop.index0] }}</option>
{% else %}
<option value="{{handle}}">{{ sortTitles[forloop.index0] }}</option>
{% endif %}
{% endfor %}
</select>
</div>
</div>
{% endif %}
{% if collectionVendorDdFiltering %}
<div class="collection-filter">
<div class="select-wrapper">
<label class="selected-text">Sort by Vendor: <strong>{{ 'collections.collection.any_tag' | t }}</strong></label>
<select>
<option value="any">{{ 'collections.collection.any_tag' | t }}</option>
{% for tag in collection.all_vendors %}
{% if current_tags contains tag %}
<option value="{{ tag | handleize }}" selected>{{ tag }}</option>
{% else %}
<option value="{{ tag | handleize }}">{{ tag }}</option>
{% endif %}
{% endfor %}
</select>
</div>
</div>
{% endif %}
{% if collection.handle != blank and collectionFiltering %}
<div class="collection-filtering" data-fallback-url="/collections/{{collection.handle}}">
{% assign tagLinkLists = "collection_filter_link_list_1|collection_filter_link_list_2|collection_filter_link_list_3|collection_filter_link_list_4|collection_filter_link_list_5|collection_filter_link_list_6" | split: "|" %}
{% assign availableLinks = false %}
{% for list in tagLinkLists %}
{% assign name = section.settings[list] %}
{% if linklists[name].links.size > 0 %}
{% assign availableLinks = true %}
<div class="collection-filter">
<div class="select-wrapper">
<label class="selected-text">{{ linklists[name].title }}: <strong>{{ 'collections.collection.any_tag' | t }}</strong></label>
<select>
<option value="any">{{ 'collections.collection.any_tag' | t }}</option>
{% for link in linklists[name].links %}
{% assign currentTagsHandles = current_tags | handleize %}
{% assign tagHandle = link.title | handleize %}
{% if collection.all_tags contains link.title %}
{% if currentTagsHandles contains tagHandle %}
<option value="{{ tagHandle }}" selected>{{ link.title }}</option>
{% else %}
<option value="{{ tagHandle }}">{{ link.title }}</option>
{% endif %}
{% endif %}
{% endfor %}
</select>
</div>
</div>
{% endif %}
{% endfor %}
{% if availableLinks == false and collection.all_tags.size > 0 %}
{% comment %}
There were no links found in any of the link lists
{% endcomment %}
<div class="collection-filter">
<div class="select-wrapper">
<label class="selected-text">{{ 'collections.collection.tags_label' | t }}: <strong>{{ 'collections.collection.any_tag' | t }}</strong></label>
<select>
<option value="any">{{ 'collections.collection.any_tag' | t }}</option>
{% for tag in collection.all_tags %}
{% if current_tags contains tag %}
<option value="{{ tag | handleize }}" selected>{{ tag }}</option>
{% else %}
<option value="{{ tag | handleize }}">{{ tag }}</option>
{% endif %}
{% endfor %}
</select>
</div>
</div>
{% endif %}
</div>
{% if current_tags.size > 0 %}
<span class="meta collection-remove-filter">{{ 'collections.collection.reset_tags' | t }}</span>
{% endif %}
{% endif %}
{%comment%} {% include 'custom.filter.section' %}{%endcomment%}
{% if collection.handle != blank and collectionTagFiltering %}
{% if collectionVendorFiltering %}
{% if vendorOnBottom %}
{%else%}
<div class="filter-container">
<div class="filter-by-title"><b>Filter by Vendor:</b></div>
<div class="filter-by-tags">
<ul class="tagbar clearfix">
{% for tag in collection.all_vendors %}
{% include 'custom.tag' %}
{% endfor %}
</ul>
</div>
</div>
{% endif %}
{% endif %}
{% assign tagLinkLists = "collection_filter_link_list_1|collection_filter_link_list_2|collection_filter_link_list_3|collection_filter_link_list_4|collection_filter_link_list_5|collection_filter_link_list_6" | split: "|" %}
{% assign availableLinks = false %}
{% for list in tagLinkLists %}
{% assign name = section.settings[list] %}
{% assign currentTagsHandles = current_tags | handleize %}
{% assign tagHandle = link.title | handleize %}
{% if collection.all_tags contains linklists[name].links[0].title %}
<div class="filter-container">
<div class="filter-by-title">
{% if CssLineOverTitle %} <hr>{%endif%}
<b>{{ linklists[name].title }}</b>
{% if CssLineUnderTitle %} <hr>{%endif%}
</div>
<div class="filter-by-tags">
<ul class="tagbar clearfix">
{% for link in linklists[name].links %}
{% if collection.all_tags contains link.title %}
{% if currentTagsHandles contains tagHandle %}
{% assign tag_single= link.handle %}
{% assign tag= link.title %}
{% assign ct= current_tags| replace: ' ', '-' | downcase %}
{% assign tag_path= current_tags | join: '+'| replace: ' ', '-' | downcase%}
{%capture xpath%}{{shop.url}}{{ collection.url}}/{{tag_path}}+{{tag| replace: ' ', '-' | downcase}}#filter{%endcapture%}
{%assign removed_tag_url=xpath| remove:tag_single| replace: '++', '+'| replace: '/+', '/'| replace: '+#', '#'%}
{% if current_tags contains tag %}
<li class="active"><a href="{{removed_tag_url}}">{{tag}}</a></li>
{% else %}
{% assign tag_path= current_tags | join: '+'| replace: ' ', '-' | downcase%}
<li >
{%capture xpath%}{{shop.url}}{{ collection.url}}/{{tag_path}}+{{tag| replace: ' ', '-' | downcase}}#filter{%endcapture%}
<a href="{{xpath| replace: '++', '+' | replace: '/+', '/'| replace: '+#', '#'}}">{{tag }}</a></li>
{% endif %}
{% endif %}
{% endif %}
{% endfor %}
</ul>
</div>
{% endif %}
</div>
{% endfor %}
{% endif %}
</div>
{% endif %}
{% include 'custom.tag.css' %}
<div class="collection-products clearfix
{{productLayout}}-layout
{{productTextStyle}}-style
rows-of-{{productsPerRow}}
{% if collection.products.size == 0 %}collection-empty{% endif %}"
data-layout="{{productLayout}}">
{% for product in collection.products %}
{% include 'product-list-item' %}
{% else %}
<p class="empty">{{ 'collections.collection.empty' | t }} {% if current_tags.size > 0 %}{{ 'collections.collection.empty_tag_filter' | t }}{% endif %}</p>
{% endfor %}
</div>
{% include 'pagination' %}
{% endpaginate %}
<script>
window.sectionJSON = {{ section.settings | json }};
</script>
</div>
<style>
{% if squareStretchImages %}
<style>
.product-list-item a{
text-align: center;
}
.product-list-item img {
min-width: 300px;
min-height:300px;
overflow:hidden;
}
</style>
{%endif%}
{% schema %}
{
"name": "Collection pages",
"class": "section-collection",
"settings": [
{
"type": "select",
"id": "product_grid_layout",
"label": "Layout",
"options": [
{
"value": "masonry",
"label": "Collage"
},
{
"value": "uniform",
"label": "Grid"
}
],
"default": "uniform"
},
{
"type": "select",
"id": "products_per_row",
"label": "Number of products per row",
"options": [
{
"value": "2",
"label": "2"
},
{
"value": "3",
"label": "3"
},
{
"value": "4",
"label": "4"
}
],
"default": "4"
},
{
"type": "select",
"id": "rows_per_section",
"label": "Number of rows",
"options": [
{
"value": "1",
"label": "1"
},
{
"value": "2",
"label": "2"
},
{
"value": "3",
"label": "3"
},
{
"value": "4",
"label": "4"
},
{
"value": "5",
"label": "5"
},
{
"value": "8",
"label": "8"
},
{
"value": "10",
"label": "10"
},
{
"value": "12",
"label": "12"
},
{
"value": "15",
"label": "15"
},
{
"value": "20",
"label": "20"
},
{
"value": "30",
"label": "30"
},
{
"value": "40",
"label": "40"
},
{
"value": "50",
"label": "50"
}
]
} , {
"type": "header",
"content": "Image",
"info": "Manage how products images look"
},
{
"type": "checkbox",
"id": "square_stretch_images_css",
"label": "Force Align & Square Images",
"default": false
},
{
"type": "select",
"id": "stock_level_overlay_threshold",
"label": "Show banner when stock is lower than:",
"options": [
{
"value": "2",
"label": "2"
},
{
"value": "3",
"label": "3"
},
{
"value": "4",
"label": "4"
},
{
"value": "5",
"label": "5"
},
{
"value": "6",
"label": "6"
},
{
"value": "8",
"label": "8"
},
{
"value": "9",
"label": "9"
},
{
"value": "10",
"label": "10"
}
],
"default": "5"
},
{
"type": "checkbox",
"id": "show_featured_image",
"label": "Show collection image"
},
{
"type": "header",
"content": "Show Default Filter Dropdown",
"info": "Check to Filter: Featured, $Low/High, A-Z, Old/New, etc."
},
{
"type": "checkbox",
"id": "collection_sorting",
"label": "Enable Default Filter",
"default": true
},
{
"type": "header",
"content": "Set Custom Product Filter Type ([See Example Gif](http://imgur.com))",
"info": "Check the method you'd like to filter products by. You can use 'Dropdown Menus' or 'Tag Buttons'. These are the filters seen on the top of each collection's collection page (e.g. 'Portable', 'Mobile', Infrastructure' ect )."
},
{
"type": "checkbox",
"id": "collection_filtering",
"label": "Use Dropdown Filter",
"default": true
},
{
"type": "checkbox",
"id": "collection_tag_filtering",
"label": "Use Button Filter",
"default": false
},
{
"type": "paragraph",
"content": "The Dropdown Filter are limited to one 'Filter by' option while the 'Button Filter' can concatenates multiple 'Filter by' options in the same query."
},
{
"type": "header",
"content": "Include Vendor Filter",
"info": "Because Product Vendors are Handled Differently than Product Tags, you can enable a Vendor specific 'Filter By' filter here (Note: Can only be positioned on top or bottom)"
},
{
"type": "checkbox",
"id": "collection_vendor_dd_filtering",
"label": "Enable Vendor Dropdown Filter",
"default": true
},
{
"type": "checkbox",
"id": "collection_vendor_filtering",
"label": "Enable Vendor Button Filter",
"default": false
},
{
"type": "checkbox",
"id": "collection_vendor_position",
"label": "Move To Bottom Of Filters (Button Only)",
"default": false
},
{
"type": "header",
"content": "Set Custom Product Filters ([See Example Gif](http://imgur.com))",
"info": "Manage your product filters here. These will be visible on the top of each collection's products page. To learn more read the sections below."
},
{
"type": "link_list",
"id": "collection_filter_link_list_1",
"label": "'Filter By' List 1"
},
{
"type": "link_list",
"id": "collection_filter_link_list_2",
"label": "'Filter By' List 2"
},
{
"type": "link_list",
"id": "collection_filter_link_list_3",
"label": "'Filter By' List 3"
},
{
"type": "link_list",
"id": "collection_filter_link_list_4",
"label": "'Filter By' List 4"
},
{
"type": "link_list",
"id": "collection_filter_link_list_5",
"label": "'Filter By' List 5"
},
{
"type": "link_list",
"id": "collection_filter_link_list_6",
"label": "'Filter By' List 6"
},
{
"type": "paragraph",
"content": "Note: Set All Filters to 'None' if you'd like to create one large list of 'filter buttons' or 'dropdown options' (depending on what filtering method you use)"
},
{
"type": "paragraph",
"content": "If you'd like more 'filter by' sections contact me at [garrett@vyga.io](mailto:garrett@vyga.io)"
},
{
"type": "header",
"content": "How do I Create a Custom Filter?",
"info": "Each Custom filter you'd like to add (like 'System', 'Vendor', 'Band' , 'Channel' ect) will require its own navigation menu. To Manage your navigation menus [Click Here](https://used-radios-store.myshopify.com/admin/links) and select 'Add menu'"
},
{
"type": "paragraph",
"content": "Or to navigate here from the admin menu goto '🌍 > Navigation > Add Menu'"
},
{
"type": "paragraph",
"content": "NOTE: All of the steps below are assuming your on the 'Add menu' page (or you're editing a pre-existing menu)."
},
{
"type": "header",
"content": "Setting your Filters Title.",
"info": "This is the text that will display for your filter. To set this enter what you'd like in the 'Name' field the first card 'Menu description' Card. Here you would enter a name like 'Filter By Vendor' or 'Filter By Channel'"
},
{
"type": "paragraph",
"content": "Don't worry this won't effect you site's menus in your header or footer UNLESS it's using the exact same naming convention as some other pre-existing page."
},
{
"type": "header",
"content": "Setting your Filter.",
"info": "Here use the managed by the 'Menu items' in the second card. Each menu item is a 'Filter Option' under the 'Filters Title' you provided."
},
{
"type": "paragraph",
"content": "For Example to create a 'Filter by Channel' Filter make the title 'Filter by Channel' and add a create a new 'Filter Option' for each channel you'd like to be able to filter by."
},
{
"type": "paragraph",
"content": "For Example to add a '128 Channels' option in the new 'Filter by Channel' filter set the Name to '128 Channels', the Link to 'Collection' the Link Option set to 'All Products' then set '128 Channels' to the filter by tag (Then do this for each channel you'd like to add). This can be recycled for each collection and it will only show and filter the products inside that specific collection (and not all the stores products)"
},
{
"type": "header",
"content": "Stock level indicator"
},
{
"type": "checkbox",
"id": "stock_level_overlay",
"label": "Enable indicator"
},
{
"type": "header",
"content": "Filter Button Styles",
"info": "Change to look and feel of the filter by buttons (if your using them)"
},
{
"type": "checkbox",
"id": "line_over_title",
"label": "Line Over Title",
"default": false
},{
"type": "checkbox",
"id": "line_under_title",
"label": "Line Under Title",
"default": false
}
]
}
{% endschema %}
Raw
product.liquid
{% assign variant = product.selected_or_first_available_variant %}
{% if product.images.size > 0 %}
{% assign columns = settings.product-column-layout %}
{% else %}
{% assign columns = "single-column" %}
{% endif %}
<div class="product-wrap {{columns}} clearfix" itemscope itemtype="http://schema.org/Product">
{% assign numModules = 4 %}
{% for i in (1..numModules) %}
{% capture moduleNames %}{{ moduleNames }}|product-module-{{i}}{% endcapture %}
{% endfor %}
{% assign modules = moduleNames | remove_first: "|" | split: "|" %}
{% assign moduleOrder = "" %}
{% for module in modules %}
{% capture moduleOrder %}{{ moduleOrder }}-{{ settings[module] }}{% endcapture %}
{% endfor %}
{% comment %}
Changing the following will rearrange the module order.
Must have the prefixed '-'.
{% endcomment %}
{% assign moduleOrder = '-A-B-C-D' %}
{% if settings.product-column-layout == "two-column" %}
{% assign moduleOrder = moduleOrder | remove: "A" | prepend: "A-" %}
{% endif %}
{% assign modules = moduleOrder | remove_first: "-" | split: "-" %}
{% for module in modules %}
{% case module %}
{% when 'A' %}
{% include 'product-images' %}
{% when 'B' %}
{% include 'product-form' %}
{% when 'C' %}
{% include 'product-description' %}
{% when 'D' %}
{% include 'share-buttons' %}
{% endcase %}
{% endfor %}
</div>
{% if settings.enable-related-products %}
<div class="related-products">
<h4 class="section-title">{{ 'products.related_products.title' | t }}</h4>
{% assign numberOfRelatedProductsToShow = settings.collection-products-per-row | plus: 1 %}
{% if collection == null %}
{% assign collection = collections['all'] %}
{% endif %}
{% if collection.products.size > 1 %}
<div class="related-products-listing {{settings.collection-layout-style}}-layout {{settings.collection-product-text-style}}-style rows-of-{{settings.collection-products-per-row}}">
{% assign currentProductFound = false %}
{% for prod in collection.products limit: numberOfRelatedProductsToShow %}
{% if prod.title == product.title %}
{% assign currentProductFound = true %}
{% else %}
{% unless currentProductFound == false and forloop.last %}
{% include 'product-list-item' %}
{% endunless %}
{% endif %}
{% endfor %}
</div>
{% endif %}
</div>
{% endif %}
<script>
// required for splitting variants
// see ProductView
window.productJSON = {{ product | json }};
window.FirstVariant = {{ product.selected_or_first_available_variant | json }};
</script>
@garrettmac
Copy link
Author

garrettmac commented Jan 3, 2017 •
edited

Mobile Tag Sorting - Main Sorting

Systems: P25, Commercial Digital, and Analog
Vendor: Motorola, Kenwood, ...
Band: Low Band, VHF, UHF, 800, and 900
Watts: ## Watts

@garrettmac
Copy link
Author

garrettmac commented Jan 3, 2017 •
edited

Notes On Sorting

I followed the official specs on wikipedia

Bands (with frequency range)

kHz

VLF: 3–30 kHz
Low Band (or LF): 30–300 kHz
MF: 300–3000 kHz or 0.3–3 MHz

MHz

HF: 3–30 MHz
VHF: 30–300 MHz
UHF: 300–3000 MHz
800: 800 MHz
900: 900 MHz

1 MHz === 1000 kHz
For Full list see Wiki Page: https://en.wikipedia.org/wiki/Radio_spectrum

@garrettmac
Copy link
Author

garrettmac commented Jan 3, 2017 •
edited

Notes on how to sort collections

by sitting down with mike

Mobile - Tag Categories

Systems
+ P25
+ Commercial Digital
+ Analog
Vendors
+ Motorola
+ Kenwood
+ ect...
Band
+ Low Band
+ VHF
+ UHF
+ 800
+ 900
Watts

Mobile Band Categories

P25
Motorola
+ XTL 1500
+ XTL 2500
+ XTL 5000
+ Astro Spectra
Kenwood
+ TK 5710
+ TK 5720
+ TK 5820

Commercial Digital

Only Relativist for Motorola, Kenwood, Icom

  • Motorola (motoTRBO):
    • Has APX or XPR in title
    • 29 types of Turbos
  • Kenwood (Nexedge):
    • Has NX in title
  • ICOM (IDAS):
    • Has IDAS in title

Trunking

  • Has LTR, PP or Privacy Plus in title

Analog

Tag remainder with this but should include

  • GTX
  • CM
  • COM
  • MAX
  • TRAC
  • Radius

@garrettmac
Copy link
Author

garrettmac commented Jan 4, 2017 •
edited

Mobile Tag Sorting - Watts

  • 15 Watts
  • 25 Watts
  • 30 Watts
  • 35 Watts (only for 900 MCN & MCS 2000)
  • 40 Watts
  • 45 Watts
  • 50 Watts
  • 100 Watts+

@garrettmac
Copy link
Author

garrettmac commented Jan 4, 2017 •
edited

Review

  • Motorola XTL2500 Mobile Radio 900 Remote /Dash Mount and its Pricing (I may have swapped something)

@garrettmac
Copy link
Author

To adjust the Word or Letter truncation in collection items you can do so on or around line 84 in the product-list-item.liquid file. The snippet looks like this:

<h3 class="product-list-item-title">
      <a href="{{ item.url | within: collection }}">
        {{ item.title | truncatewords: 5 |truncate: 30 }}
          {% comment %}
             THIS IS COMMENTED OUT
        {{ item.title | truncate: 40 }}
         {{ item.title | truncatewords: 4 }}
        {% endcommen t%}
      </a> 
    </h3>

@garrettmac
Copy link
Author

garrettmac commented Jan 25, 2017 •
edited 

- [x]   H

THINGS TO CORRECT

This is a checklist in an email From Mike of things to correct.

Garrett,

Don’t shoot the messenger. This is a preliminary list of change requests I have received so far…
Let me know what you can to address and what will require additional costs. Some of this we might be able to do if you show us how to navigate, I tried to put this together in a way similar to navigating the site. A lot of it is UI/UX stuff.

1. Navigation

Logo:

  • Insert our old Used-Radios.com logo so we don’t have to rebrand all of our marketing documentation.

Top Menu Bar :

  • Dave wants to get rid of the “Other Services” drop down and reformat like this across the top:

    Home | Shop | Programming Forms | Sell To Us | Repairs | Rentals | Wishlist

Shop Drop down

  • Can we reformat the order in the drop down?
  1. Portable
    Analog
    Commercial Digital
    P25
  2. Mobile
    + Analog
    + Commercial Digital
    + P25
  3. Infrastructure
  4. Pagers
  5. Accessories

2. Collections

A. Portable:

Tag update

  • (Missing) System Filter: + Analog tag
+ Note: No Products have the `Analog` tag
  • Vendor: NO CHANGES
  • Channels: Numerical Order (e.g lowest to highest (2Channels -> 1000 Channels)
+ Note:  Extra Charge
  • Band: Low Band, VHF, UHF, 800, 900
+ Note:  No Products have the `Low Band` tag

B. Mobile:

Tag update

  • System Filter: Analog, Commercial Digital, P25
  • Vendor: NO CHANGES
  • Wattage: Numerical Order – lowest to highest (25 Watts -> 110 Watts)
+ Note:  Extra Charge
  • Band: Low Band, VHF, UHF, 800, 900

3. Other

  • Footer Bar Under programming can we reformat Radio and Repeater so they line up the same?
  • Search Bar When you use the search bar the box that opens the results is too small, the results are not legible
  • Pictures: What can we do about get the items to line up better? Can we build a grid system?
+ Note:  You have images in landscape and protrate
  • Featured Items: We have a lot of featured items. How can we make them searchable?
+ Note:  Fixed, i was trying to add you a search feathre from scratch
  • Tags: Dave mentioned something about Greying out options once a selection is made but I will need to get more information about that. That seems like it would limit the customer to only making one selection
+ Note:  Extra Charge

@garrettmac
Copy link
Author

garrettmac commented Jan 25, 2017 •
edited

NEW files written for custom used-radios.com theme & sort

collection.liquid

Total Edits: 127
From: December,18,2016
To: January 11th ,2017

Description:
Page Used On:

custom.browse-by-tag-dropdown.liquid

Total Edits:
From: December,18,2016
To: January 18th ,2017

Description:
Page Used On:

custom.filter.accessory.kind.liquid

Total Edits:
From: December,18,2016
To: January 18th ,2017

Description:
Page Used On:

custom.filter.infrastructure.kinds.liquid

Total Edits:
From: December,18,2016
To: January 18th ,2017

Description:
Page Used On:

custom.filter.list.collections.liquid

Total Edits:
From: December,18,2016
To: January 18th ,2017

Description:
Page Used On:

custom.filter.list.types.liquid

Total Edits:
From: December,18,2016
To: January 18th ,2017

Description:
Page Used On:

custom.filter.list.vendors.liquid

Total Edits:
From: December,18,2016
To: January 18th ,2017

Description:
Page Used On:

custom.filter.mobile.band.liquid

Total Edits:
From: December,18,2016
To: January 18th ,2017

Description:
Page Used On:

custom.filter.mobile.system.liquid

Total Edits:
From: December,18,2016
To: January 18th ,2017

Description:
Page Used On:

custom.filter.mobile.watts.liquid

Total Edits:
From: December,18,2016
To: January 18th ,2017

Description:
Page Used On:

custom.filter.portable.channel.liquid

Total Edits:
From: December,18,2016
To: January 18th ,2017

Description:
Page Used On:

custom.filter.section.liquid

Total Edits:
From: December,18,2016
To: January 18th ,2017

Description:
Page Used On:

custom.filter.vendor-list.liquid

Total Edits:
From: December,18,2016
To: January 18th ,2017

Description:
Page Used On:

custom.filter.vendors.liquid

Total Edits:
From: December,18,2016
To: January 18th ,2017

Description:
Page Used On:

custom.tag.css

Total Edits:
From: December,18,2016
To: January 18th ,2017

Description:
Page Used On:

custom.tag.liquid

Total Edits: 127
From: December,18,2016
To: January 18th ,2017

Description:
Page Used On:

product.liquid

Total Edits:
From: December,18,2016
To: January 18th ,2017

Description:
Page Used On:

@garrettmac
Copy link
Author

garrettmac commented Jan 25, 2017 •
edited

Domain Records

https://used-radios-store.myshopify.com/admin/settings/domains

I removed all of my records off my domain. You add it to yours you only needs two records.

Record Host Ip Address
A @ 23.227.38.32
CNAME @ used-radios-store.myshopify.com.

Note: Don't do a wiildcard redirect if you want all redirects to goto www.site.com, manage it from shopify.

Because its not a new domain and its a A and CNAME it should propagate in under 5 minutes if not right away.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment