Skip to content

Instantly share code, notes, and snippets.

@divideby0
Last active August 29, 2015 14:03
Show Gist options
  • Select an option

  • Save divideby0/0fb7f317b0cd48056e31 to your computer and use it in GitHub Desktop.

Select an option

Save divideby0/0fb7f317b0cd48056e31 to your computer and use it in GitHub Desktop.
➜ curl -L --verbose http://7io.r.mailjet.com/link/x09v/o7huxq8/1/Ws4pdbrgrFEEui3rR6oQbw/aHR0cDovL3JzdHlsZS5tZS9uL2t4YzJkamFuZQ
* Adding handle: conn: 0x7fe942804000
* Adding handle: send: 0
* Adding handle: recv: 0
* Curl_addHandleToPipeline: length: 1
* - Conn 0 (0x7fe942804000) send_pipe: 1, recv_pipe: 0
* About to connect() to 3 port 80 (#0)
* Trying 0.0.0.3...
* Failed to connect to 0.0.0.3: No route to host
* couldn't connect to host at 3:80
* Closing connection 0
curl: (7) Failed to connect to 0.0.0.3: No route to host
* Adding handle: conn: 0x7fe944000000
* Adding handle: send: 0
* Adding handle: recv: 0
* Curl_addHandleToPipeline: length: 1
* - Conn 1 (0x7fe944000000) send_pipe: 1, recv_pipe: 0
* About to connect() to 7io.r.mailjet.com port 80 (#1)
* Trying 46.105.158.229...
* Connected to 7io.r.mailjet.com (46.105.158.229) port 80 (#1)
> GET /link/x09v/o7huxq8/1/Ws4pdbrgrFEEui3rR6oQbw/aHR0cDovL3JzdHlsZS5tZS9uL2t4YzJkamFuZQ HTTP/1.1
> User-Agent: curl/7.30.0
> Host: 7io.r.mailjet.com
> Accept: */*
>
< HTTP/1.1 302 Moved Temporarily
< Date: Wed, 02 Jul 2014 19:00:54 GMT
* Server Apache is not blacklisted
< Server: Apache
< Location: http://rstyle.me/n/kxc2djane
< Vary: Accept-Encoding
< Connection: close
< Transfer-Encoding: chunked
< Content-Type: text/html; charset=utf-8
<
* Closing connection 1
* Issue another request to this URL: 'http://rstyle.me/n/kxc2djane'
* Adding handle: conn: 0x7fe942804000
* Adding handle: send: 0
* Adding handle: recv: 0
* Curl_addHandleToPipeline: length: 1
* - Conn 2 (0x7fe942804000) send_pipe: 1, recv_pipe: 0
* About to connect() to rstyle.me port 80 (#2)
* Trying 54.197.255.0...
* Connected to rstyle.me (54.197.255.0) port 80 (#2)
> GET /n/kxc2djane HTTP/1.1
> User-Agent: curl/7.30.0
> Host: rstyle.me
> Accept: */*
>
< HTTP/1.1 302 Found
< Cache-Control: max-age=2592000
< Content-Type: text/html; charset=UTF-8
< Date: Wed, 02 Jul 2014 19:00:54 GMT
< Expires: Fri, 01 Aug 2014 19:00:54 GMT
< Location: http://www.gopjn.com/t/1-6165-73861-6165?url=http%3A%2F%2Fwww.cwonder.com%2Fc%2FIkat-Salad-Coupe%2Fproduct%2FCWDW-F11-CD005B-22.html&website=157930&sid=n-kxc2djane--387526829
* Server Apache is not blacklisted
< Server: Apache
< Vary: Accept-Encoding,User-Agent
< Content-Length: 0
< Connection: keep-alive
<
* Connection #2 to host rstyle.me left intact
* Issue another request to this URL: 'http://www.gopjn.com/t/1-6165-73861-6165?url=http%3A%2F%2Fwww.cwonder.com%2Fc%2FIkat-Salad-Coupe%2Fproduct%2FCWDW-F11-CD005B-22.html&website=157930&sid=n-kxc2djane--387526829'
* Adding handle: conn: 0x7fe943801000
* Adding handle: send: 0
* Adding handle: recv: 0
* Curl_addHandleToPipeline: length: 1
* - Conn 3 (0x7fe943801000) send_pipe: 1, recv_pipe: 0
* About to connect() to www.gopjn.com port 80 (#3)
* Trying 63.240.110.130...
* Connected to www.gopjn.com (63.240.110.130) port 80 (#3)
> GET /t/1-6165-73861-6165?url=http%3A%2F%2Fwww.cwonder.com%2Fc%2FIkat-Salad-Coupe%2Fproduct%2FCWDW-F11-CD005B-22.html&website=157930&sid=n-kxc2djane--387526829 HTTP/1.1
> User-Agent: curl/7.30.0
> Host: www.gopjn.com
> Accept: */*
>
< HTTP/1.1 302 Found
< Date: Wed, 02 Jul 2014 19:00:54 GMT
* Server Apache is not blacklisted
< Server: Apache
< Expires: Mon, 26 Jul 1997 05:00:00 GMT
< Last-Modified: Wed, 02 Jul 2014 19:00:54 GMT
< Cache-Control: no-store, no-cache, must-revalidate
< Cache-Control: post-check=0, pre-check=0
< Pragma: no-cache
< Location: http://www.pepperjamnetwork.com/tracking/cookie.php?data=S0dMSkVOTUpESUtGTExHTkpFSkk&tarurl=http%3A%2F%2Fwww.cwonder.com%2Fc%2FIkat-Salad-Coupe%2Fproduct%2FCWDW-F11-CD005B-22.html%3FpublisherId%3D73861
< Vary: Accept-Encoding
< Content-Length: 0
< Connection: close
< Content-Type: text/html
<
* Closing connection 3
* Issue another request to this URL: 'http://www.pepperjamnetwork.com/tracking/cookie.php?data=S0dMSkVOTUpESUtGTExHTkpFSkk&tarurl=http%3A%2F%2Fwww.cwonder.com%2Fc%2FIkat-Salad-Coupe%2Fproduct%2FCWDW-F11-CD005B-22.html%3FpublisherId%3D73861'
* Adding handle: conn: 0x7fe943001200
* Adding handle: send: 0
* Adding handle: recv: 0
* Curl_addHandleToPipeline: length: 1
* - Conn 4 (0x7fe943001200) send_pipe: 1, recv_pipe: 0
* About to connect() to www.pepperjamnetwork.com port 80 (#4)
* Trying 63.240.110.130...
* Connected to www.pepperjamnetwork.com (63.240.110.130) port 80 (#4)
> GET /tracking/cookie.php?data=S0dMSkVOTUpESUtGTExHTkpFSkk&tarurl=http%3A%2F%2Fwww.cwonder.com%2Fc%2FIkat-Salad-Coupe%2Fproduct%2FCWDW-F11-CD005B-22.html%3FpublisherId%3D73861 HTTP/1.1
> User-Agent: curl/7.30.0
> Host: www.pepperjamnetwork.com
> Accept: */*
>
< HTTP/1.1 302 Found
< Date: Wed, 02 Jul 2014 19:00:55 GMT
* Server Apache is not blacklisted
< Server: Apache
< Expires: Mon, 26 Jul 1997 05:00:00 GMT
< Last-Modified: Wed, 02 Jul 2014 19:00:55 GMT
< Cache-Control: no-store, no-cache, must-revalidate
< Cache-Control: post-check=0, pre-check=0
< Pragma: no-cache
< P3P: CP="NOI ADM DEV PSAi COM NAV OUR OTRo STP IND DEM"
< Set-Cookie: pjn_cookie_6165=960572883%253A73861; expires=Thu, 17-Jul-2014 19:00:55 GMT; path=/; domain=.pepperjamnetwork.com
< Set-Cookie: pjn_session_6165=960572883%253A73861; path=/; domain=.pepperjamnetwork.com
< location: http://www.cwonder.com/c/Ikat-Salad-Coupe/product/CWDW-F11-CD005B-22.html?publisherId=73861
< Vary: Accept-Encoding
< Content-Length: 0
< Connection: close
< Content-Type: text/html
<
* Closing connection 4
* Issue another request to this URL: 'http://www.cwonder.com/c/Ikat-Salad-Coupe/product/CWDW-F11-CD005B-22.html?publisherId=73861'
* Adding handle: conn: 0x7fe943001200
* Adding handle: send: 0
* Adding handle: recv: 0
* Curl_addHandleToPipeline: length: 1
* - Conn 5 (0x7fe943001200) send_pipe: 1, recv_pipe: 0
* About to connect() to www.cwonder.com port 80 (#5)
* Trying 23.37.7.240...
* Connected to www.cwonder.com (23.37.7.240) port 80 (#5)
> GET /c/Ikat-Salad-Coupe/product/CWDW-F11-CD005B-22.html?publisherId=73861 HTTP/1.1
> User-Agent: curl/7.30.0
> Host: www.cwonder.com
> Accept: */*
>
< HTTP/1.1 302 Moved Temporarily
< Location: http://www.cwonder.com/Categories/Sale/Home-and-Decor/Ikat-Salad-Coupe/product/CWDW-F11-CD005B-22.html?publisherId=73861
< Content-Language: en
< Vary: Accept-Encoding
< Content-Encoding: gzip
< Content-Length: 20
< Content-Type: text/html
< Date: Wed, 02 Jul 2014 19:00:55 GMT
< Connection: keep-alive
< Set-Cookie: JSESSIONID=710B7946D27B083753DFBB978FD71E3C.app7; Path=/
<
* Ignoring the response-body
* Connection #5 to host www.cwonder.com left intact
* Issue another request to this URL: 'http://www.cwonder.com/Categories/Sale/Home-and-Decor/Ikat-Salad-Coupe/product/CWDW-F11-CD005B-22.html?publisherId=73861'
* Found bundle for host www.cwonder.com: 0x7fe94251e710
* Re-using existing connection! (#5) with host www.cwonder.com
* Connected to www.cwonder.com (23.37.7.240) port 80 (#5)
* Adding handle: conn: 0x7fe943001200
* Adding handle: send: 0
* Adding handle: recv: 0
* Curl_addHandleToPipeline: length: 1
* - Conn 5 (0x7fe943001200) send_pipe: 1, recv_pipe: 0
> GET /Categories/Sale/Home-and-Decor/Ikat-Salad-Coupe/product/CWDW-F11-CD005B-22.html?publisherId=73861 HTTP/1.1
> User-Agent: curl/7.30.0
> Host: www.cwonder.com
> Accept: */*
>
< HTTP/1.1 200 OK
< Content-Type: text/html;charset=UTF-8
< Content-Language: en
< Date: Wed, 02 Jul 2014 19:00:55 GMT
< Transfer-Encoding: chunked
< Connection: keep-alive
< Connection: Transfer-Encoding
< Set-Cookie: JSESSIONID=18E9E60ECBE54FFE33D54F3C762453A3.app1; Path=/
<
<!DOCTYPE html>
<html lang="en">
<head>
<title>
Ikat Salad Coupe | Home &amp; Decor | Sale | Categories | C. Wonder</title>
<link id="canonical" rel="canonical" href="/Categories/Sale/Home-and-Decor/Ikat-Salad-Coupe/product/CWDW-F11-CD005B-22.html"/>
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="970" />
<meta name="viewport" content="width=970, target-densitydpi=160, maximum-scale=1.0" />
<meta name="google-site-verification" content="rRS4paogIIqLgydRSij9RzD3qf4Mzowm_YvBRXpE21s" />
<meta name="ms-validate-01" content="D29F1CE1C3468DF745F9D2C338F0E5A5" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="robots" content="index,follow"/>
<link rel="shortcut icon" href="/_ui/desktop/theme-cwonder/images/favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" media="screen" href="/_ui/desktop/theme-cwonder/css/master.min.css" /><style type="text/css">
.cart_popup {
display: none;
}
</style>
<link href="//pinboard.insparq.com/assets/insparq.css" media="all" rel="stylesheet" type="text/css" />
<link href="//cdn.insparq.com/assets/cwonder-hybris.css" media="all" rel="stylesheet" type="text/css" />
<!--[if IE 8]> <link type="text/css" rel="stylesheet" href="/_ui/desktop/common/css/ie_8.css" media="screen, projection" /> <![endif]-->
<!--[if IE 7]> <link type="text/css" rel="stylesheet" href="/_ui/desktop/common/css/ie_7.css" media="screen, projection" /> <![endif]-->
<!--[if IE 8]> <link type="text/css" rel="stylesheet" href="/_ui/desktop/theme-cwonder/css/ie_8.css" media="screen, projection" /> <![endif]-->
<!--[if IE 7]> <link type="text/css" rel="stylesheet" href="/_ui/desktop/theme-cwonder/css/ie_7.css" media="screen, projection" /> <![endif]-->
<script type="text/javascript">
/* Google Analytics */
var googleAnalyticsTrackingId = 'UA-23891932-3';
var _gaq = _gaq || [];
_gaq.push(['_setAccount', googleAnalyticsTrackingId]);
_gaq.push(['_trackPageview']);
// Removed custom code as per F0007814
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script type="text/javascript" src="/_ui/desktop/theme-cwonder/js/CWonder-0.0.0.1.min.js"></script>
<script>
var jirafe = jirafe || {};
var console = console || {};
console.log = console.log || function () {};
console.warn = console.warn || function () {};
console.error = console.error || function () {};
if (window.location.href.indexOf('localhost') === -1) {
window.console = {
log: function () {},
warn: function () {},
error: function () {}
};
}
</script>
<script type="text/javascript">
/*<![CDATA[*/
ACC.common.contextPath = "";
ACC.common.commonResourcePath = "/_ui/desktop/common";
ACC.common.themeResourcePath = "/_ui/desktop/theme-cwonder";
ACC.common.siteResourcePath = "/_ui/desktop/site-cwonder";
ACC.common.rootPath = "";
/*]]>*/
</script>
<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function()
{
jQuery('.span-4 .jcarousel-skin').jcarousel({
// Configuration goes here
vertical: true
});
jQuery('.span-10 .jcarousel-skin').jcarousel({
// Configuration goes here
});
jQuery('.span-24 .jcarousel-skin').jcarousel({
// Configuration goes here
});
});
/*]]>*/
</script>
<script type="text/javascript">
/*<![CDATA[*/
var addthis_config = {
ui_click: true
};
/*]]>*/
</script>
<script type="text/javascript">
/*<![CDATA[*/
$(function() {
$('.strength').pstrength();
});
/*]]>*/
</script>
<script type="text/javascript">
/*<![CDATA[*/
$(window).load(function() {
$(".modal").colorbox({
onComplete: function() {
ACC.common.refreshScreenReaderBuffer();
},
onClosed: function() {
ACC.common.refreshScreenReaderBuffer();
}
});
$("div#homepage_slider").slideView({toolTip: true, ttOpacity: 0.6, autoPlay: true, autoPlayTime: 8000})
});
/*]]>*/
</script>
<script type="text/javascript" src="//use.typekit.net/uls2tlv.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
</head>
<body class="language-en product-detail" style="null" >
<script type="text/javascript">
var tmVisitorType="guest";
var tmPlatform="Desktop";
var tmCart="";
var tmProductDetail="CWDW-F11-CD005B-22";
var tmReview="";
</script><!-- SCENE7 INTEGRATION: THIS IS CUSTOM TO THE PDP -->
<script src="http://s7d4.scene7.com/s7sdk/2.5/js/s7sdk/utils/Utils.js"></script>
<script src="http://cdn.jquerytools.org/1.2.6/tiny/jquery.tools.min.js"></script>
<script>
s7sdk.Util.lib.include('s7sdk.image.ZoomView');
s7sdk.Util.lib.include('s7sdk.common.Container');
s7sdk.Util.lib.include('s7sdk.set.Swatches');
</script>
<script>
function initWriteReviewAction() {
$('#write_review_action_main').click(function(e){
e.preventDefault();
$.scrollTo('#prod_tabs', 300, {axis: 'y'});
$('#reviews').hide();
$('#write_reviews').show();
$( "#prod_tabs" ).tabs( "option", "selected", $('#tab_strip').children().size() - 1 );
$('#reviewForm input[name=headline]').focus();
});
}
function initBasedOnReviewsAction() {
$('#based_on_reviews').click( function(e) {
e.preventDefault();
$.scrollTo('#prod_tabs', 300, {axis: 'y'});
$( "#prod_tabs" ).tabs( "option", "selected", $('#tab_strip').children().size() - 1 );
$('#write_reviews').hide();
$('#reviews').show();
$('#read_reviews_action').click();
});
}
function monogram() {
if ($('.monogram').length === 0) {
return;
}
var $gallery = $('.option-carousel'),
$dropzone = $('.dropzone');
var init = function(){
checkload();
/* Set up options carousels */
$gallery.jcarousel({
visible: 5
});
/* Draggable icons */
$(".draggable-item").draggable({
revert: 'invalid',
helper: 'clone',
appendTo: "body",
cursor: 'move'
});
$(".dropzone .icon-drop").each(function() {
var $zone = $(this);
$zone.droppable({
accept: '.draggable-item',
activeClass: "custom-state-active",
drop: function(ev, ui) {
$item = ui.draggable.clone();
/* Insert element */
$zone.find('.icon').html($item);
/* Set state */
$zone.addClass('active');
$('input.blank[data-for="' + $(this).parents('[data-param]').attr('data-param') + '"]').attr('checked',false).trigger('change');
/* Remove previously entered letter. Delayed to allow for icon animation */
setTimeout(function(){
$zone.siblings('input').val('');
$zone.siblings('input').css('visibility','hidden');
},600);
storeSelection($item);
}
});
});
$('.monogram-initials .case').on('change',function() {
var target = $(this).attr('data-for'),
value = $('input#' + target).val();
targetCase= $('input.case[data-for="' + target + '"]')
targetParent = $(this).parents('li').find("input[type='text']").parents('[data-param]');
if ($(targetCase).is(':checked')) {
$(this).parents('li').find("input[type='text']").val(value.toLowerCase());
$(targetParent).data('selection', value.toLowerCase()).change();
} else {
$(this).parents('li').find("input[type='text']").val(value.toUpperCase());
$(targetParent).data('selection', value.toUpperCase()).change();
}
generateURL();
});
$('.monogram-initials .blank').on('change',function() {
var target = $(this).attr('data-for');
var val = $(this).attr('data-optionid');
targetParent = $(this).parents('li').find("input[type='text']").parents('[data-param]');
if ($(this).is(':checked')) {
$('input[name="' + target + '"]').val('').attr('disabled','diabled').attr('placeholder','');
$('input#' + target).val(val);
$(targetParent).data('selection', val).change();
//$('input.' + target).val(val).change();
$(this).parents('li').find('.icon').html('');
removeOption($(this).parents('li').find('.icon-drop'));
} else {
$('input.' + target).val('').change();
$('input[name="' + target + '"]').removeAttr('disabled').attr('placeholder','A');
}
generateURL();
});
$('.icon-drop .remove').click(function() {
removeOption($(this).parent());
$(this).parent().siblings('input').css('visibility','visible');
});
generateURL();
};
var removeOption = function(elem) {
$(elem).removeClass('active');
}
/* Capture selection of a clickable option */
$('.monograpm-options .font [data-optionid], .monograpm-options .color [data-optionid]').click(function() {
storeSelection(this);
});
/* Capture a keystroke */
$('.monogram-initials input[type="text"]').keyup(function() {
var thisName = $(this).attr('name'),
thisCase = $('input.case[data-for="' + thisName + '"]')
thisValue = $(this).val(),
thisParent = $(this).parents('[data-param]');
if ($(thisCase).is(':checked')) {
$(this).val(thisValue.toLowerCase());
$(thisParent).data('selection', thisValue.toLowerCase()).change();
} else {
$(this).val(thisValue.toUpperCase());
$(thisParent).data('selection', thisValue.toUpperCase()).change();
}
storeSelection(this);
});
/* After a selection has been made, save it directly to the DOM element it represents */
var storeSelection = function(elem) { /* Pass in the element being selected */
var $parent = $(elem).parents('[data-param]'),
param = $(elem).attr('data-param') || $(elem).parents('.icon').attr('data-iconparam'),
value = $(elem).attr('data-optionid') || $(elem).val();
//console.log(param,value);
$parent.data('selection',value);
$parent.data('param', param);
generateURL();
};
/* Pull all selections and build the preview image URL */
var generateURL = function() {
var $parameters = $('[data-param]'),
valArr = [],
url = $('.monogram[data-baseurl]').attr('data-baseurl');
$parameters.each(function() {
var param = $(this).attr('data-param'),
inputParam = $(this).attr('data-input-param'),
value = $(this).data('selection');
if (value === undefined) {
return;
}
/* Set Selection Indicators */
$(this).find('[data-optionid]').removeClass('selected')
$(this).find('[data-optionid="' + value + '"]').addClass('selected')
//Determine if we should use icon
if(param.indexOf("init") > 0) {
var icon = $(this).children('.icon-drop').children('.icon');
if(icon != undefined && $(icon).children('.selected') != undefined && $(icon).children('.selected').attr('src') != null && $(icon).children('.selected').attr('src') != '') {
param = $(icon).attr('data-iconparam');
}
}
if(url.indexOf(":" + param +":") < 0 && value != "empty") {
valArr.push(param + '=' + value);
} else {
url = url.replace(":" + param +":", value);
}
/* Set the appropriate form field with the value */
$('input#' + inputParam).val(value);
$('form.monogram-form .' + inputParam).val(value).change();
});
/* Append the parameters to the end of the baseURL */
url = url.replace(":queryParams:", valArr.join('&'));
url = url.replace(":font:", "");
$('.monogram-preview img').attr('src',url);
checkload();
return url;
};
var checkload = function() {
$('.monogram-preview .image-container img').one('load', function() {}).each(function() {
if(this.complete) $(this).load();
});
};
$('button#btnSubmitMonogram').on('click', function(e) {
e.preventDefault();
if (!$(this).hasClass('inactive')) {
validMonogram = true;
$.fancybox.close();
}
});
init();
generateURL();
} // End of monogram()
function selectFormOptions() {
$('.pdp-product-options').each(function() {
var dataFor = $(this).data('for'),
options = $(this).children('li');
$(options).each(function(element) {
$(this).on('click', function(e) {
e.preventDefault();
if(!$(this).hasClass('unavailable')) {
var label = $(this).data('label'),
id = $(this).data('id'),
parentNode = $(this).parents('.product-detail-variants'),
imgNode = $(this).parents('.product-tile-large').find('.product-image .product-img'),
/* KOSTAKIS - This needs to be color ID */
sColor = $(parentNode).find('input.pdp-form-color-id').val(),
sSize = $(parentNode).find('input.pdp-form-size-name').val(),
sLetter = $(parentNode).find('input.pdp-form-letter-name').val(),
sDenomination = $(parentNode).find('input.pdp-form-denomination-name').val(),
sField = dataFor,
collection = true;
if ($('body').hasClass('product-detail')) {
collection = false;
}
//Kostakis - We need to determine what value has changed to send via ajax properly
if(dataFor == 'pdp-form-color') {
sColor = id;
} else if(dataFor == 'pdp-form-size') {
sSize = id;
} else if(dataFor == 'pdp-form-letter') {
sLetter = id;
} else if(dataFor == 'pdp-form-denomination') {
sDenomination = id;
}
fetchProductDetails(sColor, sSize, sLetter, sDenomination, collection, dataFor, parentNode, imgNode);
}
});
});
});
}
/* BEGIN get product details from the json and load them */
function fetchProductDetails(sColor, sSize, sLetter, sDenomination, collection, dataFor, pNode, iNode) {
//Kostakis - this whole method has been customized this returns ajax and html
$.ajax({
url: $(pNode).data('fetch-prod-detail-html'),
dataType: "json",
data: {"color": sColor, "size": sSize, "letter": sLetter, "denomination": sDenomination, "collection": collection, "fieldChange": dataFor}
}).done(function(data) {
//Kostakis - this whole area has been customized to update other date
$(pNode).siblings('.field-qty').find('span.notice').html(data.qty_message);
$(pNode).html(data.variant);
$('#salePrice').html(data.salePrice);
$("#listPrice").html(data.listPrice);
selectFormOptions();
AG.formUtil.toggleFormOptions();
AG.formUtil.toggleDependent('pdp-form-color-name', $(pNode).closest('form'));
AG.formUtil.overlayInactive();
if (!collection) {
zoomView.setAsset(data.viewer);
swatches.setAsset(data.viewer)
} else {
$(iNode).attr('src', data.image);
}
});
} /* END fetchProductDetails */
function initPageEvents() {
$(".modal").colorbox({
onComplete: function() {
ACC.common.refreshScreenReaderBuffer();
},
onClosed: function() {
ACC.common.refreshScreenReaderBuffer();
}
});
$("#carousel_alternate img").click(function() {
$("#primary_image .modal img").attr("src", $(this).attr("data-primaryimagesrc"));
$("#zoomLink").attr("href", "".replace("POSITION", $(this).attr("data-galleryposition")));
$("#imageLink").attr("href", "".replace("POSITION", $(this).attr("data-galleryposition")));
});
initWriteReviewAction();
initBasedOnReviewsAction();
selectFormOptions();
//Kostakis add missing form fields
$('.monogramModal').on('click', function(e) {
if ($('#addMonogram:checked').val() === 'true') {
$this = $(this);
var pNode = $this.parents('div.product-details'),
baseProdID = $(pNode).find('input#baseProductCode').val(),
sLetter = $(pNode).find('input#pdp-form-letter-name').val(),
sSize = $(pNode).find('input#pdp-form-size-name').val(),
sDenomination = $(pNode).find('input#pdp-form-denomination-name').val(),
sColor = $(pNode).find('input#pdp-form-color-id').val(),
initial1 = $('#initial1').val(),
initial2 = $('#initial2').val(),
initial3 = $('#initial3').val(),
fontId = $('#fontID').val(),
colorId = $('#colorID').val();
if(sLetter == null) {
sLetter = "";
}
if(sColor == null) {
sColor = "";
}
if(sSize == null) {
sSize = "";
}
if(sDenomination == null) {
sDenomination = "";
}
if(initial1 == null) {
initial1 = "";
}
if(initial2 == null) {
initial2 = "";
}
if(initial3 == null) {
initial3 = "";
}
if(fontId == null) {
fontId = "";
}
if(colorId == null) {
colorId = "";
}
var href = $this.data('href') + '?baseProduct=' + baseProdID + '&variantColor=' + sColor + '&variantLetter=' + sLetter + '&variantSize=' + sSize + '&variantDenomination=' + sDenomination + '&character1=' + initial1 + '&character2=' + initial2 + '&character3=' + initial3 + '&color=' + colorId + '&styleCode=' + fontId;
openMonogram(href);
} else {
$('#monogram-saved').hide();
$('.monogramField').val('');
}
});
function openMonogram(href) {
$.fancybox({
'href': href,
'maxWidth': 900,
'autoHeight': true,
'type': 'ajax',
'autoSize': false,
'fitToView': true,
'afterShow': function() {
APP.start('.modal');
monogram();
AG.formUtil.toggleFormOptions();
},
'afterClose': function() {
if (!validMonogram) {
$('#monogram-saved').addClass('hidden');
$('#addMonogram').prop('checked', false);
$('.monogramField').val('');
} else {
$('#monogram-saved').removeClass('hidden');
}
validMonogram = false;
}
});
}
$("#Size").change(function () {
var url = "";
var selectedIndex = 0;
$("#Size option:selected").each(function () {
url = $(this).attr('value');
selectedIndex = $(this).attr("index");
});
if (selectedIndex != 0) {
window.location.href=url;
}
});
$("#variant").change(function () {
var url = "";
var selectedIndex = 0;
$("#variant option:selected").each(function () {
url = $(this).attr('value');
selectedIndex = $(this).attr("index");
});
if (selectedIndex != 0) {
window.location.href=url;
}
});
$(".product-variants").submit(function (e) {
e.preventDefault();
var action = $(this).attr("action");
var method = $(this).attr("method");
if(!$(this).closest('.pdp-add-to-bag').hasClass('inactive')) {
$(this).ajaxSubmit({
type: method,
url: action,
dataType: "json",
success: function(data) {
$('#global-cart-quantity').html(data.cartQuantityHtml);
$("#cart_popup").html(data.cartPopupHtml);
$('#add_to_cart_close').click(function(){
$('#cart_popup').fadeOut('fast');
});
$('#cart_popup').fadeIn('fast');
if(data.error != 'true') {
setTimeout(function() {
$('#cart_popup').fadeOut('fast');
}, 3000);
}
}
});
}
});
$(".pdp-add-to-bag").click(function(e) {
var form = $(this).closest("form");
var action = $(form).attr("action");
var method = $(form).attr("method");
$(form).ajaxSubmit({
type: method,
url: action,
dataType: "json",
success: function(data) {
$('#global-cart-quantity').html(data.cartQuantityHtml);
$("#cart_popup").html(data.cartPopupHtml);
$('#add_to_cart_close').click(function(){
$('#cart_popup').fadeOut('fast');
});
$('#cart_popup').fadeIn('fast');
if(data.error != 'true') {
setTimeout(function() {
$('#cart_popup').fadeOut('fast');
}, 3000);
}
}
});
});
}
var mrUserCustom = new Object();
Assign_mrUserCustomObject_Values();
function Assign_mrUserCustomObject_Values() {
mrUserCustom.isWebWidgetCall = true
mrUserCustom.storeName = 'C. Wonder';
mrUserCustom.storeLogo = '/medias/sys_master/h33/hcb/8806387515422/cWonder_logo_green_animated_2sec5sec.gif';
mrUserCustom.signUpLogo = null;
mrUserCustom.imageSrc = "http://cwonder.scene7.com/is/image/cwonder/5959_903_1?wid=200&hei=200&resmode=sharp2&qlt=85,1";
mrUserCustom.giftTitle = "Ikat Salad Coupe";
mrUserCustom.giftPrice = '5.99';
mrUserCustom.size = null;
mrUserCustom.sizeControl = null
mrUserCustom.sizerequired = false;
mrUserCustom.sizeincorrectvalue = false;
mrUserCustom.sizeerrormessage = 'Please select a value for Size';
mrUserCustom.color = null;
mrUserCustom.colorControl = null
mrUserCustom.colorrequired = false;
mrUserCustom.colorincorrectvalue = false;
mrUserCustom.colorerrormessage = 'Please select a value for Color';
mrUserCustom.notes = null;
mrUserCustom.notesControl = null
mrUserCustom.notesrequired = false;
mrUserCustom.notesincorrectvalue = false;
mrUserCustom.noteserrormessage = 'Please select a value for Notes';
mrUserCustom.currencySelectedIndex = 27;
mrUserCustom.giftLocation = null;
mrUserCustom.webwidgetBackgroundColor = null;
mrUserCustom.webwidgetButtonImageUrl = null;
mrUserCustom.mraddtoregistrypanelleft = null;
mrUserCustom.mraddtoregistrypaneltop = null;
}
function GetElementByIdOrName(elementIdOrName) {var mr_element = document.getElementById(elementIdOrName);if (mr_element == null) {if (document.getElementsByName(elementIdOrName).length > 0) {mr_element = document.getElementsByName(elementIdOrName)[0];}}if (mr_element == null) {return null;}else if (mr_element.type) {if (mr_element.type == 'select-one') {return mr_element;}else if (mr_element.type == 'text') {return mr_element;}else {}}else if (mr_element.innerHTML) {return mr_element;}else {return null;} }
function GetElementValueByIdOrName(elementIdOrName) {var mr_element = document.getElementById(elementIdOrName);if (mr_element == null) {if (document.getElementsByName(elementIdOrName).length > 0) {mr_element = document.getElementsByName(elementIdOrName)[0];}}if (mr_element == null) {return null;}else if (mr_element.type) {if (mr_element.type == 'select-one') {return mr_element.options[mr_element.selectedIndex].text;}else if (mr_element.type == 'text') {return mr_element.value;}else {}}else if (mr_element.innerHTML) {return mr_element.innerHTML;}else {return null;}}
function fControlFunction(controlClientId) { var control = document.getElementById(controlClientId); if (control != null && (control.type == 'text' || control.type == 'hidden')) { if (control.value != null) { return control.value; } else { return -1; } } else if (control != null && control.type == 'select-one') { var idx = control.selectedIndex; var selected_text = control.options[idx].text; if (selected_text != null) { return selected_text; } else { return -1; } } else if (control != null && control.type == 'radio') { if (getRadioCheckedValue(document.getElementsByName(controlClientId))) { return getRadioCheckedValue(document.getElementsByName(controlClientId)); } else { return -1; } } else if (control != null && control.type == 'checkbox') { if (getCheckedValue(document.getElementsByName(controlClientId))) { return getCheckedValue(document.getElementsByName(controlClientId)); } else { return -1; } } else if (control != null){return control.innerHTML;}} function getRadioCheckedValue(radioObj) { if (!radioObj) return null; var radioLength = radioObj.length; if (radioLength == undefined) if (radioObj.checked) return radioObj.value; else return null; for (var i = 0; i < radioLength; i++) { if (radioObj[i].checked) { return radioObj[i].value; } } return null; } function getCheckedValue(radioObj) { if (!radioObj) return null; var radioLength = radioObj.length; if (radioLength == undefined) if (radioObj.checked) return radioObj.value; else return null; var chbReturnval = ''; var datavail = false; for (var i = 0; i < radioLength; i++) { if (radioObj[i].checked) { datavail = true; chbReturnval += radioObj[i].value + ','; } } if (datavail) { return chbReturnval.substring(0, chbReturnval.length - 1); } else { return null; } }
function GetElementByIdIfExists_src(elementId) { if (document.getElementById(elementId)) { return document.getElementById(elementId).src; } else { return null; } }
function CreateAddToMyRegistryWidget() { Assign_mrUserCustomObject_Values(); var domainName = 'myregistry.com'; var documentBody = document.getElementsByTagName('body')[0]; var MrDragAndDrop = document.createElement('script'); MrDragAndDrop.id = 'mr_CreateAddToMyRegistryWidget'; MrDragAndDrop.type = 'text/javascript'; MrDragAndDrop.src = 'http://www.' + domainName + '/addgiftmr/widgetjs.aspx'; documentBody.appendChild(MrDragAndDrop); }
// set up a function that will initialize the viewer
function initViewer(a, s7asset) {
var scene7Asset = (s7asset) ? s7asset : $('#viewer').data('s7-asset');
params.push("serverUrl", "http://cwonder.scene7.com/is/image");
params.push("asset", scene7Asset);
// Create a viewer container
container = new s7sdk.Container('viewer', params,"s7container");
container.addEventListener(s7sdk.ResizeEvent.COMPONENT_RESIZE,resizeViewer,false);
// create ZoomView component
zoomView = new s7sdk.ZoomView("s7container", params, "s7zoomView");
// create Swatches component
swatches = new s7sdk.Swatches("s7container", params, "mySwatches");
swatches.addEventListener(s7sdk.AssetEvent.SWATCH_SELECTED_EVENT, swatchSelected, false);
zoomView.iscommand = "$zoomviewer$";
swatches.iscommand = "$viewerthumb$";
swatches.align={"horizontal":"left","vertical":"center"};
// select the first swatch by default
swatches.selectSwatch(0, true);
// Create the ZoomInButton component object
zoomInButton = new s7sdk.common.ZoomInButton("s7container", params, "zoomInButton");
// Create the ZoomOutButton component object
zoomOutButton = new s7sdk.common.ZoomOutButton("s7container", params, "zoomOutButton");
// Create the ZoomResetButton component object
zoomResetButton = new s7sdk.common.ZoomResetButton("s7container", params, "zoomResetButton");
// Add an event listener for zoom capability state changes
zoomView.addEventListener(s7sdk.event.CapabilityStateEvent.NOTF_ZOOM_CAPABILITY_STATE, onZoomStateChange);
// Add event listeners for all zoom button click events
zoomInButton.addEventListener("click", onZoomIn);
zoomOutButton.addEventListener("click", onZoomOut);
zoomResetButton.addEventListener("click", onZoomReset);
}
// Define an event handler function to enable/disable the zoom buttons when the ZoomView state changes
function onZoomStateChange(event) {
if (event.s7event.state.hasCapability(s7sdk.ZoomCapabilityState.ZOOM_IN)) {
zoomInButton.activate();
} else {
zoomInButton.deactivate();
}
if (event.s7event.state.hasCapability(s7sdk.ZoomCapabilityState.ZOOM_OUT)) {
zoomOutButton.activate();
} else {
zoomOutButton.deactivate();
}
if (event.s7event.state.hasCapability(s7sdk.ZoomCapabilityState.ZOOM_RESET)) {
zoomResetButton.activate();
} else {
zoomResetButton.deactivate();
}
}
// Define an event handler function to update the ZoomView when zoomIn is clicked
function onZoomIn(event) {
zoomView.zoomIn();
}
// Define an event handler function to update the ZoomView when zoomOut is clicked
function onZoomOut(event) {
zoomView.zoomOut();
}
// Define an event handler function to reset the ZoomView zoom level
function onZoomReset(event) {
zoomView.zoomReset();
}
//set up a function to resize the image displaying component
// every time Container changes its size resize
function resizeViewer(e) {
zoomView.resize(e.s7event.w, e.s7event.h);
}
// when swatch selection changes, change the image in the view
function colorSelected(s7asset) {
swatches.setAsset(s7asset);
}
// when swatch selection changes, change the image in the view
function swatchSelected(event) {
zoomView.setItem(event.s7event.asset);
}
// Initialize the SDK s7sdk.Util.init();
// create ParameterManager instance that
// will handle component modifiers
var params = new s7sdk.ParameterManager();
var zoomView, container, swatches;
// the ParameterManager dispatches SDK_READY when all
// modifiers are processed and it is safe to
// initialize the viewer
params.addEventListener(s7sdk.Event.SDK_READY,initViewer,false);
// now it is safe to process the modifiers,
// the callbacks are defined
params.init();
$(document).ready(function() {
initPageEvents();
setTimeout(function() {
if($.query.get('tab') == 'writereview') {
$('#write_review_action_main').click();
}
if($.query.get('tab') == 'readreviews') {
$('#based_on_reviews').click();
}
}, 100);
$('#addToMyRegistry').click(function(){
CreateAddToMyRegistryWidget();
});
});
</script>
<!-- Adobe Marketing Cloud Tag Loader Code
Copyright 1996-2013 Adobe, Inc. All Rights Reserved
More info available at http://www.adobe.com/solutions/digital-marketing.html -->
<script type="text/javascript">//<![CDATA[
var amc=amc||{};if(!amc.on){amc.on=amc.call=function(){}};
document.write("<scr"+"ipt type=\"text/javascript\" src=\"//www.adobetag.com/d1/v2/ZDEtY3dvbmRlci0xMzY2Ny0yNTA2/amc.js\"></sc"+"ript>");
//]]></script>
<!-- End Adobe Marketing Cloud Tag Loader Code -->
<div class="promo-bar clearfix">
<div class="flex-container">
<div id="global_promotion_bar" class="promo-message">
<div style="letter-spacing: 1pt; color: #f65c80; font-size: 8px"><span style="font-size: small;"> Enjoy free ground shipping on orders $125 and up! </span><a href="http://www.cwonder.com/Categories/Sale/shop-by-category/Sale.html"><span style="font-size: small;"><u style="color: rgb(247, 116, 147);">shop now&gt;</u></span></a></div></div>
<div class="header-social-links">
<div id="flicker">
<script language="javascript" type="text/javascript">
(function(d, t) {
var g = d.createElement(t), s = d.getElementsByTagName(t)[0];
g.type = 'text/javascript';
g.async = true;
g.src = '//pinboard.insparq.com/assets/flicker/insparqflicker.js';
g.apikey = '76ab5f5cc252dac1e3f01fc6d9eda864';
g.feedurl = '/feed';
g.feedtext = 'Trending Now';
g.mode = 'counter';
g.container = '#flicker';
s.parentNode.insertBefore(g, s)
}(document, 'script'));
</script>
</div>
<div class="separator">|</div>
<ul>
<li>
<a href="http://www.facebook.com/CWonderStore" target="_new" class="facebook">
<img src="/_ui/desktop/assets/img/icons/feeder-facebook.png" alt="Facebook" title="Facebook" />
</a>
</li>
<li>
<a href="http://twitter.com/cwonderstore" target="_new" class="twitter">
<img src="/_ui/desktop/assets/img/icons/feeder-twitter.png" alt="Twitter" title="Twitter" />
</a>
</li>
<li>
<a href="http://pinterest.com/cwonderstore/" target="_new" class="pinterest">
<img src="/_ui/desktop/assets/img/icons/feeder-pinterest.png" alt="Pinterest" title="Pinterest" />
</a>
</li>
<li>
<a href="http://plus.google.com/+cwonderstore/posts/" target="_new" class="google">
<img src="/_ui/desktop/assets/img/icons/feeder-google-plus.png" alt="GooglePlus" title="GooglePlus" />
</a>
</li>
</ul>
</div>
</div>
</div>
<header class="header-standard clearfix" data-view="header">
<div class="flex-container">
<div class="left">
<div class="email-signup">
<a href="/newsletter" class="link">Email Sign up</a>
<p><em>Our Blog:</em> <a target="_new" href="http://blog.cwonder.com">Inside The C.</a></p>
</div>
</div>
<div class="right">
<div class="header-links">
<div id="sociable_social_controls">
</div>
<!-- ############ START: NOT LOGGED IN ############ -->
<p><a href="/login">Sign in</a><span>|</span> <a href="/my-account">My Account</a></p>
<!-- ############ END: NOT LOGGED IN ############ -->
</div>
<div class="header-utilities">
<div class="search">
<form name="search_form" method="get" action="/search">
<input id="search" class="text" type="text" name="text" value="" maxlength="100" placeholder="Search"/>
<input type="submit" value="" />
<input type="hidden" name="_requestConfirmationToken" value="741315a7ec03d1af732bc00be8c6ae6b3dab36f6"/></form>
</div>
<div class="shopping-cart-link">
<a id="global-cart-quantity" href="/cart">
0</a>
</div>
</div>
</div>
<div class="logo">
<div class="simple_banner">
<a href="/"><img nopin="true" alt="C.Wonder" title="C.Wonder" src="/medias/sys_master/h33/hcb/8806387515422/cWonder_logo_green_animated_2sec5sec.gif"></a>
</div></div>
</div>
</header>
<nav class="nav-megamenu">
<div class="centeredlist main-nav">
<ul>
<li>
<a href="/Categories/Sale/shop-by-category/Sale.html" title="Big Wonder Sale" class="navbarred" >Big Wonder Sale</a>
</li>
<li>
<a href="/Categories/Clothing/shop-by-category/Clothing.html" title="Clothing" class="" >Clothing</a>
</li>
<li>
<a href="/Categories/Jewelry/shop-by-category/Jewelry.html" title="Jewelry" class="" >Jewelry</a>
</li>
<li>
<a href="/Categories/Bags/shop-by-category/Bags.html" title="Bags" class="" >Bags</a>
</li>
<li>
<a href="/Categories/Shoes/shop-by-category/Shoes.html" title="Shoes" class="" >Shoes</a>
</li>
<li>
<a href="/Categories/Accessories/shop-by-category/Accessories.html" title="Accessories" class="" >Accessories</a>
</li>
<li>
<a href="/Categories/Home-and-Decor/shop-by-category/HomeandDecor.html" title="Home & Decor" class="" >Home & Decor</a>
</li>
</ul>
</div>
</nav><div id="cart_popup" class="cart_popup" data-view="minicart"></div>
<article class="flex-container top-of-minicart">
<div id="insparq"></div>
<div class="content-container clearfix">
<div class="content clearfix">
<div class="breadcrumbs">
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/Categories/Sale/shop-by-category/Sale.html"> Sale</a>
</li>
<li>
<a href="/Categories/Sale/Home-and-Decor/shop-by-category/SaleHomeandDecor.html"> Home & Decor</a>
</li>
<li>
Ikat Salad Coupe</li>
</ul>
</div><div id="globalMessages">
<p class="js-form-warning error-message js-generalerror-field" style="overflow: hidden; display: block;"></p>
</div>
<!-- START: WCMS Slot 1 -->
<!--
NOTE: .pdp-product-options (the icon tiles) have different options:
.small: 30px
.medium: 50px
.large: 100px
In Stock: This is the default state. Add one of the above sizes as needed.
Unavailable: Add class ".unavailable" to the <li> and also include the "product-strike.png" image within the <li>
Preselected: Add class ".selected" to the <li>
-->
<!-- COMPONENT: product-tile-large.php -->
<section class="product-tile-large" data-view="product">
<form id="addToCartForm" data-issw-product-buy-action-selector=".pdp-add-to-bag" data-type="product_detail" class="product-variants clearfix" action="/cart/add-monogram" method="POST"><input id="initial1" name="monogramOption.character1" class="monogramField" type="hidden" value=""/><input id="initial2" name="monogramOption.character2" class="monogramField" type="hidden" value=""/><input id="initial3" name="monogramOption.character3" class="monogramField" type="hidden" value=""/><input id="fontID" name="monogramOption.styleCode" class="monogramField" type="hidden" value=""/><input id="colorID" name="monogramOption.color" class="monogramField" type="hidden" value=""/><div class="product-image" id="obj-product-image">
<div id="viewer" data-s7-asset="cwonder/5959_903_SET"></div>
<img src="http://cwonder.scene7.com/is/image/cwonder/5959_903_1?$zoomviewer$" style="position: absolute; top: -2000px;" alt="Ikat Salad Coupe" title="Ikat Salad Coupe" />
<img data-issw-image-url="http://cwonder.scene7.com/is/image/cwonder/5959_903_1?$zoomviewer$" />
<img data-issw-image-url="http://cwonder.scene7.com/is/image/cwonder/5959_903_1?$collectionmain$" />
<img data-issw-image-url="http://cwonder.scene7.com/is/image/cwonder/5959_903_1?$cart$" />
<img data-issw-image-url="http://cwonder.scene7.com/is/image/cwonder/5959_903_1?$minicart$" />
<img data-issw-image-url="http://cwonder.scene7.com/is/image/cwonder/5959_903_1?wid=325&hei=230&resmode=sharp2&qlt=85,1" />
<img data-issw-image-url="http://cwonder.scene7.com/is/image/cwonder/5959_903_1?wid=200&hei=200&resmode=sharp2&qlt=85,1" />
<img data-issw-image-url="http://cwonder.scene7.com/is/image/cwonder/5959_903_1?$category$" />
<img data-issw-image-url="http://cwonder.scene7.com/is/image/cwonder/5959_903_1?$collectionchild$" />
<a href="http://blog.cwonder.com/as_seen_in/hgtv-3/" target="_blank">
<img class="badge" title=""
src="/medias/sys_master/h75/h33/8796524675102/badge_as-seen-in_88x53.png" alt="" />
</a>
</div>
<div class="product-details">
<p class="js-form-warning error-message">Before we move on, please review the fields in red. They contain incorrect or missing information.</p>
<h2 data-issw-name>Ikat Salad Coupe</h2>
<p class="prices">
<span id="listPrice" class="reg strikethrough">
$12.00</span> <span id="salePrice" class="sale" data-issw-price-value>$5.99</span>
</p>
<div class="quick-review">
<div class="stars">
<div class="star"><img src="/_ui/desktop/common/images/icons/icon-review-star-on.png" alt="" /></div>
<div class="star"><img src="/_ui/desktop/common/images/icons/icon-review-star-on.png" alt="" /></div>
<div class="star"><img src="/_ui/desktop/common/images/icons/icon-review-star-on.png" alt="" /></div>
<div class="star"><img src="/_ui/desktop/common/images/icons/icon-review-star-on.png" alt="" /></div>
<div class="star"><img src="/_ui/desktop/common/images/icons/icon-review-star-on.png" alt="" /></div>
</div>
<!-- F0008876 : Added id to <a> tag -->
<a href="#sectionReviews" id="ReadReviewTop" class="arrow-link"> Based on 1 review</a> <span class="separator">|</span> <a href="#sectionReviews" id="WriteReviewTop"
class="arrow-link write-review">Write Review</a>
</div>
<p class="description"><p>Enjoy up to <strong><font color="#5BBF21">50% off</font></strong> select Summer items. Prices as marked.</p><p><a href="/bigwonderterms" target="_blank"><span style="font-size: smaller;">See terms</span></a></p></p>
<div class="product-detail-variants"
data-fetch-prod-detail-json="/product/CWDW-F11-CD005B-22/selector-json" data-fetch-prod-detail-html="/product/CWDW-F11-CD005B-22/selector-html">
<div class="form-field field-size clearfix">
<!-- Not Used Needed for Tags -->
<input type="hidden" name="variantProductCode" value="16709" />
</div>
<div class="form-field field-color clearfix">
<label for="pdp-form-color-name">Color:</label>
<span class="pdp-form-color-name">C.WONDER GREEN</span>
<input
id="pdp-form-color-name" class="pdp-form-color-name"
type="hidden" value="71BA44" data-required="true" />
<input type="hidden" name="colorHexCode"
id="pdp-form-color-id" class="pdp-form-color-id"
value="71BA44" />
<ul class="pdp-product-options clearfix" data-for="pdp-form-color">
<li class="selected" data-label="C.WONDER GREEN" data-id="71BA44"><a href="#" style="background-color: #71BA44;"></a></li>
</ul>
</div>
<div class="form-field field-size clearfix">
<p class="size-chart">
</p>
</div></div>
<div class="form-field field-qty">
<label for="pdp-form-qty">QTY:</label>
<input id="pdp-form-qty" name="quantity" data-type="number" data-required="true" class="pdp-form-qty" type="text" value="1" maxlength="3"/><span class="notice">
</span>
</div>
<p class="monogramming link">
<a href="#">Monogramming Available</a>
</p>
<div class="add-tos clearfix">
<div class="buttons">
<input id="baseProductCode" name="baseProductCode" value="CWDW-F11-CD005B-22" type="hidden" value=""/><button type="button" id="addToCartButton" class="data-dependent pdp-add-to-bag" data-dependency="pdp-form-color-name,pdp-form-qty">
Add to bag</button>
</div>
<div class="links">
<p class="data-dependent inactive" data-dependency="pdp-form-color-name">
<a id="addToWishlist" href="#" class="arrow-link changeFormSubmit" data-disableajax="true" data-submiturl="/wishlist/add/login">Add to Wish List</a>
</p>
<p class="data-dependent inactive" data-dependency="pdp-form-color-name">
<a href="#" class="arrow-link" id="addToMyRegistry">Add to My Registry</a>
</p>
</div>
</div>
<div style="display: block; margin-top: 15px;">
<span style="position: relative; top: -10px; padding-right: 10px; text-transform: uppercase; font: 600 1em/1.1em 'proxima-nova-n4','proxima-nova',sans-serif; letter-spacing: 0.05em;">Share:</span>
<div id="issw"
data-issw-publisher-id="76ab5f5cc252dac1e3f01fc6d9eda864"
data-issw-publisher-url="http://www.cwonder.com"
data-issw-type="product"
data-issw-widget-promotion-display="1"
data-issw-widget-promotion-labels-primary="Like this? Share to enjoy 20% off for you and your friends!"
data-issw-widget-buttons-display="eftp"
data-issw-dialogs-email-labels-subject="Hey friend, enjoy 20% off at C. Wonder!"
data-issw-dialogs-email-defaults-personal="Hi there, I found something you would love at C. Wonder! Click on this link to get a code for 20% off your next full-price purchase."
data-issw-dialogs-twitter-defaults-personal="Fell in love with the $1 on @cwonderstore! Click for 20% off next full-price purchase."
data-issw-dialogs-pinterest-defaults-description="Just fell in love with the $1 for $$$3 on C. Wonder! Click on the image and receive 20% off your next full-price purchase and find something you love too!"
data-issw-dialogs-facebook-defaults-personal="Just fell in love with the $1 from C. Wonder! Click on this link to get 20% off your next full-price purchase."
data-issw-text-dialog-success="Thanks for sharing! Enter your e-mail address here, and we will send you the code for 20% off your next full-price purchase."
data-issw-capture-email-success-message="Success! Please check your inbox for an e-mail with your exclusive code for 20% off your next full-price purchase."
data-issw-already-subscribed="Looks like you've already received 20% off for sharing! Way to go! Only one promo code per customer, but sharing is caring so keep up the good work."
data-issw-capture-email-terms="By submitting your e-mail address, you agree to our <a href='http://www.cwonder.com/termsandconditions' target='_blank'>terms</a>."
data-issw-twitter-qs="utm_source=twitter%26utm_campaign=insparq_pageshare%26medium=referral"
data-issw-facebook-qs="utm_source=facebook%26utm_campaign=insparq_pageshare%26medium=referral"
data-issw-pinterest-qs="utm_source=pinterest%26utm_campaign=insparq_pageshare%26medium=referral"
data-issw-email-qs="utm_source=email%26utm_campaign=insparq_pageshare%26medium=referral"
data-issw-sms-qs="utm_source=sms%26utm_campaign=insparq_pageshare%26medium=referral"
data-issw-gp-qs="utm_source=googleplus%26utm_campaign=insparq_pageshare%26medium=referral"
data-issw-capture-email="1"
data-issw-dialogs-buttons-success-labels-primary="Continue"
data-issw-dialogs-buttons-success-labels-secondary="." >
</div>
<div nopin="true" style="display:none"
data-issw-coupons-double-display="1"
data-issw-coupons-double-expires-hours="48"
data-issw-unique-coupon-display="1"
data-issw-coupons-double-message>
<img nopin="true" src=" http://www.cwonder.com/medias/sys_master/h70/he7/8798034460702/cWonder_logo_green_animated_2sec5sec.gif" alt="logo">
</br></br>Wonder awaits! Here's your code for 20% off your next full-price order (valid for 48 hours): <strong>###-Unique-Coupon-Code-###</strong> </br></br> Happy shopping!
</div>
</div><!-- COMPONENT: accordion.php -->
<div class="accordion">
<ul>
<li>
<div class="trigger">
<!-- F0008876 : Changes for Site Catalyst. <a> has now id -->
<a class="expanded bg" href="#" id="ProductDetailsDrawer">Product Details</a>
</div>
<div class="target" style="display: block;">
<div class="content clearfix" data-issw-description-full>
<P>Set a table with gorgeous eye-catching ikat. Dressed in a distinctive traditional Southeast Asian pattern - exclusively ours, in signature C. Wonder colors - our gold-rimmed ceramic dinnerware provides an optical feast before food is even served.</P></div>
</div>
</li>
<li>
<div class="trigger">
<a href="#" id="MaterialsandMoreDrawer">Materials & More</a>
</div>
<div class="target">
<div class="content clearfix">
<ul><li>Ceramic</li><li>Gold-rimmed design</li><li>Coordinate with Ikat Nesting Bowls</li><li>Not dishwasher/microwave safe</li><li>7 3/4&quot;D</li><li>Style # 5959</li><li>Imported</li></ul></div>
</div>
</li>
<li>
<div class="trigger">
<a href="#" id="AsSeenInDrawer">As Seen In</a>
</div>
<div class="target">
<div class="content clearfix"><p>&nbsp;HGTV loves this style. We're giving love back on our <a href="http://blog.cwonder.com/as_seen_in/hgtv-3/">blog.</a>&nbsp;</p></div>
</div>
</li>
</ul>
</div>
</div>
<input type="hidden" name="_requestConfirmationToken" value="741315a7ec03d1af732bc00be8c6ae6b3dab36f6"/></form></section>
<div class="simple_overlay" id="overlay">
<div class="overlay-wrap">
<!-- the external content is loaded inside this tag -->
<div class="contentWrap"></div>
</div>
</div>
<!-- <div class="product-tile-small"> -->
<!-- <img src="http://placehold.it/156x156"> -->
<!-- <div class="product-tile-desc"> -->
<!-- <a href="#" class="link">Contrast Trim Perfect Polo</a> -->
<!-- <p><span class="strikethrough">$58.00</span></p> -->
<!-- <p><span class="price">$58.00</span></p> -->
<!-- </div> -->
<!-- </div> --><div id="sociable_pdp_most_popular"></div>
<script type="text/javascript">
/*<![CDATA[*/
var showReviewForm = false;
/*]]>*/
</script>
<script type="text/javascript">
/*<![CDATA[*/
var isRatingValid = false;
var ajaxCallComplete = function() {
reviewDisplay();
if( window.location.hash == '#formReviews' ) {
$('#formReviews').show();
$('#listReviews').hide();
}
};
var showReviewsAction = function(){
$.get("/product/CWDW-F11-CD005B-22/reviewhtml/3", function(result){
$('#listReviews').html(result);
})
.complete(function() { ajaxCallComplete(); });
};
function validRating() {
if(isRatingValid) {
$('#burchStarRating').removeClass("warning");
return true;
}
else {
$('#burchStarRating').addClass("warning");
return false;
}
}
function reviewDisplay() {
$('#formReviews').hide();
$('#listReviews').show();
$('.write-review').click(function(e) {
$('#formReviews').show();
$('#listReviews').hide();
});
$('.back-to-review').click(function(e) {
$('#formReviews').hide();
$('#listReviews').show();
});
}
$(document).ready(function() {
showReviewsAction();
$("#stars-wrapper").stars({
inputType: "select"
});
$('#stars-wrapper').click(function () {
//alert($('input:hidden', this).val());
isRatingValid = true;
validRating();
});
$("#reviewFormSubmitButton").click(function() {
validRating();
})
$("#formReviews").submit(function(e) {
if(validRating() == false) {
//stop the form from submitting
e.preventDefault();
//alert("Please select at least one to upgrade.");
//return false;
}
return true;
});
if( window.location.hash == '#formReviews' ) {
$("html, body").animate({ scrollTop: $('#sectionReviews').offset().top }, 1000);
}
});
/*]]>*/
</script>
<section class="reviews" id="sectionReviews">
<div id="listReviews" style="display: block;"></div>
<form id="formReviews" style="display: none" class="js-form" action="/product/CWDW-F11-CD005B-22/review" method="post"><h3>What's on your mind? Write a review.</h3>
<!-- F0008876 : Added id to <a> tag -->
<p class="review-options"><a href="#sectionReviews" id="BackToReviews" class="link-arrow back-to-review">Back to Reviews</a></p>
<p>Please enter your review</p>
<p class="js-form-warning error-message js-generalerror-field" style="overflow: hidden; display: block;"></p>
<dl>
<dt>
<label class="" for="review.headline">
Review Title:<span class="skip"></span>
</label>
</dt>
<dd>
<input id="review.headline" name="headline" class="text" data-required="true" type="text" value="" maxlength="32"/></dd>
<dt>
<label class="" for="review.comment">
Review Description:<span class="skip"></span>
</label>
</dt>
<dd>
<textarea id="review.comment" name="comment" class="textarea" maxlength="240" data-required="true"></textarea></dd>
<dt>
<label id="burchStarRating" class="" for="review.rating">
Your Rating:<span class="skip"></span>
</label>
</dt>
<dd></dd>
<div id="stars-wrapper">
<select id="johnrating" name="rating" data-required="true"><option value="1">1/5</option><option value="2">2/5</option><option value="3">3/5</option><option value="4">4/5</option><option value="5">5/5</option></select></div>
<p></p>
<dt>
<label class="" for="review.alias">
Your Name:<span class="skip"></span>
</label>
</dt>
<dd>
<input id="review.alias" name="alias" class="text" data-required="true" type="text" value=""/></dd>
</dl>
<div style="clear:both;"></div>
<span style="display: block; clear: both;">
<button class="form" id="reviewFormSubmitButton" type="submit" value="Submit Review">Submit Review</button>
</span>
<input type="hidden" name="_requestConfirmationToken" value="741315a7ec03d1af732bc00be8c6ae6b3dab36f6"/></form></section>
<script type="text/javascript" async src="http://api.insparq.com/v2.0.0/widget/scripts/issw.js"></script>
</div>
</div>
</article>
<footer class="footer-standard">
<div class="content-container">
<div class="logo">
<img nopin="true" src="/medias/sys_master/images/8796169109534/fpo_logo.gif" title="C. Wonder" alt="C. Wonder"/>
</div>
<div class="contact-us">
<div class="contact-info">
<div class="no-link-list">
<h5 style="font-size: 0.875em;">CONTACT US</h5> <p>Monday - Friday 9AM-6PM ET</p> <p>855-896-6337</p> <p><a href="mailto:[email protected]" style="text-decoration:none;"><font color="a0a0a0" face="adobe-garamond-pro-n4">[email protected]</font></a></p> <p>&nbsp;</p></div>
</div>
<div class="newsletter">
<div class="no-link-list">
</div>
<div class="email-input">
<form action="https://hello.cwonder.com/pub/rf" class="js-form"
data-type="footer_sign_up" method="post" id="footer-signup" data-error-field="email-error-field" >
<p id="email-error-field" class="js-form-warning error-message js-generalerror-field" style="overflow: hidden; display: block;"></p>
<input type="hidden" name="_ri_" value="X0Gzc2X%3DWQpglLjHJlYQGoH6bJhpJRP3zgamrzcyHlzfHHHSfVwjpnpgHlpgneHmgJoXX0Gzc2X%3DWQpglLjHJlYQGp2t9gaSlWb44Nap2zbMlzg9R4Hn">
<input type="hidden" name="SOURCE_CHANNEL" value="Footer">
<input type="hidden" name="CONTACT_SOURCE" value="Website">
<div class="js-box-nolabel">
<input type="text" id="EMAIL_ADDRESS_" name="EMAIL_ADDRESS_" data-type="email" placeholder="Your Email Address*" tabindex="" data-required="true" data-warning="" />
</div>
<div class="zip">
<div class="number-input">
<div class="js-box-nolabel">
<input type="text" id="POSTAL_CODE_" name="POSTAL_CODE_" data-type="int"
placeholder="Zip Code" tabindex="" />
</div>
</div>
<div class="submit-newsletter">
<button type="submit" class="green">Join</button>
</div>
<p class="checkout-required">* Required</p>
</div>
<input type="hidden" name="_requestConfirmationToken" value="741315a7ec03d1af732bc00be8c6ae6b3dab36f6"/></form>
</div>
</div>
<div class="copyright">
<p>© 2014 C. Wonder</p>
</div>
</div>
<div
class="about-us">
<div class="link-list ">
<h5>ABOUT US</h5>
<ul>
<li><a href="/store-finder" title="Stores" >Stores</a>
</li>
<li><a href="/store-events" title="Store Events " >Store Events </a>
</li>
<li><a href="/aboutus" title="About Us" >About Us</a>
</li>
<li><a href="http://blog.cwonder.com/" title="Blog" >Blog</a>
</li>
<li><a href="http://blog.cwonder.com/as-seen-in/" title="Press" >Press</a>
</li>
<li><a href="/careers" title="Careers" >Careers</a>
</li>
<li><a href="/termsandconditions" title="Terms & Conditions" >Terms & Conditions</a>
</li>
<li><a href="/privacypolicy" title="Privacy Policy" >Privacy Policy</a>
</li>
</ul>
</div>
</div>
<div
class="customer-service">
<div class="link-list ">
<h5>Customer Service</h5>
<ul>
<li><a href="/contact_us" title="Customer Care" >Customer Care</a>
</li>
<li><a href="/faqs" title="FAQs" >FAQs</a>
</li>
<li><a href="/shippinganddelivery" title="Shipping" >Shipping</a>
</li>
<li><a href="http://www.cwonder.com/returns" title="Returns" >Returns</a>
</li>
<li><a href="/Categories/Gift-Cards/shop-by-category/Gift-Cards.html" title="Gift Cards" >Gift Cards</a>
</li>
<li><a href="/balance" title="Gift Card Balance" >Gift Card Balance</a>
</li>
<li><a href="/groupgifts" title="Group Gifts" >Group Gifts</a>
</li>
<li><a href="/my-account/wishlist" title="My Wish List" >My Wish List</a>
</li>
<li><a href="/Myregistry" title="My Registry" >My Registry</a>
</li>
</ul>
</div>
</div>
<div
class="connect">
<div class="link-list ">
<h5>Connect With Us </h5>
<ul>
<li>
<a href="https://www.facebook.com/CWonderStore" title="Facebook"
component.target="_new">
<img title="Facebook" src="/medias/sys_master/images/8796168716318/footer-facebook.png"
alt="Facebook" />
Facebook
</a>
</li>
<li>
<a href="http://pinterest.com/cwonderstore/" title="Pinterest"
>
<img title="Pinterest" src="/medias/sys_master/images/8796168781854/footer-pinterest.png"
alt="Pinterest" />
Pinterest
</a>
</li>
<li>
<a href="http://www.twitter.com/#!/cwonderstore" title="Twitter"
>
<img title="Twitter" src="/medias/sys_master/images/8796168912926/footer-twitter.png"
alt="Twitter" />
Twitter
</a>
</li>
<li>
<a href="https://plus.google.com/108031154335006951609" title="GooglePlus"
>
<img title="Google Plus" src="/medias/sys_master/images/8796168978462/footer-google-plus.png"
alt="Google Plus" />
GooglePlus
</a>
</li>
<li>
<a href="/newsletter" title="Email Sign Up"
>
<img title="Email Sign Up" src="/medias/sys_master/images/8796169043998/footer-email-sign-up.png"
alt="Email Sign Up" />
Email Sign Up
</a>
</li>
</ul>
</div>
</div>
</div>
</footer><form name="accessiblityForm">
<input type="hidden" id="accesibility_refreshScreenReaderBufferField" name="accesibility_refreshScreenReaderBufferField" value=""/>
<input type="hidden" name="_requestConfirmationToken" value="741315a7ec03d1af732bc00be8c6ae6b3dab36f6"/></form>
<script>
var generalError = "Please correct the highlighted fields below";
</script>
<script type="text/javascript" src="/_ui/desktop/theme-cwonder/js/CWonder.main.min.js"></script>
<script>
//Kostakis general function to submit forms with links
$(document).ready(function(){
$("a.changeFormSubmit").click ( function(e) {
e.preventDefault();
var form = $(this).closest("form");
var action = $(this).data("submiturl");
var method = $(form).attr("method");
if($(this).data("disableajax") == true) {
var oldAction = $(form).attr("action");
$(form).unbind('submit');
$(form).attr("action", action);
$(form).submit();
$(form).attr("action", oldAction);
} else {
e.preventDefault();
var data = $(form).serialize();
$(form).ajaxSubmit({
type: method,
url: action,
dataType: "json",
success: function(data) {
$('#global-cart-quantity').html(data.cartQuantityHtml);
$("#cart_popup").html(data.cartPopupHtml);
$('#add_to_cart_close').click(function(){
$('#cart_popup').fadeOut('fast');
});
$('#cart_popup').fadeIn('fast');
if(data.error != 'true') {
setTimeout(function() {
$('#cart_popup').fadeOut('fast');
}, 3000);
}
}
});
}
}); });
</script>
</body></html>
* Connection #5 to host www.cwonder.com left intact
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment