Created
August 28, 2015 03:54
-
-
Save NateJLewis/e57e4b9ae49ff88f5cf0 to your computer and use it in GitHub Desktop.
copy_from_here
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!--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