Skip to content

Instantly share code, notes, and snippets.

@NateJLewis
Created August 28, 2015 03:54
Show Gist options
  • Save NateJLewis/e57e4b9ae49ff88f5cf0 to your computer and use it in GitHub Desktop.
Save NateJLewis/e57e4b9ae49ff88f5cf0 to your computer and use it in GitHub Desktop.
copy_from_here
<!--This goes inside modal 2...one for each product-->
<div class="row">
<div id="classic_tee" class="" data-style="CT">
<div class="col-xs-6">
<div class="product-wrap front-wrap">
<a href="#" class="product-thumb image-front" data-sku="CT" data-side="front">
<img src="/images/uploads/campaigns/builder/_proper_thumb/CT-MonoChrome_front.png">
</a>
</div>
<div class="product-wrap back-wrap hidden">
<a href="#" class="product-thumb image-back" data-sku="CT" data-side="back">
<img src="/images/uploads/campaigns/builder/_proper_thumb/CT-MonoChrome_back.png">
</a>
</div>
</div>
<div class="col-xs-6">
<ul class="list-inline color_swatch_wrap">
<!-- CT - Classic Tee color swatches -->
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Ash">
<input type="checkbox" name="ct_color[]" class="color_checkbox" id="CT_Ash" data-style-color="CT-Ash" value="Ash">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_AquBlu">
<input type="checkbox" name="ct_color[]" class="color_checkbox" id="CT_AquBlu" data-style-color="CT-AquBlu" value="AquBlu">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_AthHtr">
<input type="checkbox" name="ct_color[]" class="color_checkbox" id="CT_AthHtr" data-sku-color="CT-AthHtr" value="AthHtr">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Black">
<input type="checkbox" name="ct_color[]" class="color_checkbox" id="CT_Black" data-style-color="CT-Black" value="Black">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Royal">
<input type="checkbox" name="ct_color[]" class="color_checkbox" id="CT_Royal" data-style-color="CT-Royal" value="Royal">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_LtBlu">
<input type="checkbox" name="ct_color[]" class="color_checkbox" id="CT_LtBlu" data-style-color="CT-LtBlu" value="LtBlu">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_AthMar">
<input type="checkbox" name="ct_color[]" class="color_checkbox" id="CT_AthMar" data-style-color="CT-AthMar" value="AthMar">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Navy">
<input type="checkbox" name="ct_color[]" class="color_checkbox" id="CT_Navy" data-style-color="CT-Navy" value="Navy">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Purple">
<input type="checkbox" name="ct_color[]" class="color_checkbox" id="CT_Purple" data-style-color="CT-Purple" value="Purple">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_CanPnk">
<input type="checkbox" name="ct_color[]" class="color_checkbox" id="CT_CanPnk" data-style-color="CT-CanPnk" value="CanPnk">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_FryRed">
<input type="checkbox" name="ct_color[]" class="color_checkbox" id="CT_FryRed" data-style-color="CT-FryRed" value="FryRed">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Sangria">
<input type="checkbox" name="ct_color[]" class="color_checkbox" id="CT_Sangria" data-style-color="CT-Sangria" value="Sangria">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_LmnYel">
<input type="checkbox" name="ct_color[]" class="color_checkbox" id="CT_LmnYel" data-style-color="CT-LmnYel" value="LmnYel">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_CatBlu">
<input type="checkbox" name="ct_color[]" class="color_checkbox" id="CT_CatBlu" data-style-color="CT-CatBlu" value="CatBlu">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Kelly">
<input type="checkbox" name="ct_color[]" class="color_checkbox" id="CT_Kelly" data-style-color="CT-Kelly" value="Kelly">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Cardinal">
<input type="checkbox" name="ct_color[]" class="color_checkbox" id="CT_Cardinal" data-style-color="CT-Cardinal" value="Cardinal">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<!-- /CT - Classic Tee color swatches -->
</ul>
</div>
</div>
</div>
<!--/ End-->
<!-- The CT above is already in the 2nd modal on - -->
<!-- v-neck tee -->
<div id="vneck_tee" class="style included" data-style="VT">
<div class="form_output" style="margin:0;padding:0;display:inline;">
<!-- Modifier Name (Style) -->
<input type="hidden" name="style[]" class="json_output" id="" value="V-Neck Tee">
<input type="hidden" name="vt_instructions" class="json_output" id="" value="Pick A Style">
<!-- Option Price -->
<input type="hidden" name="vt_price" class="json_output opt_price_mod" value="8.99">
</div>
<div class="form_info" style="margin:0;padding:0;display:inline;">
<input type="hidden" name="sku" class="sku_last_half" value="-S-0.42">
<input type="hidden" name="sku" class="sku_last_half" value="-M-0.48">
<input type="hidden" name="sku" class="sku_last_half" value="-L-0.56">
<input type="hidden" name="sku" class="sku_last_half" value="-XL-0.60">
<input type="hidden" name="sku" class="sku_last_half" value="-2XL-0.69">
<input type="hidden" name="sku" class="sku_last_half" value="-3XL-0.74">
<input type="hidden" name="sku" class="sku_last_half" value="-4XL-0.81">
<input type="hidden" name="base_cost_VT" class="ts_base_cost" id="base_cost_VT" value="8.99">
<input type="hidden" name="a_profit_per_sale_VT" class="a_profit_per_sale" id="a_profit_per_sale_VT" value="0.00">
<input type="hidden" name="sales_goal_VT" class="a_sales_goals" id="sales_goal_VT" value="50">
<input type="hidden" name="estimated_profit_VT" class="a_estimated_profit" id="estimated_profit_VT" value="0.00">
</div>
<div class="campaign card is_active">
<div class="row">
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
<div class="product-wrap front-wrap">
<a href="#" class="product-thumb image-front" data-sku="VT" data-side="front">
<img src="/images/uploads/campaigns/builder/_proper_thumb/VT-MonoChrome_front.png">
</a>
</div>
<div class="product-wrap back-wrap hidden">
<a href="#" class="product-thumb image-back" data-sku="VT" data-side="back">
<img src="/images/uploads/campaigns/builder/_proper_thumb/VT-MonoChrome_back.png">
</a>
</div>
<div class="btn-group color_dropdown">
<a class="dropdown-toggle" href="#" data-toggle="dropdown" aria-expanded="false">
<img class="color_swatch_img" src="/themes/third_party/teestyle/img/campaigns/swatches.png">
</a>
<ul class="dropdown-menu color_swatch_wrap">
<!-- VT - V-Neck Tee color swatches -->
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Ash">
<input type="checkbox" name="vt_color[]" class="color_checkbox" id="VT_Ash" data-style-color="VT-Ash" value="Ash">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_AquBlu">
<input type="checkbox" name="vt_color[]" class="color_checkbox" id="VT_AquBlu" data-style-color="VT-AquBlu" value="AquBlu">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_AthHtr">
<input type="checkbox" name="vt_color[]" class="color_checkbox" id="VT_AthHtr" data-style-color="VT-AthHtr" value="AthHtr">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Black">
<input type="checkbox" name="vt_color[]" class="color_checkbox" id="VT_Black" data-style-color="VT-Black" value="Black">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Royal">
<input type="checkbox" name="vt_color[]" class="color_checkbox" id="VT_Royal" data-style-color="VT-Royal" value="Royal">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_LtBlu">
<input type="checkbox" name="vt_color[]" class="color_checkbox" id="VT_LtBlu" data-style-color="VT-LtBlu" value="LtBlu">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_AthMar">
<input type="checkbox" name="vt_color[]" class="color_checkbox" id="VT_AthMar" data-style-color="VT-AthMar" value="AthMar">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Navy">
<input type="checkbox" name="vt_color[]" class="color_checkbox" id="VT_Navy" data-style-color="VT-Navy" value="Navy">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Purple">
<input type="checkbox" name="vt_color[]" class="color_checkbox" id="VT_Purple" data-style-color="VT-Purple" value="Purple">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_CanPnk">
<input type="checkbox" name="vt_color[]" class="color_checkbox" id="VT_CanPnk" data-style-color="VT-CanPnk" value="CanPnk">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Sangria">
<input type="checkbox" name="vt_color[]" class="color_checkbox" id="VT_Sangria" data-style-color="VT-Sangria" value="Sangria">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_LmnYel">
<input type="checkbox" name="vt_color[]" class="color_checkbox" id="VT_LmnYel" data-style-color="VT-LmnYel" value="LmnYel">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_CatBlu">
<input type="checkbox" name="vt_color[]" class="color_checkbox" id="VT_CatBlu" data-style-color="VT-CatBlu" value="CatBlu">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Kelly">
<input type="checkbox" name="vt_color[]" class="color_checkbox" id="VT_Kelly" data-style-color="VT-Kelly" value="Kelly">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Cardinal">
<input type="checkbox" name="vt_color[]" class="color_checkbox" id="VT_Cardinal" data-style-color="VT-Cardinal" value="Cardinal">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<!-- /VT - V-Neck Tee color swatches -->
</ul>
</div>
</div>
<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<p class="gl_selling_price_header">Set Selling Price</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<p class="gl_sales_goal_header">Estimate Sales Goal</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<p class="gl_profit_header">Profit</p>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
<div class="input-group input-group-lg ">
<span class="input-group-addon">$</span>
<input name="affiliate_selling_price" type="number" class="affiliate_selling_price form-control" min="8.99" placeholder="Selling Price" value="8.99">
</div>
<p class="gl_base_cost">
$<span class="base_cost">8.99</span>
base cost
</p>
</div>
<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
<p class="gl_profit_sale text-center">
$<span class="profit_per_sale">0.00</span>
</p>
<p class="profit_label text-center">profit per sale</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<input type="number" name="estimated_sales" class="estimated_sales form-control input-lg" min="1" placeholder="Number of Sales" value="50">
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<p class="gl_profit">
$<span class="profit_amount">0.00</span>
</p>
</div>
</div>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">
<span class="info delete active">
<button type="button" name="remove_item" class="remove_item" data-remove="VT">
<i class="material-icons">close</i>
</button>
</span>
<span class="info add hidden">
<button type="button" name="add_item" class="add_item" data-add="VT">
<i class="add_icon material-icons">add</i>
</button>
</span>
</div>
</div>
<div class="campaign-form-row row">
<div class="col-xs-12">
<ul id="vt_active_colors" class="active_colors color_swatch_wrap list-inline">
</ul>
</div>
</div>
</div>
</div>
<!-- ladies tee -->
<div id="ladies_tee" class="style not_included" data-style="LT">
<div class="form_output" style="margin:0;padding:0;display:inline;">
<!-- Modifier Name (Style) -->
<input type="hidden" name="style[]" class="json_output" id="" value="Ladies Tee">
<input type="hidden" name="lt_instructions" class="json_output" id="" value="Pick A Style">
<!-- Option Price -->
<input type="hidden" name="lt_price" class="json_output opt_price_mod" value="8.56">
</div>
<div class="form_info" style="margin:0;padding:0;display:inline;">
<input type="hidden" name="sku" class="sku_last_half" value="-S-0.42">
<input type="hidden" name="sku" class="sku_last_half" value="-M-0.48">
<input type="hidden" name="sku" class="sku_last_half" value="-L-0.56">
<input type="hidden" name="sku" class="sku_last_half" value="-XL-0.60">
<input type="hidden" name="sku" class="sku_last_half" value="-2XL-0.69">
<input type="hidden" name="sku" class="sku_last_half" value="-3XL-0.74">
<input type="hidden" name="sku" class="sku_last_half" value="-4XL-0.81">
<input type="hidden" name="base_cost_LT" class="ts_base_cost" id="base_cost_LT" value="8.56">
<input type="hidden" name="a_profit_per_sale_LT" class="a_profit_per_sale" id="a_profit_per_sale_LT" value="0.00">
<input type="hidden" name="sales_goal_LT" class="a_sales_goals" id="sales_goal_LT" value="50">
<input type="hidden" name="estimated_profit_LT" class="a_estimated_profit" id="estimated_profit_LT" value="0.00">
</div>
<div class="campaign card is_active">
<div class="row">
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
<div class="product-wrap front-wrap">
<a href="#" class="product-thumb image-front" data-sku="LT" data-side="front">
<img src="/images/uploads/campaigns/builder/_proper_thumb/LT-MonoChrome_front.png">
</a>
</div>
<div class="product-wrap back-wrap hidden">
<a href="#" class="product-thumb image-back" data-sku="LT" data-side="back">
<img src="/images/uploads/campaigns/builder/_proper_thumb/LT-MonoChrome_back.png">
</a>
</div>
<div class="btn-group color_dropdown">
<a class="dropdown-toggle" href="#" data-toggle="dropdown" aria-expanded="false">
<img class="color_swatch_img" src="/themes/third_party/teestyle/img/campaigns/swatches.png">
</a>
<ul class="dropdown-menu color_swatch_wrap">
<!-- LT - Ladies Tee color swatches -->
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Ash">
<input type="checkbox" name="lt_color[]" class="color_checkbox" id="LT_Ash" data-style-color="LT-Ash" value="Ash">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_AquBlu">
<input type="checkbox" name="lt_color[]" class="color_checkbox" id="LT_AquBlu" data-style-color="LT-AquBlu" value="AquBlu">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_AthHtr">
<input type="checkbox" name="lt_color[]" class="color_checkbox" id="LT_AthHtr" data-style-color="LT-AthHtr" value="AthHtr">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Black">
<input type="checkbox" name="lt_color[]" class="color_checkbox" id="LT_Black" data-style-color="LT-Black" value="Black">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Royal">
<input type="checkbox" name="lt_color[]" class="color_checkbox" id="LT_Royal" data-style-color="LT-Royal" value="Royal">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_LtBlu">
<input type="checkbox" name="lt_color[]" class="color_checkbox" id="LT_LtBlu" data-style-color="LT-LtBlu" value="LtBlu">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_AthMar">
<input type="checkbox" name="lt_color[]" class="color_checkbox" id="LT_AthMar" data-style-color="LT-AthMar" value="AthMar">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Navy">
<input type="checkbox" name="lt_color[]" class="color_checkbox" id="LT_Navy" data-style-color="LT-Navy" value="Navy">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Purple">
<input type="checkbox" name="lt_color[]" class="color_checkbox" id="LT_Purple" data-style-color="LT-Purple" value="Purple">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_CanPnk">
<input type="checkbox" name="lt_color[]" class="color_checkbox" id="LT_CanPnk" data-style-color="LT-CanPnk" value="CanPnk">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Sangria">
<input type="checkbox" name="lt_color[]" class="color_checkbox" id="LT_Sangria" data-style-color="LT-Sangria" value="Sangria">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_LmnYel">
<input type="checkbox" name="lt_color[]" class="color_checkbox" id="LT_LmnYel" data-style-color="LT-LmnYel" value="LmnYel">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Kelly">
<input type="checkbox" name="lt_color[]" class="color_checkbox" id="LT_Kelly" data-style-color="LT-Kelly" value="Kelly">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Cardinal">
<input type="checkbox" name="lt_color[]" class="color_checkbox" id="LT_Cardinal" data-style-color="LT-Cardinal" value="Cardinal">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
</ul>
</div>
</div>
<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<p class="gl_selling_price_header">Set Selling Price</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<p class="gl_sales_goal_header">Estimate Sales Goal</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<p class="gl_profit_header">Profit</p>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
<div class="input-group input-group-lg ">
<span class="input-group-addon">$</span>
<input name="affiliate_selling_price" type="number" class="affiliate_selling_price form-control" min="8.56" placeholder="Selling Price" value="">
</div>
<p class="gl_base_cost">
$<span class="base_cost">8.56</span>
base cost
</p>
</div>
<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
<p class="gl_profit_sale text-center">
$<span class="profit_per_sale">0.00</span>
</p>
<p class="profit_label text-center">profit per sale</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<input type="number" name="estimated_sales" class="estimated_sales form-control input-lg" min="1" placeholder="Number of Sales" value="50">
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<p class="gl_profit">
$<span class="profit_amount">0.00</span>
</p>
</div>
</div>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">
<span class="info delete hidden">
<button type="button" name="remove_item" class="remove_item" data-remove="LT">
<i class="material-icons">close</i>
</button>
</span>
<span class="info add active">
<button type="button" name="add_item" class="add_item" data-add="LT">
<i class="add_icon material-icons">add</i>
</button>
</span>
</div>
</div>
<div class="campaign-form-row row">
<div class="col-xs-12">
<ul id="lt_active_colors" class="active_colors color_swatch_wrap list-inline">
</ul>
</div>
</div>
</div>
</div>
<!-- gathered raceback tank -->
<div id="gathered_raceback_tank" class="style not_included" data-style="GRT">
<div class="form_output" style="margin:0;padding:0;display:inline;">
<!-- Modifier Name (Style) -->
<input type="hidden" name="style[]" class="json_output" id="" value="Gathered Raceback Tank">
<input type="hidden" name="grt_instructions" class="json_output" id="" value="Pick A Style">
<!-- Option Price -->
<input type="hidden" name="grt_price" class="json_output opt_price_mod" value="10.70">
</div>
<div class="form_info" style="margin:0;padding:0;display:inline;">
<input type="hidden" name="sku" class="sku_last_half" value="-S-0.42">
<input type="hidden" name="sku" class="sku_last_half" value="-M-0.48">
<input type="hidden" name="sku" class="sku_last_half" value="-L-0.56">
<input type="hidden" name="sku" class="sku_last_half" value="-XL-0.60">
<input type="hidden" name="sku" class="sku_last_half" value="-2XL-0.69">
<input type="hidden" name="sku" class="sku_last_half" value="-3XL-0.74">
<input type="hidden" name="sku" class="sku_last_half" value="-4XL-0.81">
<input type="hidden" name="base_cost_GRT" class="ts_base_cost" id="base_cost_GRT" value="10.70">
<input type="hidden" name="a_profit_per_sale_GRT" class="a_profit_per_sale" id="a_profit_per_sale_GRT" value="0.00">
<input type="hidden" name="sales_goal_GRT" class="a_sales_goals" id="sales_goal_GRT" value="50">
<input type="hidden" name="estimated_profit_GRT" class="a_estimated_profit" id="estimated_profit_GRT" value="0.00">
</div>
<div class="campaign card is_active">
<div class="row">
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
<div class="product-wrap front-wrap">
<a href="#" class="product-thumb image-front" data-sku="GRT" data-side="front">
<img src="/images/uploads/campaigns/builder/_proper_thumb/GRT-MonoChrome_front.png">
</a>
</div>
<div class="product-wrap back-wrap hidden">
<a href="#" class="product-thumb image-back" data-sku="GRT" data-side="back">
<img src="/images/uploads/campaigns/builder/_proper_thumb/GRT-MonoChrome_back.png">
</a>
</div>
<div class="btn-group color_dropdown">
<a class="dropdown-toggle" href="#" data-toggle="dropdown" aria-expanded="false">
<img class="color_swatch_img" src="/themes/third_party/teestyle/img/campaigns/swatches.png">
</a>
<ul class="dropdown-menu color_swatch_wrap">
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Black">
<input type="checkbox" name="grt_color[]" class="color_checkbox" id="GRT_Black" data-style-color="GRT-Black" value="Black">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_White">
<input type="checkbox" name="grt_color[]" class="color_checkbox" id="GRT_White" data-style-color="GRT-White" value="White">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_AplGrn">
<input type="checkbox" name="grt_color[]" class="color_checkbox" id="GRT_AplGrn" data-style-color="GRT-AplGrn" value="AplGrn">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Watermln">
<input type="checkbox" name="grt_color[]" class="color_checkbox" id="GRT_Watermln" data-style-color="GRT-Watermln" value="Watermln">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_DeepRoyal">
<input type="checkbox" name="grt_color[]" class="color_checkbox" id="GRT_DeepRoyal" data-style-color="GRT-DeepRoyal" value="DeepRoyal">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<!-- /GRT - Gathered Racerback Tank color swatches -->
</ul>
</div>
</div>
<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<p class="gl_selling_price_header">Set Selling Price</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<p class="gl_sales_goal_header">Estimate Sales Goal</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<p class="gl_profit_header">Profit</p>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
<div class="input-group input-group-lg ">
<span class="input-group-addon">$</span>
<input name="affiliate_selling_price" type="number" class="affiliate_selling_price form-control" min="10.70" placeholder="Selling Price" value="10.70">
</div>
<p class="gl_base_cost">
$<span class="base_cost">10.70</span>
base cost
</p>
</div>
<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
<p class="gl_profit_sale text-center">
$<span class="profit_per_sale">0.00</span>
</p>
<p class="profit_label text-center">profit per sale</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<input type="number" name="estimated_sales" class="estimated_sales form-control input-lg" min="1" placeholder="Number of Sales" value="50">
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<p class="gl_profit">
$<span class="profit_amount">0.00</span>
</p>
</div>
</div>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">
<span class="info delete hidden">
<button type="button" name="remove_item" class="remove_item" data-remove="GRT">
<i class="material-icons">close</i>
</button>
</span>
<span class="info add active">
<button type="button" name="add_item" class="add_item" data-add="GRT">
<i class="add_icon material-icons">add</i>
</button>
</span>
</div>
</div>
<div class="campaign-form-row row">
<div class="col-xs-12">
<ul id="grt_active_colors" class="active_colors color_swatch_wrap list-inline">
</ul>
</div>
</div>
</div>
</div>
<!-- mens concert tank -->
<div id="mens_concert_tank" class="style not_included" data-style="MCT">
<div class="form_output" style="margin:0;padding:0;display:inline;">
<!-- Modifier Name (Style) -->
<input type="hidden" name="style[]" class="json_output" id="" value="Mens Concert Tank">
<input type="hidden" name="mct_instructions" class="json_output" id="" value="Pick A Style">
<!-- Option Price -->
<input type="hidden" name="mct_price" class="json_output opt_price_mod" value="9.56">
</div>
<div class="form_info" style="margin:0;padding:0;display:inline;">
<input type="hidden" name="sku" class="sku_last_half" value="-S-0.42">
<input type="hidden" name="sku" class="sku_last_half" value="-M-0.48">
<input type="hidden" name="sku" class="sku_last_half" value="-L-0.56">
<input type="hidden" name="sku" class="sku_last_half" value="-XL-0.60">
<input type="hidden" name="sku" class="sku_last_half" value="-2XL-0.69">
<input type="hidden" name="sku" class="sku_last_half" value="-3XL-0.74">
<input type="hidden" name="sku" class="sku_last_half" value="-4XL-0.81">
<input type="hidden" name="base_cost_MCT" class="ts_base_cost" id="base_cost_MCT" value="9.56">
<input type="hidden" name="a_profit_per_sale_MCT" class="a_profit_per_sale" id="a_profit_per_sale_MCT" value="0.00">
<input type="hidden" name="sales_goal_MCT" class="a_sales_goals" id="sales_goal_MCT" value="50">
<input type="hidden" name="estimated_profit_MCT" class="a_estimated_profit" id="estimated_profit_MCT" value="0.00">
</div>
<div class="campaign card is_active">
<div class="row">
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
<div class="product-wrap front-wrap">
<a href="#" class="product-thumb image-front" data-sku="MCT" data-side="front">
<img src="/images/uploads/campaigns/builder/_proper_thumb/MCT-MonoChrome_front.png">
</a>
</div>
<div class="product-wrap back-wrap hidden">
<a href="#" class="product-thumb image-back" data-sku="MCT" data-side="back">
<img src="/images/uploads/campaigns/builder/_proper_thumb/MCT-MonoChrome_back.png">
</a>
</div>
<div class="btn-group color_dropdown">
<a class="dropdown-toggle" href="#" data-toggle="dropdown" aria-expanded="false">
<img class="color_swatch_img" src="/themes/third_party/teestyle/img/campaigns/swatches.png">
</a>
<ul class="dropdown-menu color_swatch_wrap">
<!-- MCT - Mens Concert Tank color swatches -->
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Black">
<input type="checkbox" name="mct_color[]" class="color_checkbox" id="MCT_Black" data-style-color="MCT-Black" value="Black">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_FryRed">
<input type="checkbox" name="mct_color[]" class="color_checkbox" id="MCT_FryRed" data-style-color="MCT-FryRed" value="FryRed">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_White">
<input type="checkbox" name="mct_color[]" class="color_checkbox" id="MCT_White" data-style-color="MCT-White" value="White">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_DeepRoyal">
<input type="checkbox" name="mct_color[]" class="color_checkbox" id="MCT_DeepRoyal" data-style-color="MCT-DeepRoyal" value="DeepRoyal">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_NeonOrg">
<input type="checkbox" name="mct_color[]" class="color_checkbox" id="MCT_NeonOrg" data-style-color="MCT-NeonOrg" value="NeonOrg">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Charcoal">
<input type="checkbox" name="mct_color[]" class="color_checkbox" id="MCT_Charcoal" data-style-color="MCT-Charcoal" value="Charcoal">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_NewRed">
<input type="checkbox" name="mct_color[]" class="color_checkbox" id="MCT_NewRed" data-style-color="MCT-NewRed" value="NewRed">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<!-- /MCT - Mens Concert Tank color swatches -->
</ul>
</div>
</div>
<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<p class="gl_selling_price_header">Set Selling Price</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<p class="gl_sales_goal_header">Estimate Sales Goal</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<p class="gl_profit_header">Profit</p>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
<div class="input-group input-group-lg ">
<span class="input-group-addon">$</span>
<input name="affiliate_selling_price" type="number" class="affiliate_selling_price form-control" min="9.56" placeholder="Selling Price" value="9.56">
</div>
<p class="gl_base_cost">
$<span class="base_cost">9.56</span>
base cost
</p>
</div>
<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
<p class="gl_profit_sale text-center">
$<span class="profit_per_sale">0.00</span>
</p>
<p class="profit_label text-center">profit per sale</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<input type="number" name="estimated_sales" class="estimated_sales form-control input-lg" min="1" placeholder="Number of Sales" value="50">
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<p class="gl_profit">
$<span class="profit_amount">0.00</span>
</p>
</div>
</div>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">
<span class="info delete hidden">
<button type="button" name="remove_item" class="remove_item" data-remove="MCT">
<i class="material-icons">close</i>
</button>
</span>
<span class="info add active">
<button type="button" name="add_item" class="add_item" data-add="MCT">
<i class="add_icon material-icons">add</i>
</button>
</span>
</div>
</div>
<div class="campaign-form-row row">
<div class="col-xs-12">
<ul id="mct_active_colors" class="active_colors color_swatch_wrap list-inline">
</ul>
</div>
</div>
</div>
</div>
<!-- hoodie -->
<div id="hoodie" class="style not_included" data-style="H">
<div class="form_output" style="margin:0;padding:0;display:inline;">
<!-- Modifier Name (Style) -->
<input type="hidden" name="style[]" class="json_output" id="" value="Hoodie">
<input type="hidden" name="h_instructions" class="json_output" id="" value="Pick A Style">
<!-- Option Price -->
<input type="hidden" name="h_price" class="json_output opt_price_mod" value="8.99">
</div>
<div class="form_info" style="margin:0;padding:0;display:inline;">
<input type="hidden" name="sku" class="sku_last_half" value="-S-0.42">
<input type="hidden" name="sku" class="sku_last_half" value="-M-0.48">
<input type="hidden" name="sku" class="sku_last_half" value="-L-0.56">
<input type="hidden" name="sku" class="sku_last_half" value="-XL-0.60">
<input type="hidden" name="sku" class="sku_last_half" value="-2XL-0.69">
<input type="hidden" name="sku" class="sku_last_half" value="-3XL-0.74">
<input type="hidden" name="sku" class="sku_last_half" value="-4XL-0.81">
<!-- note to nate: changed name="", appended _VT ... added id -->
<input type="hidden" name="base_cost_H" class="ts_base_cost" id="base_cost_H" value="15.39">
<input type="hidden" name="a_profit_per_sale_H" class="a_profit_per_sale" id="a_profit_per_sale_H" value="0.00">
<input type="hidden" name="sales_goal_H" class="a_sales_goals" id="sales_goal_H" value="50">
<input type="hidden" name="estimated_profit_H" class="a_estimated_profit" id="estimated_profit_H" value="0.00">
</div>
<div class="campaign card is_active">
<div class="row">
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
<div class="product-wrap front-wrap">
<a href="#" class="product-thumb image-front" data-sku="H" data-side="front">
<img src="/images/uploads/campaigns/builder/_proper_thumb/H-MonoChrome_front.png">
</a>
</div>
<div class="product-wrap back-wrap hidden">
<a href="#" class="product-thumb image-back" data-sku="H" data-side="back">
<img src="/images/uploads/campaigns/builder/_proper_thumb/H-MonoChrome_back.png">
</a>
</div>
<div class="btn-group color_dropdown">
<a class="dropdown-toggle" href="#" data-toggle="dropdown" aria-expanded="false">
<img class="color_swatch_img" src="/themes/third_party/teestyle/img/campaigns/swatches.png">
</a>
<ul class="dropdown-menu color_swatch_wrap">
<!-- H - Hoodie color swatches -->
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Ash">
<input type="checkbox" name="h_color[]" class="color_checkbox" id="H_Ash" data-style-color="H-Ash" value="Ash">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_AquBlu">
<input type="checkbox" name="h_color[]" class="color_checkbox" id="H_AquBlu" data-style-color="H-AquBlu" value="AquBlu">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_AthHtr">
<input type="checkbox" name="h_color[]" class="color_checkbox" id="H_AthHtr" data-style-color="H-AthHtr" value="AthHtr">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Black">
<input type="checkbox" name="h_color[]" class="color_checkbox" id="H_Black" data-style-color="H-Black" value="Black">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Royal">
<input type="checkbox" name="h_color[]" class="color_checkbox" id="H_Royal" data-style-color="H-Royal" value="Royal">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_LtBlu">
<input type="checkbox" name="h_color[]" class="color_checkbox" id="H_LtBlu" data-style-color="H-LtBlu" value="LtBlu">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Navy">
<input type="checkbox" name="h_color[]" class="color_checkbox" id="H_Navy" data-style-color="H-Navy" value="Navy">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Purple">
<input type="checkbox" name="h_color[]" class="color_checkbox" id="H_Purple" data-style-color="H-Purple" value="Purple">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_CanPnk">
<input type="checkbox" name="h_color[]" class="color_checkbox" id="H_CanPnk" data-style-color="H-CanPnk" value="CanPnk">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Sangria">
<input type="checkbox" name="h_color[]" class="color_checkbox" id="H_Sangria" data-style-color="H-Sangria" value="Sangria">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_CatBlu">
<input type="checkbox" name="h_color[]" class="color_checkbox" id="H_CatBlu" data-style-color="H-CatBlu" value="CatBlu">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Kelly">
<input type="checkbox" name="h_color[]" class="color_checkbox" id="H_Kelly" data-style-color="H-Kelly" value="Kelly">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Cardinal">
<input type="checkbox" name="h_color[]" class="color_checkbox" id="H_Cardinal" data-style-color="H-Cardinal" value="Cardinal">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_White">
<input type="checkbox" name="h_color[]" class="color_checkbox" id="H_White" data-style-color="H-White" value="White">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<!-- /H - Hoodie color swatches -->
</ul>
</div>
</div>
<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<p class="gl_selling_price_header">Set Selling Price</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<p class="gl_sales_goal_header">Estimate Sales Goal</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<p class="gl_profit_header">Profit</p>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
<div class="input-group input-group-lg ">
<span class="input-group-addon">$</span>
<input name="affiliate_selling_price" type="number" class="affiliate_selling_price form-control" min="15.39" placeholder="Selling Price" value="15.39">
</div>
<p class="gl_base_cost">
$<span class="base_cost">15.39</span>
base cost
</p>
</div>
<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
<p class="gl_profit_sale text-center">
$<span class="profit_per_sale">0.00</span>
</p>
<p class="profit_label text-center">profit per sale</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<input type="number" name="estimated_sales" class="estimated_sales form-control input-lg" min="1" placeholder="Number of Sales" value="50">
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<p class="gl_profit">
$<span class="profit_amount">0.00</span>
</p>
</div>
</div>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">
<span class="info delete hidden">
<button type="button" name="remove_item" class="remove_item" data-remove="H">
<i class="material-icons">close</i>
</button>
</span>
<span class="info add active">
<button type="button" name="add_item" class="add_item" data-add="H">
<i class="add_icon material-icons">add</i>
</button>
</span>
</div>
</div>
<div class="campaign-form-row row">
<div class="col-xs-12">
<ul id="h_active_colors" class="active_colors color_swatch_wrap list-inline">
</ul>
</div>
</div>
</div>
</div>
<!-- long sleeve -->
<div id="long_sleeve" class="style not_included" data-style="LS">
<div class="form_output" style="margin:0;padding:0;display:inline;">
<!-- Modifier Name (Style) -->
<input type="hidden" name="style[]" class="json_output" id="" value="Long Sleeve Tee">
<input type="hidden" name="ls_instructions" class="json_output" id="" value="Pick A Style">
<!-- Option Price -->
<input type="hidden" name="ls_price" class="json_output opt_price_mod" value="10.60">
</div>
<div class="form_info" style="margin:0;padding:0;display:inline;">
<input type="hidden" name="sku" class="sku_last_half" value="-S-0.42">
<input type="hidden" name="sku" class="sku_last_half" value="-M-0.48">
<input type="hidden" name="sku" class="sku_last_half" value="-L-0.56">
<input type="hidden" name="sku" class="sku_last_half" value="-XL-0.60">
<input type="hidden" name="sku" class="sku_last_half" value="-2XL-0.69">
<input type="hidden" name="sku" class="sku_last_half" value="-3XL-0.74">
<input type="hidden" name="sku" class="sku_last_half" value="-4XL-0.81">
<input type="hidden" name="base_cost_LS" class="ts_base_cost" id="base_cost_LS" value="10.60">
<input type="hidden" name="a_profit_per_sale_LS" class="a_profit_per_sale" id="a_profit_per_sale_LS" value="0.00">
<input type="hidden" name="sales_goal_LS" class="a_sales_goals" id="sales_goal_LS" value="50">
<input type="hidden" name="estimated_profit_LS" class="a_estimated_profit" id="estimated_profit_LS" value="0.00">
</div>
<div class="campaign card is_active">
<div class="row">
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
<div class="product-wrap front-wrap">
<a href="#" class="product-thumb image-front" data-sku="LS" data-side="front">
<img src="/images/uploads/campaigns/builder/_proper_thumb/LS-MonoChrome_front.png">
</a>
</div>
<div class="product-wrap back-wrap hidden">
<a href="#" class="product-thumb image-back" data-sku="LS" data-side="back">
<img src="/images/uploads/campaigns/builder/_proper_thumb/LS-MonoChrome_back.png">
</a>
</div>
<div class="btn-group color_dropdown">
<a class="dropdown-toggle" href="#" data-toggle="dropdown" aria-expanded="false">
<img class="color_swatch_img" src="/themes/third_party/teestyle/img/campaigns/swatches.png">
</a>
<ul class="dropdown-menu color_swatch_wrap">
<!-- LS - Long Sleeve color swatches -->
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Ash">
<input type="checkbox" name="ls_color[]" class="color_checkbox" id="LS_Ash" data-style-color="LS-Ash" value="Ash">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_AquBlu">
<input type="checkbox" name="ls_color[]" class="color_checkbox" id="LS_AquBlu" data-style-color="LS-AquBlu" value="AquBlu">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_AthHtr">
<input type="checkbox" name="ls_color[]" class="color_checkbox" id="LS_AthHtr" data-style-color="LS-AthHtr" value="AthHtr">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Black">
<input type="checkbox" name="ls_color[]" class="color_checkbox" id="LS_Black" data-style-color="LS-Black" value="Black">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Royal">
<input type="checkbox" name="ls_color[]" class="color_checkbox" id="LS_Royal" data-style-color="LS-Royal" value="Royal">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_LtBlu">
<input type="checkbox" name="ls_color[]" class="color_checkbox" id="LS_LtBlu" data-style-color="LS-LtBlu" value="LtBlu">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_AthMar">
<input type="checkbox" name="ls_color[]" class="color_checkbox" id="LS_AthMar" data-style-color="LS-AthMar" value="AthMar">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Navy">
<input type="checkbox" name="ls_color[]" class="color_checkbox" id="LS_Navy" data-style-color="LS-Navy" value="Navy">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Purple">
<input type="checkbox" name="ls_color[]" class="color_checkbox" id="LS_Purple" data-style-color="LS-Purple" value="Purple">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Sangria">
<input type="checkbox" name="ls_color[]" class="color_checkbox" id="LS_Sangria" data-style-color="LS-Sangria" value="Sangria">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<li class="color_swatch">
<div class="checkbox">
<label class="swatch_Kelly">
<input type="checkbox" name="ls_color[]" class="color_checkbox" id="LS_Kelly" data-style-color="LS-Kelly" value="Kelly">
<span class="cr"><i class="cr-icon material-icons">check</i></span>
</label>
</div>
</li>
<!-- /LS - Long Sleeve color swatches -->
</ul>
</div>
</div>
<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<p class="gl_selling_price_header">Set Selling Price</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<p class="gl_sales_goal_header">Estimate Sales Goal</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<p class="gl_profit_header">Profit</p>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
<div class="input-group input-group-lg ">
<span class="input-group-addon">$</span>
<input name="affiliate_selling_price" type="number" class="affiliate_selling_price form-control" min="10.60" placeholder="Selling Price" value="10.60">
</div>
<p class="gl_base_cost">
$<span class="base_cost">10.60</span>
base cost
</p>
</div>
<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
<p class="gl_profit_sale text-center">
$<span class="profit_per_sale">0.00</span>
</p>
<p class="profit_label text-center">profit per sale</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<input type="number" name="estimated_sales" class="estimated_sales form-control input-lg" min="1" placeholder="Number of Sales" value="50">
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<p class="gl_profit">
$<span class="profit_amount">0.00</span>
</p>
</div>
</div>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">
<span class="info delete hidden">
<button type="button" name="remove_item" class="remove_item" data-remove="LS">
<i class="material-icons">close</i>
</button>
</span>
<span class="info add active">
<button type="button" name="add_item" class="add_item" data-add="LS">
<i class="add_icon material-icons">add</i>
</button>
</span>
</div>
</div>
<div class="campaign-form-row row">
<div class="col-xs-12">
<ul id="ls_active_colors" class="active_colors color_swatch_wrap list-inline">
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="campaign card is_active campaign_btn">
<div class="row">
<div class="col-xs-6">
<a href="{site_url}campaign" class="btn btn-flat escape_goals go_builder"><i class="material-icons">arrow_back</i></a>
</div>
<div class="col-xs-6">
<button type="submit" class="btn btn-flat goals_finished details_next">Next</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function() {
// $( "form#campaign_goals" ).on( "submit", function( event ) {
// // var skuStyleColor = $(".color_checkbox:checked").data("style-color");
// // var skuSizeWeight = $(".style.included .form_info .sku_last_half");
//
// var goalsForm = $(this);
// var goalsFields = $(".style.included .form_output input[type=hidden], .style.included input[type=checkbox]:checked").serializeArray();
//
// $.each(goalsFields, function(i, goalsFields){
// console.log(goalsFields);
// });
// event.preventDefault();
// });
$.fn.serializeObject = function()
{
var obj = {};
var goalsFields = $(".style.included .form_output input[type=hidden], .style.included input[type=checkbox]:checked").serializeArray();
$.each(goalsFields, function() {
if (obj[this.name] !== undefined) {
if (!obj[this.name].push) {
obj[this.name] = [obj[this.name]];
}
obj[this.name].push(this.value || '');
} else {
obj[this.name] = this.value || '';
}
});
return obj;
};
$(function() {
var goalsForm = $('form#campaign_goals');
$(goalsForm).submit(function() {
$('#result').text(JSON.stringify($(goalsForm).serializeObject()));
return false;
});
});
});
</script>
{!--{embed="campaign/_login"}--}
{footer}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment