www.rainbowkittensurprisemerch.com
Open in
urlscan Pro
104.18.2.248
Public Scan
URL:
https://www.rainbowkittensurprisemerch.com/
Submission: On November 17 via manual from JP — Scanned from NZ
Submission: On November 17 via manual from JP — Scanned from NZ
Form analysis 4 forms found in the DOM
GET /search
<form class="search_slider" action="/search" method="get" role="search" itemprop="search" onsubmit="Mask.show()">
<input type="hidden" name="type" value="product">
<input class="input1" type="search" name="q" placeholder="SEARCH HERE..." aria-label="SEARCH HERE...">
<button type="submit" class="btn1" style="display:none"><i class="photofont photo-search"></i></button>
<i class="photofont icon photo-close suggest-close" data-slide-layer="close"></i>
</form>GET /search
<form class="search_slider" action="/search" method="get" role="search" itemprop="search" onsubmit="Mask.show()">
<input class="input1" type="search" name="q" placeholder="SEARCH HERE..." aria-label="SEARCH HERE...">
<button type="submit" class="btn1"><i class="photofont photo-search"></i></button>
</form>POST /cart/add
<form method="post" action="/cart/add" class="product-form" id="ProductFormcommon-product-detail">
<input type="hidden" name="id" value="1503e997-4eb5-40b6-93ab-beda70c52a6c">
<div class="zen-customer-lr">
<div class="zen-customers__right">
<div class="asdqweqwewq">
<style>
.product-page-add_to_cart-section .select-option {
width: 100%;
}
.product-page-add_to_cart-section .select-option .selector-wrapper span.icon.photofont.photo-unfold {
position: absolute;
right: 12px;
top: 44%;
pointer-events: none;
}
.dropdown-toggle::after {
display: none;
}
.selector-wrapper-position {
position: relative;
}
.ringsize-font {
margin-top: 10px;
font-size: 12px;
line-height: 1.4;
}
.photocharms-warnfill,
a.photocharms-warnfill:not([href]):not([tabindex]) {
color: #00f;
text-decoration: underline;
cursor: pointer;
}
#examples_hide {
max-height: 580px;
}
@media(max-width:768px) {
#examples_hide {
max-height: 100vh;
}
}
</style>
<div data-select="" class="select-option show">
<div class="selector-wrapper product-form__item">
<label class="select-field-title" for="OptionSelector-1" data-name="Choose The Size">Choose The Size :</label>
<select onchange="Product.changeOption(this,1)" class="single-option-selector product-form__input" id="OptionSelector-1" data-index="0" data-option="option1" data-name="Choose The Size">
<option value="S" selected="selected">S</option>
<option value="M">M</option>
<option value="L">L</option>
<option value="XL">XL</option>
<option value="XXL">XXL</option>
<option value="XXXL">XXXL</option>
</select>
<span class="icon photofont photo-unfold"></span>
</div>
</div>
<script>
/*
* Others: 加载字体
* Date: 2021.06.16
* Parame: ["AIV1","AIV2","AIV3"...](array) or "AIV1"(string)
*/
function loadCustomFonts(fontArr) {
let css = ``;
fontArr = $.isArray(fontArr) ? fontArr : [fontArr];
$.each(fontArr, function(i, v) {
css += `@font-face{font-family:'${v}';src:url('https://pic.stylelab.com/fonts/${v}.woff?${new Date().getTime()}') format('woff');font-weight:normal;font-style:normal}`;
});
$('#customFontStyle').length > 0 ? $('#customFontStyle').append(css) : $('<style>', {
id: 'customFontStyle'
}).css({}).text(css).appendTo('body');
}
/*
* Others: 格式化sku
* Date: 2021.04.27
* Parame: sku
*/
function formatSku(sku) {
return sku;
}
translation = function(str) {
var put = document.createElement('div');
put.innerHTML = str;
str = put.innerText || put.textContent;
return str;
}
var mask_loading_image_unify = "https://cdn.lazyshop.com/files/7a7038c6-7f90-40e0-81e5-7f4d5a4ffa38/other/d0c717947bbbc313555fc4f35cc320ff.gif" ?
"https://cdn.lazyshop.com/files/7a7038c6-7f90-40e0-81e5-7f4d5a4ffa38/other/d0c717947bbbc313555fc4f35cc320ff.gif" : '';
</script>
<style>
/* 自定义下拉列表样式start */
.custom-selector-container {
position: relative;
}
.custom-selector-container .custom-selector {
padding: 10px;
border: 1px solid #eee;
font-weight: normal;
text-transform: capitalize;
border-radius: 4px;
margin-right: 10px;
cursor: pointer;
}
.custom-selector-active {
border-color: #000 !important;
}
.custom-selector-container .custom-selector input {
display: none;
}
.custom-selector-container .custom-selector-box {
display: flex;
}
.custom-selector-container .custom-selector-label {
display: flex;
justify-content: left;
align-items: center;
height: 100%;
margin: 0;
white-space: nowrap;
color: #000;
font-size: 1rem;
width: auto;
padding-left: 0rem;
text-transform: initial;
margin-bottom: 12px;
font-weight: 600;
}
.custom-selector-container span.icon.photofont.photo-unfold {
position: absolute;
right: 12px;
top: 55%;
pointer-events: none;
}
#images-example {
color: #e60044;
text-decoration: underline;
}
/* 自定义下拉列表样式end */
.list-conent {
display: flex;
flex-wrap: wrap;
}
.font-click {
list-style: none;
margin-right: 5px;
padding: 7px 0;
border: 1px solid #999;
margin-bottom: 5px;
font-size: 12px;
font-weight: 600;
width: 24%;
cursor: pointer;
text-align: center;
border-radius: 4px;
}
.font-click p {
margin: 0 auto;
}
.font-click .font-radio {
display: none;
}
.font-click.active {
border: 1px solid red;
}
.text-font-container,
.text-color-container {
width: 100%;
margin-bottom: 1.5rem;
}
.color-list-conent .color-click {
list-style: none;
}
.font-list-title,
.font-color-title {
font-size: 1rem;
color: #000;
}
.color-list-conent {
display: flex;
flex-wrap: wrap;
}
textarea {
width: 100%;
height: 100%;
resize: none;
}
.color-container .color-title {
font-size: 1rem;
color: #000;
font-weight: 700;
margin: 0;
padding: 0;
}
.color-list-conent .font-click,
.color-list-conent .color-click {
margin-right: 5px;
padding: 7px 0;
border: 1px solid #999;
margin-bottom: 5px;
font-size: 12px;
font-weight: 600;
width: calc(25% - 4px);
cursor: pointer;
text-align: center;
border-radius: 4px;
}
.color-list-conent .font-click.active,
.color-list-conent .color-click.active {
border-color: red;
}
.color-list-conent .color-click {
padding: 0;
}
.color-list-conent .color-click p {
display: block;
height: 32px;
width: 100%;
margin: 0;
}
.color-list-conent .font-click:nth-child(4n),
.color-list-conent .color-click:nth-child(4n) {
margin-right: 0
}
.color-list-conent .font-click .font-radio,
.color-click .color-radio {
display: none;
}
.color-list-conent .font-click p {
margin: 0
}
.photo-box .area-photo-upload,
.area-crop-upload {
align-items: center;
padding: 0 10px;
height: 4rem;
margin: 1rem 0;
border: 1px solid #000;
border-radius: 4px;
color: #000;
background: #fff !important;
}
.el-upload button {
background: transparent;
border: none;
color: #fff;
text-align: center;
text-transform: capitalize;
display: inline-block;
}
.text-input-container {
position: relative;
overflow: hidden;
height: 4rem;
align-items: center;
padding: 0;
border: 1px solid #000;
border-radius: 4px;
margin-bottom: 1rem;
}
.text-area-container {
height: 6rem;
}
.text-input-container input {
position: absolute;
border: none;
border-radius: 0;
width: 100%;
height: 100%;
padding: 0 8px;
color: #000;
}
.text-input-container .leftnum {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
}
.dialog-footer {
display: flex;
justify-content: center;
margin: 1rem 0 0;
}
.dialog-footer .el-button {
padding: 1rem 2rem;
font-size: 14px;
border-radius: 3px;
}
.el-button--primary,
.el-button--primary.is-active,
.el-button--primary:active {
background-color: #e60044 !important;
border-color: #e60044 !important;
}
.el-dialog {
min-width: 543px
}
.product-txt-label {
margin-top: 1rem;
font-size: 1rem;
margin-bottom: .5rem
}
.product-txt-label span {
font-size: 1rem;
}
.el-dialog__headerbtn .el-dialog__close {
font-size: 28px
}
.el-upload--text {
cursor: pointer;
background: #000;
color: #fff;
border-radius: 25px;
padding: 3px .5rem;
width: auto;
text-align: center;
text-transform: capitalize;
display: inline-block;
font-size: .9rem;
}
.text-container {
margin-bottom: 1rem;
width: 100%;
}
.photo-crop-container {
margin-bottom: 1rem
}
@media(max-width:768px) {
.el-dialog {
min-width: 100%
}
.product-txt-label {
margin-top: 0;
font-size: .9rem;
margin-bottom: .5rem;
}
.product-txt-label span {
font-size: 0.8rem;
}
.text-input-container,
.area-crop-upload {
height: 3.5rem
}
.custom-selector-container,
#custom-area-container {
position: relative;
padding: 0 1rem;
}
}
.text-special-style {
display: flex;
justify-content: space-between;
width: 100%;
align-items: center;
}
.text-special-style .label-input-container {
width: 45%;
}
/* .text-special-style .leftnum{display:none;} */
.text-heart {
position: relative;
}
.text-heart:after {
content: "";
position: absolute;
background: url("//cdn.lazyshop.com/assets/ddf55b7c4320359b5df4ed8033723f91/tc2.png") no-repeat;
background-size: contain;
width: 44px;
height: 44px;
left: -21px;
top: -25px;
}
.ui-widget-header .ui-icon {
background-image: url(//cdn.lazyshop.com/assets/ddf55b7c4320359b5df4ed8033723f91/ui-icons_444444_256x240.png);
}
</style>
<script src="//cdn.lazyshop.com/assets/ddf55b7c4320359b5df4ed8033723f91/qiniu.min.js" type="text/javascript"></script>
<div class="custom-selector-container" id="selectorContent"><input id="selector-flag" name="properties[isdefault]" value="0" type="hidden"><label class="custom-selector-label">Design:</label>
<div class="custom-selector-box"><label class="custom-selector custom-selector-active"><input type="radio" name="custom-selector-radio" value="0" checked=""><span>Use default picture</span></label><label class="custom-selector"><input
type="radio" name="custom-selector-radio" value="1"><span>Upload your own</span></label></div>
</div>
<script>
//去掉sku的-部分
function formatSku(sku) {
var splitSku = typeof customJson.splitSku != 'undefined' ? customJson.splitSku : false;
var cutSku = typeof customJson.cutSku != 'undefined' ? customJson.cutSku : false;
var sku_val = sku;
if (splitSku && sku_val.indexOf('-') > -1) {
var zenSkuArr = sku_val.split('-');
sku_val = zenSkuArr[0];
}
if (cutSku) {
sku_val = sku_val.substring(0, sku_val.length - cutSku);
}
return sku_val;
}
window.addEventListener('EVENT_PHOTO_DIALOG', function(event) {
$('html').css({
height: "100%",
overflow: "hidden"
});
$('body').css({
height: "100%",
overflow: "hidden"
});
});
window.addEventListener('EVENT_PHOTO_DIALOG_CLOSE', function(event) {
$('html').css({
height: "",
overflow: ""
});
$('body').css({
height: "",
overflow: ""
});
});
var customValue =
`{"isSelectorProductImage":true,"productImage":1,"dataType":1,"selector":{"label":"Design","data":[{"name":"Use default picture","value":0},{"name":"Upload your own","value":1}]},"crop":{"data":[{"width":1000,"height":1224}]}}`;
var customJson = JSON.parse(
`{"isSelectorProductImage":true,"productImage":1,"dataType":1,"selector":{"label":"Design","data":[{"name":"Use default picture","value":0},{"name":"Upload your own","value":1}]},"crop":{"data":[{"width":1000,"height":1224}]}}`);
var _zenSku = "CWY252-S";
var splitSku = typeof customJson.splitSku != 'undefined' ? customJson.splitSku : false;
var cutSku = typeof customJson.cutSku != 'undefined' ? customJson.cutSku : false;
var isSunziRemark = typeof customJson.isSunziRemark != 'undefined' ? customJson.isSunziRemark : false; //
var isSunziText = typeof customJson.isSunziText != 'undefined' ? customJson.isSunziText : true; //
var is_variant_options = typeof customJson.is_variant_options != 'undefined' ? customJson.is_variant_options : false;
var is_variant_options_type = typeof customJson.is_variant_options_type != 'undefined' ? customJson.is_variant_options_type : 'option1';
var is_variant_lable = typeof customJson.is_variant_lable != 'undefined' ? customJson.is_variant_lable : false;
var walletDataNew = typeof customJson.walletDataNew != 'undefined' ? customJson.walletDataNew : false;
var variant_options_val = '';
if (splitSku || cutSku) {
_zenSku = formatSku(_zenSku);
}
var textIsOptional = '';
var productImage = typeof customJson.productImage != 'undefined' ? customJson.productImage : 0;
//lazyshop获取产品图片的属性为featured_media，做个兼容 2022-3-30 alice
var productVariantImage = "" ? "" : "https://pic.stylelab.com/emdx/star/1807/1807-CWY252-12.jpg";
if (productImage == 1 && productVariantImage != '') {
let productImageUrlValue = "" ? "" : "https://pic.stylelab.com/emdx/star/1807/1807-CWY252-12.jpg";
var productImageUrl = productImageUrlValue.indexOf("https") > -1 ? productImageUrlValue : "https:" + productImageUrlValue;
} else {
let productImageUrlValue = "https://pic.stylelab.com/emdx/star/1807/1807-CWY252-12.jpg?x-oss-process=image%2Fauto-orient%2C1%2Fresize%2Cm_fixed%2Cw_1000%2Ch_1000";
var productImageUrl = productImageUrlValue.indexOf("https") > -1 ? productImageUrlValue : "https:" + productImageUrlValue;
}
var dataType = typeof customJson.dataType != 'undefined' ? customJson.dataType : ''; //区分ai数据格式
var isAiUrl = typeof customJson.isAiUrl != 'undefined' ? customJson.isAiUrl : false; //只刻字的产品要求固定模板图传ai图字段 2021-11-26 alice
var aiUrl = 'https://pic.stylelab.com/img/photo/' + _zenSku + '-ai.png'; //固定模板图的地址
var isSelectorProductImage = typeof customJson.isSelectorProductImage != 'undefined' ? customJson.isSelectorProductImage : false; //true：当selector改变时，如果用户选择使用固定图片传主图到效果图列，否则不传
var fixImageValue = "http://ai.oss.maiyuan.online/EMDX/emdx-1807-v-12.jpg"; //用户选择不传图则使用在metafield中配置的固定图片url 2022-3-26 alice
var fixImage = fixImageValue;
if (fixImageValue && fixImageValue.indexOf("{") > -1) {
let fixImageJson = JSON.parse(fixImageValue);
fixImage = typeof fixImageJson[_zenSku] != 'undefined' ? fixImageJson[_zenSku] : fixImage;
}
var useFixImage = false; //true:用户选择在元字段中配置的固定图片 不自己传图 2022-3-26 alice
var useFixText = false; //true:用户选择在元字段中配置的固定文字 不自己输入文字
var fixText = ""; //用户选择不传图则使用在元字段中配置的固定文字
//读取配置生成自定下拉框选项 2022-3-26 alice
if (typeof customJson.selector != 'undefined') {
var selectorConfig = customJson.selector.data;
var selectorHtml = '<input id="selector-flag" name="properties[isdefault]" value="0" type="hidden"/><label class="custom-selector-label">' + customJson.selector.label + ':</label><div class="custom-selector-box">';
selectorConfig.forEach(function(sItem, sIndex) {
if (sIndex == 0) {
selectorHtml += '<label class="custom-selector custom-selector-active"><input type="radio" name="custom-selector-radio" value="' + sItem.value + '" checked>';
} else {
selectorHtml += '<label class="custom-selector"><input type="radio" name="custom-selector-radio" value="' + sItem.value + '">';
}
selectorHtml += '<span>' + sItem.name + '</span></label>';
});
selectorHtml += '</div>';
$("#selectorContent").html(selectorHtml);
}
var optionList = {};
if (customValue.indexOf('optionName') > -1) {
var optionNum = 0;
optionNum++;
optionList['option' + optionNum] = `S`;
}
var photoArray = [];
if (typeof customJson.photo != 'undefined') {
//多个传图的遮罩图、ai图命名是否都相同 true：是 false：否（sku_从1开始的数字序号）
var samePhoto = typeof customJson.photo.samePhoto != 'undefined' ? customJson.photo.samePhoto : false;
var productItem = typeof customJson.photo.productItem != 'undefined' ? customJson.photo.productItem : '';
var styleConfig = 0;
// //PC端传图区展示位正方形块 移动端传图区单行展示
// if($(window).width() > 768){
// styleConfig = 1;
// }else{
// styleConfig = 0;
// }
var photoOptionName = '';
var photoOptionVal = '';
//如果传图配置受某一个变体控制
if (typeof customJson.photo.optionName != 'undefined') {
photoOptionName = customJson.photo.optionName;
photoOptionVal = optionList[photoOptionName]; //获取控制传图的变体的默认值
}
var photoConfig = customJson.photo.data;
//如果是变体值是数字，选择几就有几个传图
if (customJson.photo.type == 'num') {
var photoNum = parseInt(photoOptionVal);
for (var i = 1; i <= photoNum; i++) {
let photoItem = setPhotoArray(photoConfig, i);
if (samePhoto) {
photoItem = setPhotoArray(photoConfig);
}
photoArray.push(photoItem);
}
} else if (customJson.photo.type == 'value') { //如果变体值不同走不同的传图配置
photoConfig[photoOptionVal].forEach(function(item, index) {
let photoNo = index + 1;
let photoItem = setPhotoArray(item, photoNo);
if (samePhoto) {
photoItem = setPhotoArray(item);
}
photoArray.push(photoItem);
});
} else if (customJson.photo.type == 'sku') { //如果变体值不同走不同的传图配置
photoConfig[_zenSku].forEach(function(item, index) {
let photoNo = index + 1;
let photoItem = setPhotoArray(item, photoNo);
if (samePhoto) {
photoItem = setPhotoArray(item);
}
photoArray.push(photoItem);
});
} else { //传图配置与变体无关
photoConfig.forEach(function(item, index) {
let photoNo = index + 1;
let photoItem = setPhotoArray(item, photoNo);
if (samePhoto) {
photoItem = setPhotoArray(item);
}
photoArray.push(photoItem);
});
}
//构造插件中遮罩图传图的参数
function setPhotoArray(item, photoNo = '') {
let cSku = _zenSku;
if (productItem) {
cSku = productItem;
}
let photoName = cSku;
if (photoNo) {
photoName = cSku + "_" + photoNo;
}
return {
"require": true,
"type": "multipic",
"sku": photoName,
"basePhotoImg": "https://pic.stylelab.com/img/photo/" + photoName + ".png?33zKaQ",
"ainame": "",
"isAiLucid": typeof item.isAiLucid != 'undefined' ? item.isAiLucid : 1, //后端生成的ai图边缘是否为透明 1:透明 0:不透明 不设置默认是0
"bgcolor": typeof item.bgcolor != 'undefined' ? item.bgcolor : "rgb(255,255,255)", //效果图的背景颜色 一般填rgb(255,255,255) 为空则是黑色
"isAiColor": typeof item.isAiColor != 'undefined' ? item.isAiColor : '', //后端生成的ai图边缘颜色值，当该参数不为空时，isAiLucid需要设置为0
"grayscale": typeof item.grayscale != 'undefined' ? item.grayscale : false, // 将图片显示为灰色.
"style": styleConfig,
"dpi": typeof item.dpi != 'undefined' ? item.dpi : ''
};
}
}
var cropArray = [];
if (typeof customJson.crop != 'undefined') {
var cropPrompt = typeof customJson.crop.cropPrompt != 'undefined' ? customJson.crop.cropPrompt : '';
var cropOptionName = '';
var cropOptionVal = '';
if (typeof customJson.crop.optionName != 'undefined') {
cropOptionName = customJson.crop.optionName;
cropOptionVal = optionList[cropOptionName];
}
var cropConfig = customJson.crop.data;
//如果是变体值是数字，选择几就有几个切图传图
if (customJson.crop.type == 'num') {
var cropNum = parseInt(cropOptionVal);
for (var i = 1; i <= cropNum; i++) {
var uploadLabel = item.uploadLabel || "Photo" + " " + i;
if (cropNum == 1) {
uploadLabel = item.uploadLabel || "Photo"
}
var aspectRatio = 0;
if (cropConfig.width > 0) {
aspectRatio = cropConfig.width / cropConfig.height;
}
let cropItem = setCropArray(uploadLabel, aspectRatio);
cropArray.push(cropItem);
}
} else if (customJson.crop.type == 'value') { //如果变体值不同走不同的传图配置
cropConfig[cropOptionVal].forEach(function(item, index) {
let cropNo = index + 1;
var uploadLabel = item.uploadLabel || "Photo" + " " + cropNo;
if (cropConfig[cropOptionVal].length == 1) {
uploadLabel = item.uploadLabel || "Photo"
}
var aspectRatio = 0;
if (item.width > 0) {
aspectRatio = item.width / item.height;
}
let cropItem = setCropArray(uploadLabel, aspectRatio);
cropArray.push(cropItem);
});
} else if (customJson.crop.type == 'sku') { //如果变体值不同走不同的传图配置
cropConfig[_zenSku].forEach(function(item, index) {
let cropNo = index + 1;
var uploadLabel = item.uploadLabel || "Photo" + " " + cropNo;
if (cropConfig[_zenSku].length == 1) {
uploadLabel = item.uploadLabel || "Photo"
}
var aspectRatio = 0;
if (item.width > 0) {
aspectRatio = item.width / item.height;
}
let cropItem = setCropArray(uploadLabel, aspectRatio);
cropArray.push(cropItem);
});
} else { //切图传图配置与变体无关
cropConfig.forEach(function(item, index) {
let cropNo = index + 1;
var uploadLabel = item.uploadLabel || "Photo" + " " + cropNo;
if (cropConfig.length == 1) {
uploadLabel = item.uploadLabel || "Photo"
}
var aspectRatio = 0;
if (item.width > 0) {
aspectRatio = item.width / item.height;
}
let cropItem = setCropArray(uploadLabel, aspectRatio);
cropArray.push(cropItem);
});
}
//构造插件中切图传图的参数
function setCropArray(uploadLabel, aspectRatio) {
return {
uploadLabel: uploadLabel, //传图描述标签
btnUploadText: "Upload", //上传按钮文案
require: true, //是否必传图片
hasCropOrigin: true,
sku: _zenSku,
style: 0, //设置上传样式，0:单行展示 1：矩形上传表单
type: '',
aspectRatio: aspectRatio
};
}
// 构建套装产品主图
if (typeof customJson.isSuitCropHandle != 'undefined' && customJson.isSuitCropHandle != '') {
var HandleList = ''
HandleList = HandleList.substring(0, HandleList.length - 1)
var newHandleList = HandleList.split(",");
}
}
if (typeof customJson.text != 'undefined') {
textIsOptional = customJson.text.textIsOptional || '';
var textHtml = '';
var textOptionName = '';
var textOptionVal = '';
if (typeof customJson.text.optionName != 'undefined') {
textOptionName = customJson.text.optionName;
textOptionVal = optionList[textOptionName];
}
}
//定义插件的参数
var _zenConfig = {
photoAwcdn: 1,
photoObj: [],
carvingObj: [],
crystalObj: [],
curveCarvingObj: [],
nameObj: [],
crop: cropArray,
cropPrompt: cropPrompt ? translation(cropPrompt) : '',
photo: photoArray,
carving: [],
crystal: [],
btnUploadText: "Upload",
uploadLabel: "Photo",
changeText: "Change",
photoCancelText: "Cancel",
photoConfirmText: "Confirm",
cropConfirmText: "Confirm",
cropCancelText: "Cancel",
curveCarving: []
};
</script>
<div id="custom-area-container" style="display: none;">
<div class="color-container"></div>
<div class="photo-crop-container">
<div id="app">
<div class="zen-photo-carving">
<div class="crop-container">
<div data-v-56cdf94c="">
<div data-v-56cdf94c="" class="area-crop-upload area-crop-upload-0">
<div data-v-56cdf94c="" class="area-crop-upload-flex"><span data-v-56cdf94c="" class="area-crop-upload-text">Photo<font data-v-56cdf94c="" color="red">*</font></span></div>
<div data-v-56cdf94c="" class="area-crop-upload-flex">
<div data-v-56cdf94c="" class="avatar-uploader">
<div tabindex="0" class="el-upload el-upload--text"><button data-v-56cdf94c="" type="button" class="btn-upload-open crop-btn-upload-open">Upload</button><input type="file" name="file" accept="" class="el-upload__input">
</div>
</div>
</div>
</div>
<div data-v-56cdf94c="" class="el-dialog__wrapper" style="display: none;">
<div role="dialog" aria-modal="true" aria-label="dialog" class="el-dialog el-dialog--center" style="margin-top: 15vh; width: 40%;">
<div class="el-dialog__header"><span class="el-dialog__title"></span><button type="button" aria-label="Close" class="el-dialog__headerbtn"><i class="el-dialog__close el-icon el-icon-close"></i></button></div><!----><!---->
</div>
</div><!---->
</div>
</div>
<div data-v-475d19a0="" class="el-dialog__wrapper" style="display: none;">
<div role="dialog" aria-modal="true" aria-label="dialog" class="el-dialog" style="margin-top: 15vh; width: 40%;">
<div class="el-dialog__header"><span class="el-dialog__title"></span><button type="button" aria-label="Close" class="el-dialog__headerbtn"><i class="el-dialog__close el-icon el-icon-close"></i></button></div><!----><!---->
</div>
</div>
<div class="hidden-input"><input type="text" name="customVal" required="required" class="zen-require"></div>
</div>
</div>
<input type="hidden" id="customInfo" name="properties[customInfo]" value="" style="display:none" required="">
<a rel="nofollow" id="images-example" target="_blank" href="https://www.google.com.hk/search?q=Rainbow+Kitten+Surprise+images&tbm=isch&ved=2ahUKEwiny9vXxob4AhVBFYgKHcWSA4oQ2-cCegQIABAA">Get some inspirations on Google</a>
</div>
<div class="text-container" id="textContent"></div>
<div class="text-font-container"></div>
<div class="text-color-container"></div>
</div>
<link href="https://spjs.cdn.soufeel.com/js/zen-photo-carving-0.6.2/zen-photo-carving-chunk-vendors.css?202112180855" rel="stylesheet">
<link href="https://spjs.cdn.soufeel.com/js/zen-photo-carving-0.6.2/zen-photo-carving-app.css?202112180855" rel="stylesheet">
<script src="https://spjs.cdn.soufeel.com/js/zen-photo-carving-0.6.2/zen-photo-carving-chunk-vendors.js?202112180855"></script>
<script src="https://spjs.cdn.soufeel.com/js/zen-photo-carving-0.6.2/zen-photo-carving-app.js?202112180855"></script>
<script>
$(document).ready(function() {
$('.zen-require').attr('name', 'customVal');
//根据配置构造文字输入框
if (typeof customJson.text != 'undefined') {
var textConfig = customJson.text.data;
var textType = customJson.text.type || '';
if (textType == 'num') { //变体值是数字，选择几就展示几个文字输入框
var textNum = parseInt(textOptionVal);
for (var i = 1; i <= textNum; i++) {
textHtml += getTextHtml(textConfig, i);
}
} else if (textType == 'value') { //不同变体值对应不同的文字输入框配置
textConfig[textOptionVal].forEach(function(item, index) {
textHtml += getTextHtml(item, index);
});
} else if (textType == 'sku') { //不同变体值对应不同的文字输入框配置
textConfig[_zenSku].forEach(function(item, index) {
textHtml += getTextHtml(item, index);
});
} else { //文字输入框配置与变体无关
textConfig.forEach(function(item, index) {
textHtml += getTextHtml(item, index);
});
}
$('#textContent').html(textHtml);
//初始化日期选择器（如果配置中有日期选择器的话）
if ($('.dateInput').length > 0) {
$('.dateInput').each(function() {
let dID = $(this).attr('id');
let dateFormat = $(this).data('format');
$("#" + dID).datepicker({
dateFormat: dateFormat,
changeYear: true,
currentText: "Current year",
showButtonPanel: $(this).data('panel'),
yearRange: $(this).data('range'),
onClose: function(dateText, inst) { // 关闭事件
if (dateFormat == 'yy') {
var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val(); //获取用户选择的年份值
var defaultDate = new Date(year, 01, 01);
$(this).datepicker("option", "defaultDate", defaultDate);
$(this).datepicker('setDate', defaultDate);
}
}
});
if (dateFormat == 'yy') {
$('#textContent').prepend('<style>.ui-datepicker-calendar,.ui-datepicker-month,.ui-datepicker-prev,.ui-datepicker-next{display:none;}.ui-datepicker select.ui-datepicker-year{width: 90%;}</style>');
}
});
}
if (customJson.text.textInputStyle == 1) {
$('#textContent').addClass('text-special-style');
let str = '<div class="text-heart"></div>';
$('#textContent').find('.label-input-container').eq(0).after(str);
}
}
// $(".product-form__cart-submit").click(function(e){
// e.preventDefault();
// if(zenValidateForm()){
// $("form.product-form").submit();
// }
// });
//统一多文字字体选择
if (typeof customJson.fontList != 'undefined') {
var fontListTitle = customJson.fontList.title;
var fontListData = customJson.fontList.data;
var fontListHtml = '';
if (fontListTitle) {
fontListHtml += '<h1 class="font-list-title">' + fontListTitle + ':</h1>';
}
if (fontListData) {
fontListHtml += '<div class="list-conent">';
fontListData.forEach((v, i) => {
var checked = (i == 0) ? ' checked ' : '';
var active = (i == 0) ? ' active ' : '';
fontListHtml += '<li class="font-click ' + active + '"><p style="font-family:' + v + '">ABC</p><input class="font-radio" type="radio" name="font" value="' + v + '" ' + checked + '></li>';
loadCustomFonts(v);
})
fontListHtml += '</div>';
}
$('.text-font-container').html(fontListHtml);
$(".font-click").click(function() {
$(this).addClass("active").siblings().removeClass("active");
$(this).find(".font-radio").prop("checked", true);
})
}
//统一多文字颜色选择
if (typeof customJson.fontColorList != 'undefined') {
var fontColorTitle = customJson.fontColorList.title;
var fontColorData = customJson.fontColorList.data;
var fontColorHtml = '';
if (fontColorTitle) {
fontColorHtml += '<h1 class="font-color-title">' + fontColorTitle + ':</h1>';
}
if (fontColorData) {
fontColorHtml += '<div class="list-conent">';
fontColorData.forEach((v, i) => {
var checked = (i == 0) ? ' checked ' : '';
var active = (i == 0) ? ' active ' : '';
fontColorHtml += '<li class="color-click ' + active + '"><p style="background-color:' + v + ';"></p><input class="font-color-radio" type="radio" name="fontColor" value="' + v + '" ' + checked + '></li>';
})
fontColorHtml += '</div>';
}
$('.text-color-container').html(fontColorHtml);
$(".color-click").click(function() {
$(this).addClass("active").siblings().removeClass("active");
$(this).find(".font-color-radio").prop("checked", true);
})
}
//通用颜色选择
if (typeof customJson.colorList != 'undefined') {
var colorLabel = customJson.colorList.label;
var colorData = customJson.colorList.data;
var colorHtml = '';
if (colorLabel) {
colorHtml += '<h1 class="color-title">' + colorLabel + ':</h1>';
}
if (colorData) {
colorHtml += '<div class="color-list-conent">';
var i = 0;
$.each(colorData, function(k, v) {
var checked = (i == 0) ? ' checked ' : '';
var active = (i == 0) ? ' active ' : '';
colorHtml += '<li class="color-click ' + active + '"><p style="background-color:' + v + ';"></p><input class="color-radio" type="radio" name="color" value="' + k + '" ' + checked + '></li>';
i++;
});
colorHtml += '</div>';
}
$('.color-container').html(colorHtml);
$(".color-click").click(function() {
$(this).addClass("active").siblings().removeClass("active");
$(this).find(".color-radio").prop("checked", true);
})
}
//监听自定义下拉选项
if (typeof customJson.selector != 'undefined') {
setCustomBySelector();
$(".custom-selector").bind("click", function() {
$(".custom-selector").removeClass("custom-selector-active");
$(this).addClass("custom-selector-active");
setCustomBySelector()
});
}
});
if (typeof customJson.selector != 'undefined') {
function setCustomBySelector() {
let selectorValue = $("input[name='custom-selector-radio']:checked").val();
//使用固定图片
if (selectorValue == 0) {
if (typeof customJson.productImage != 'undefined' && customJson.productImage == 1 && isSelectorProductImage) {
productImage = 1;
}
useFixImage = true;
useFixText = true;
$("#custom-area-container").hide();
$("#selector-flag").val(0);
} else { //展示自定义区域
if (typeof customJson.productImage != 'undefined' && customJson.productImage == 1 && isSelectorProductImage) {
productImage = 0;
}
useFixImage = false;
useFixText = false;
$("#custom-area-container").show();
$("#selector-flag").val(1);
}
}
}
Product.validators.push(async () => {
return zenValidateForm();
})
//构建文字输入框的html
function getTextHtml(coors, i) {
var t_name_str = '';
var limit = coors.limit || 20;
var label = coors.label || "";
var textType = coors.type || "";
var placeholderText = typeof coors.placeholder != 'undefined' ? coors.placeholder : "Type words here...";
var defaultValue = coors.defaultValue || '';
var hasNo = coors.hasNo || '';
var toUpper = coors.toUpper || false;
var toLower = coors.toLower || false;
if (hasNo) {
let noVal = i + 1;
placeholderText = placeholderText + ' ' + noVal;
}
t_name_str += '<div class="label-input-container">';
if (label) {
if (label.indexOf('##') > -1) {
label = label.replace('##', '<br>');
}
t_name_str += '<label class="product-txt-label" for="fonttext">' + label + ':</label>';
}
if (textType == 'textarea') {
t_name_str += '<div class="text-input-container">';
t_name_str += '<textarea type="text" class="fonttext" name="fonttext" maxlength="' + limit + '" value="" oninput="changeText(' + i + ',this,' + limit + ',' + toUpper + ',' + toLower + ')" placeholder="' + placeholderText +
'"></textarea>';
t_name_str += '<div class="leftnum" id="leftnumbox' + i + '"><span id="leftnum' + i + '">' + limit + '</span> Left</div>';
t_name_str += '</div>';
} else if (textType == 'number') {
var numberRange = coors.numberRange || '1-100';
t_name_str += '<div class="text-input-container">';
t_name_str += '<input type="number" class="fonttext" name="fonttext" maxlength="' + limit + '" value="" oninput="checkNumber(this,\'' + numberRange + '\')" placeholder="' + placeholderText + '"/>';
t_name_str += '</div>';
} else if (textType == 'date') {
var dateFormat = coors.dateFormat || 'yymmdd';
var yearRange = coors.yearRange || '1851:c';
var showButtonPanel = typeof coors.showButtonPanel != 'undefined' ? coors.showButtonPanel : true;
t_name_str += '<div class="text-input-container">';
t_name_str += '<input type="text" id="datepicker' + i + '"data-format="' + dateFormat + '" data-range="' + yearRange + '" data-panel="' + showButtonPanel + '" class="fonttext dateInput" name="fonttext" readonly="readonly" value="">';
t_name_str += '</div>';
} else if (textType == 'select') {
t_name_str += '<div class="text-input-container">';
t_name_str += '<select class="fonttext">';
coors.options.forEach(function(vv, ii) {
t_name_str += '<option value="' + vv + '">' + vv + '</option>'
});
t_name_str += '</select>';
t_name_str += '</div>';
} else if (textType == 'none') {
t_name_str += '<div class="text-input-container" style="display:none;">';
t_name_str += '<input type="hidden" class="fonttext " name="fonttext" value="' + defaultValue + '"/>';
t_name_str += '</div>';
} else {
t_name_str += '<div class="text-input-container">';
t_name_str += '<input type="text" class="fonttext" name="fonttext" maxlength="' + limit + '" value="' + defaultValue + '" oninput="changeText(' + i + ',this,' + limit + ',' + toUpper + ',' + toLower + ')" placeholder="' +
placeholderText + '"/>';
t_name_str += '<div class="leftnum" id="leftnumbox' + i + '"><span id="leftnum' + i + '">' + limit + '</span> Left</div>';
t_name_str += '</div>';
}
t_name_str += '</div>';
return t_name_str;
}
function createNumPhoto(goal_num) {
let current_num = objCount(window._zenConfig.photo);
goal_num = parseInt(goal_num);
let diff_num = goal_num - current_num;
if (diff_num > 0) {
for (var ii = 0; ii < diff_num; ii++) {
var photoNum = current_num + ii + 1;
let photoContent = setPhotoArray(customJson.photo.data, photoNum);
if (samePhoto) {
photoContent = setPhotoArray(customJson.photo.data);
}
window._zenConfig.photo.push(photoContent);
}
} else if (diff_num < 0) {
for (var j = current_num; j > goal_num; j--) {
window._zenConfig.photo.splice(j - 1, 1);
}
}
}
function createNumCrop(goal_num) {
let current_num = objCount(window._zenConfig.crop);
goal_num = parseInt(goal_num);
let diff_num = goal_num - current_num;
if (diff_num > 0) {
for (var ii = 0; ii < diff_num; ii++) {
var cropNum = current_num + ii + 1;
let uploadLabel = "Photo" + " " + cropNum;
let aspectRatio = 0;
let cropConfig = customJson.crop.data
if (cropConfig.width > 0) {
aspectRatio = cropConfig.width / cropConfig.height;
}
let cropContent = setCropArray(uploadLabel, aspectRatio);
window._zenConfig.crop.push(cropContent);
}
} else if (diff_num < 0) {
for (var j = current_num; j > goal_num; j--) {
window._zenConfig.crop.splice(j - 1, 1);
}
}
}
function createNumText(goal_num) {
let current_num = $(".fonttext").length;
let diff_num = goal_num - current_num;
if (diff_num > 0) {
for (var ii = 0; ii < diff_num; ii++) {
var textNum = current_num + ii;
let textHTML = getTextHtml(customJson.text.data, textNum);
$('#textContent').append(textHTML);
}
} else if (diff_num < 0) {
for (var j = current_num; j > goal_num; j--) {
$('.text-input-container').eq(j - 1).remove();
}
}
}
//计算对象元素个数
function objCount(obj) {
var count = 0;
if ($.isArray(obj)) {
count = obj.length;
} else {
for (var i in obj) {
count++;
}
}
return count;
}
function createConfig(data, type = 'photo') {
if (type == 'photo') {
let photoNum = objCount(window._zenConfig.photo)
window._zenConfig.photo.splice(0, photoNum);
setTimeout(function() {
data.forEach(function(item, i) {
let photoNo = i + 1;
let dataValue = setPhotoArray(item, photoNo);
if (samePhoto) {
dataValue = setPhotoArray(item);
}
window._zenConfig.photo.push(dataValue);
});
}, 100);
} else if (type == 'crop') {
let cropNum = objCount(window._zenConfig.crop)
window._zenConfig.crop.splice(0, cropNum);
setTimeout(function() {
data.forEach(function(item, i) {
let cropNo = i + 1;
let uploadLabel = "Photo" + " " + cropNo;
if (data.length == 1) {
uploadLabel = "Photo"
}
let aspectRatio = 0;
if (item.width > 0) {
aspectRatio = item.width / item.height;
}
let dataValue = setCropArray(uploadLabel, aspectRatio);
window._zenConfig.crop.push(dataValue);
});
}, 100);
} else {
$('#textContent').html('');
let textHTML = '';
data.forEach(function(item, i) {
textHTML += getTextHtml(item, i);
});
$('#textContent').append(textHTML);
}
}
function changeText(i, obj, limitv, toUpper, toLower) {
var objLenOld = $(obj).val().length;
var objVal = $(obj).val().replace(/[\r\n]/g, "");
var objLen = objVal.length;
if (objLen < objLenOld) {
$(obj).attr('maxlength', limitv + objLenOld - objLen);
} else {
$(obj).attr('maxlength', limitv);
}
if (objLen > limitv) {
var lenDiff = objLen - limitv;
$(obj).val($(obj).val().substr(-1, lenDiff));
$('#leftnum' + i).text(0);
} else {
$('#leftnum' + i).text(parseInt(limitv) - objLen);
}
if (toUpper) {
var upper = $(obj).val().substr(0, toUpper);
$(obj).val($(obj).val().replace(upper, upper.toUpperCase()));
}
if (toLower) {
var lower = $(obj).val().substr(toLower);
$(obj).val($(obj).val().replace(lower, lower.toLowerCase()));
}
}
function checkNumber(obj, numberRange) {
var val = parseInt($(obj).val());
$(obj).val(val);
var rangeArr = $.trim(numberRange).split("-");
var minN = parseInt(rangeArr[0]);
var maxN = parseInt(rangeArr[1]);
if (val < minN) {
$(obj).val(minN);
}
if (val > maxN) {
$(obj).val(maxN);
}
}
function getPositions(letter, subStr) {
var positions = [];
subStr.forEach(function(item, index) {
var pos = letter.indexOf(item);
while (pos > -1) {
if (item.indexOf('\n') > -1) {
positions.push(pos - 1);
}
positions.push(pos);
pos = letter.indexOf(item, pos + 1);
}
});
return positions;
}
Listener.on([Listener.product.update.before], function(event, variant) {
//是否开启了 变体存储 is_variant_options,默认为 false
if (is_variant_options == true) {
variant_options_val = variant[is_variant_options_type];
}
//如果设置变体图则读取变体图作为主图 lazyshop获取产品图片的属性为featured_media，做个兼容 2022-3-30 alice
if (productImage == 1) {
if (typeof variant.featured_image != 'undefined') {
productImageUrl = variant.featured_image.src;
} else if (typeof variant.featured_media != 'undefined') {
productImageUrl = variant.featured_media.src;
}
}
//一个变体切换,更改功能
if (typeof customJson.photo != 'undefined' && photoOptionVal && photoOptionName && photoOptionVal != variant[photoOptionName]) {
photoOptionVal = variant[photoOptionName];
_zenSku = variant.sku;
if (splitSku || cutSku) {
_zenSku = formatSku(variant.sku);
}
if (customJson.photo.type == 'num') {
createNumPhoto(photoOptionVal);
} else if (customJson.photo.type == 'sku') {
createConfig(customJson.photo.data[_zenSku]);
} else {
createConfig(customJson.photo.data[photoOptionVal]);
}
}
if (typeof customJson.crop != 'undefined' && cropOptionVal && cropOptionName && cropOptionVal != variant[cropOptionName]) {
cropOptionVal = variant[cropOptionName];
_zenSku = variant.sku;
if (splitSku || cutSku) {
_zenSku = formatSku(variant.sku);
}
if (customJson.crop.type == 'num') {
createNumCrop(cropOptionVal);
} else if (customJson.crop.type == 'sku') {
createConfig(customJson.crop.data[_zenSku], 'crop');
} else {
createConfig(customJson.crop.data[cropOptionVal], 'crop');
}
}
if (typeof customJson.text != 'undefined' && textOptionVal && textOptionName && textOptionVal != variant[textOptionName]) {
textOptionVal = variant[textOptionName];
_zenSku = variant.sku;
if (splitSku || cutSku) {
_zenSku = formatSku(variant.sku);
}
if (customJson.text.type == 'num') {
createNumText(textOptionVal);
} else if (customJson.text.type == 'sku') {
createConfig(customJson.text.data[_zenSku], 'text');
} else {
createConfig(customJson.text.data[textOptionVal], 'text');
}
}
//多个变体切换,更该功能,把sku切换拿出来单独判断 2021-10-28 alice
//满足以下任何一个判断,最后修改_zenSku,isDiffSku作为标记 2021-10-28 alice
let isDiffSku = false;
if (photoOptionName == '' && typeof customJson.photo != 'undefined' && customJson.photo.type == 'sku' && _zenSku != variant.sku) {
isDiffSku = true;
createConfig(customJson.photo.data[variant.sku]);
}
if (cropOptionName == '' && typeof customJson.crop != 'undefined' && customJson.crop.type == 'sku' && _zenSku != variant.sku) {
isDiffSku = true;
createConfig(customJson.crop.data[variant.sku], 'crop');
}
if (textOptionName == '' && typeof customJson.text != 'undefined' && customJson.text.type == 'sku' && _zenSku != variant.sku) {
isDiffSku = true;
createConfig(customJson.text.data[variant.sku], 'text');
}
if (isDiffSku) {
_zenSku = variant.sku;
if (splitSku || cutSku) {
_zenSku = formatSku(variant.sku);
}
}
if (isAiUrl) {
let aiSku = splitSku || cutSku ? formatSku(variant.sku) : variant.sku;
aiUrl = 'https://pic.stylelab.com/img/photo/' + aiSku + '-ai.png'; //固定模板图的地址
}
if (fixImageValue && fixImageValue.indexOf("{") > -1) {
let fixImageJson = JSON.parse(fixImageValue);
let _newSku = variant.sku;
if (splitSku || cutSku) {
_newSku = formatSku(variant.sku);
}
fixImage = typeof fixImageJson[_newSku] != 'undefined' ? fixImageJson[_newSku] : fixImage;
}
});
async function zenValidateForm() {
var _zenFlag = true;
var customInfo = {};
if (productImage != 0) {
customInfo['_sunzi_effect'] = productImageUrl;
}
var photoCount = objCount(window._zenConfig.photo);
//添加条件photoCount>0 2021-10-28,兼容变体切换是否传图 alice
//如果用在metafield中配置的固定图片，则不走自定义图片的验证和数据拼接 2022-3-26 alice
if (typeof customJson.photo != 'undefined' && photoCount > 0 && !useFixImage) {
let customData = JSON.parse($(".zen-require").val());
if (photoCount > 1) {
customInfo['_sunzi_sources'] = [];
customInfo['_sunzi_ais'] = [];
customInfo['_sunzi_effects'] = [];
for (var i = 0; i < photoCount; i++) {
if (!customData.photo[i].ai) {
_zenFlag = false;
$('.area-photo-upload-' + i).css('border-color', 'red');
} else {
customInfo['_sunzi_sources'].push(customData.photo[i].origin);
customInfo['_sunzi_ais'].push(customData.photo[i].ai);
customInfo['_sunzi_effects'].push(customData.photo[i].crop);
$('.area-photo-upload-' + i).css('border-color', '#000');
}
}
if (_zenFlag && customJson.photo.isEffectsMerge == true) {
customInfo['_sunzi_effect'] = await imageMerge(customInfo['_sunzi_effects']);
delete customInfo['_sunzi_effects'];
} else if (_zenFlag && customJson.walletDataNew == true) {
// 此片段是老钱包产品的新数据功能，双面遮罩图传图
customInfo['_sunzi_source'] = customData.photo[0].origin
customInfo['_sunzi_effect'] = customData.photo[0].crop
customInfo['_sunzi_text_effect'] = customData.photo[1].crop
customInfo['_sunzi_letter_effect'] = customData.photo[1].origin
delete customInfo['_sunzi_sources'];
delete customInfo['_sunzi_ais'];
delete customInfo['_sunzi_effects'];
}
} else if (photoCount > 0) {
if (!customData.photo[0].ai) {
_zenFlag = false;
$('.area-photo-upload-0').css('border-color', 'red');
} else {
customInfo['_sunzi_source'] = customData.photo[0].origin;
customInfo['_sunzi_ai'] = customData.photo[0].ai;
customInfo['_sunzi_effect'] = customData.photo[0].crop;
$('.area-photo-upload-0').css('border-color', '#000');
}
} else {
_zenFlag = false;
}
}
//添加条件cropCount>0 2021-10-28,兼容变体切换是否传图 alice
var cropCount = objCount(window._zenConfig.crop);
//如果用在metafield中配置的固定图片，则不走自定义图片的验证和数据拼接 2022-3-26 alice
if (typeof customJson.crop != 'undefined' && cropCount > 0 && !useFixImage) {
let customData = JSON.parse($(".zen-require").val());
let cropCustomData = JSON.parse($(".zen-require").val());
if (cropCount > 1) {
customInfo['_sunzi_sources'] = [];
for (var i = 0; i < cropCount; i++) {
if (!customData.crop[i].crop) {
_zenFlag = false;
$('.area-crop-upload-' + i).css('border-color', 'red');
} else {
customInfo['_sunzi_sources'].push(customData.crop[i].crop);
$('.area-crop-upload-' + i).css('border-color', '#000');
}
}
if (_zenFlag && customJson.crop.isSourcesMerge == true) {
customInfo['_sunzi_source'] = await imageMerge(customInfo['_sunzi_sources']);
delete customInfo['_sunzi_sources'];
}
} else if (cropCount > 0) {
if (!cropCustomData.crop[0].crop) {
_zenFlag = false;
$('.area-crop-upload-0').css('border-color', 'red');
} else {
if (dataType == 1) { //切图传图拼图（CPT004）
customInfo['_sunzi_ai'] = cropCustomData.crop[0].crop;
customInfo['_sunzi_source'] = cropCustomData.crop[0].cropOrigin;
} else {
customInfo['_sunzi_source'] = cropCustomData.crop[0].crop;
}
$('.area-crop-upload-0').css('border-color', '#000');
}
} else {
_zenFlag = false;
}
}
if (isSunziRemark == true) {
customInfo['_sunzi_remark'] = {};
if (typeof customJson.text != 'undefined' && $('.fonttext').length > 0) {
if ($('.fonttext').length > 1) {
var textRemarkArr = [];
$('.fonttext').each(function(i, v) {
if (!$.trim($(this).val())) {
_zenFlag = false;
$('.text-input-container').eq(i).css('border-color', 'red');
} else {
textRemarkArr.push($(this).val());
}
});
$.each(textRemarkArr, function(k, v) {
if (customJson.text.type == 'sku') {
var textJson = customJson.text.data[_zenSku];
if (typeof textJson[k].textFormatKey != 'undefined' && textJson[k].textFormatKey != '') {
if (typeof textJson[k].textFormatKeyNum != 'undefined' && textJson[k].textFormatKeyNum != '') {
console.log(textJson[k].textFormatKeyNum);
if (typeof customInfo['_sunzi_remark'][textJson[k].textFormatKey] != 'undefined') {
customInfo['_sunzi_remark'][textJson[k].textFormatKey] += ' ' + textJson[k].textFormatKeyNum + ':' + v;
} else {
customInfo['_sunzi_remark'][textJson[k].textFormatKey] = textJson[k].textFormatKeyNum + ':' + v;
}
} else {
customInfo['_sunzi_remark'][textJson[k].textFormatKey] = v;
}
//customInfo['_sunzi_remark'][textJson.textFormatKey] = v;
}
} else {
var textJson = customJson.text.data[k];
if (customJson.text.type == 'num') {
textJson = customJson.text.data;
}
if (typeof textJson.textFormatKey != 'undefined' && textJson.textFormatKey != '') {
customInfo['_sunzi_remark'][textJson.textFormatKey] = v;
}
}
});
} else if ($('.fonttext').length > 0) {
var textJson = customJson.text.data[0];
if (customJson.text.type == 'num') {
textJson = customJson.text.data;
}
if (typeof textJson.textFormatKey != 'undefined' && textJson.textFormatKey != '') {
customInfo['_sunzi_remark'][textJson.textFormatKey] = $('.fonttext').eq(0).val();
}
}
}
if (typeof customJson.colorList != 'undefined' && customJson.colorList != '') {
console.log(customJson.colorList.formatKey);
console.log($("input[name='color']:checked").val());
customInfo['_sunzi_remark'][customJson.colorList.formatKey] = $("input[name='color']:checked").val();
}
}
if (isSunziText == true && !useFixText) {
//是否开启了 变体存储 is_variant_options,默认为 false
if (is_variant_options == true) {
customInfo['_sunzi_text'] = {};
customInfo['_sunzi_text']['value'] = variant_options_val;
if (is_variant_lable) {
customInfo['_sunzi_text']['number'] = is_variant_lable;
}
} else {
//添加条件$('.fonttext').length > 0 2021-10-28,兼容变体切换是否传图 alice
if (typeof customJson.text != 'undefined' && $('.fonttext').length > 0) {
if ($('.fonttext').length > 1) {
customInfo['_sunzi_texts'] = [];
var inum = 0;
$('.fonttext').each(function(i, v) {
let _textIsOptional = '';
if (customJson.text.type == 'sku') {
_textIsOptional = customJson.text.data[_zenSku][i].textIsOptional ? customJson.text.data[_zenSku][i].textIsOptional : textIsOptional; // 如果每个输入框单独配置刻字可选,以单独配置为主.
} else if (customJson.text.type == 'num') {
_textIsOptional = customJson.text.data.textIsOptional ? customJson.text.data.textIsOptional : textIsOptional;
} else if (customJson.text.type == 'value') {
_textIsOptional = customJson.text.data[textOptionVal][i].textIsOptional ? customJson.text.data[textOptionVal][i].textIsOptional : textIsOptional; // 如果每个输入框单独配置刻字可选,以单独配置为主.
} else {
_textIsOptional = customJson.text.data[i].textIsOptional ? customJson.text.data[i].textIsOptional : textIsOptional; // 如果每个输入框单独配置刻字可选,以单独配置为主.
}
if (!$.trim($(this).val()) && _textIsOptional != 1) {
_zenFlag = false;
$('.text-input-container').eq(i).css('border-color', 'red');
} else {
if (!$.trim($(this).val()) && _textIsOptional == 1) {
return;
}
customInfo['_sunzi_texts'][inum] = {};
customInfo['_sunzi_texts'][inum]['value'] = $(this).val();
if (customJson.text.type == 'num') {
var textJson = customJson.text.data;
} else if (customJson.text.type == 'value') {
var textJson = customJson.text.data[textOptionVal][i];
} else if (customJson.text.type == 'sku') {
var textJson = customJson.text.data[_zenSku][i];
} else {
var textJson = customJson.text.data[i];
}
if (typeof textJson.insertFlag != 'undefined' && textJson.insertFlag != '') {
var testStr = $.trim($(this).val());
var testArr = testStr.split('');
var nArr = getPositions(testStr, ['\n', ' ']);
testArr.forEach(function(vv, ii) {
if (ii < testArr.length - 1 && ((nArr.length > 0 && $.inArray(ii, nArr) == -1) || nArr.length == 0)) {
testArr[ii] += textJson.insertFlag;
}
});
customInfo['_sunzi_texts'][inum]['value'] = testArr.join('');
}
if (typeof customJson.fontList != 'undefined' && customJson.fontList != '') {
customInfo['_sunzi_texts'][inum]['font'] = $("input[name='font']:checked").val();
}
if (typeof customJson.fontColorList != 'undefined' && customJson.fontColorList != '') {
customInfo['_sunzi_texts'][inum]['fontColor'] = $("input[name='font-color-radio']:checked").val();
}
if (typeof textJson.textFormatKey != 'undefined' && textJson.textFormatKey != '') {
customInfo['_sunzi_texts'][inum]['number'] = textJson.textFormatKey;
} else {
var no = inum + 1;
let nn = no + '';
customInfo['_sunzi_texts'][inum]['number'] = nn;
}
if (textJson.font != 'undefined' && textJson.font != '') {
customInfo['_sunzi_texts'][inum]['font'] = textJson.font;
}
if (textJson.size != 'undefined' && textJson.size != '') {
customInfo['_sunzi_texts'][inum]['fontSize'] = textJson.size;
}
$('.text-input-container').eq(i).css('border-color', '#000');
inum++;
}
});
if (customInfo['_sunzi_texts'].length <= 0) {
_zenFlag = false;
$('.text-input-container').css('border-color', 'red');
}
} else if ($('.fonttext').length > 0) {
if (!$.trim($('.fonttext').eq(0).val()) && textIsOptional != 1) {
_zenFlag = false;
$('.text-input-container').eq(0).css('border-color', 'red');
} else {
if ($.trim($('.fonttext').eq(0).val())) {
customInfo['_sunzi_text'] = {};
customInfo['_sunzi_text']['value'] = $('.fonttext').eq(0).val();
if (customJson.text.type == 'num') {
var textJson = customJson.text.data;
} else if (customJson.text.type == 'value') {
var textJson = customJson.text.data[textOptionVal];
} else if (customJson.text.type == 'sku') {
var textJson = customJson.text.data[_zenSku];
} else {
var textJson = customJson.text.data[0];
}
if (!$.trim($('.fonttext').eq(0).val()) && textJson.isDefaultValue == 1) {
customInfo['_sunzi_text']['value'] = textJson.defaultValue;
}
if (textJson.font != 'undefined' && textJson.font != '') {
customInfo['_sunzi_text']['font'] = textJson.font;
}
if (textJson.size != 'undefined' && textJson.size != '') {
customInfo['_sunzi_text']['fontSize'] = textJson.size;
}
if (typeof textJson.insertFlag != 'undefined' && textJson.insertFlag != '') {
var testStr = $.trim($('.fonttext').eq(0).val());
var testArr = testStr.split('');
var nArr = getPositions(testStr, ['\n', ' ']);
testArr.forEach(function(vv, ii) {
if (ii < testArr.length - 1 && ((nArr.length > 0 && $.inArray(ii, nArr) == -1) || nArr.length == 0)) {
testArr[ii] += textJson.insertFlag;
}
});
customInfo['_sunzi_text']['value'] = testArr.join('');
}
if (typeof customJson.fontList != 'undefined' && customJson.fontList != '') {
customInfo['_sunzi_text']['font'] = $("input[name='font']:checked").val();
}
if (typeof customJson.fontColorList != 'undefined' && customJson.fontColorList != '') {
customInfo['_sunzi_text']['fontColor'] = $("input[name='fontColor']:checked").val();
}
$('.text-input-container').eq(0).css('border-color', '#000');
}
}
} else {
_zenFlag = false;
}
}
}
}
// 切图传图套装产品数据 2021-12-16 lile
if (typeof customJson.isSuitCropHandle != 'undefined' && customJson.isSuitCropHandle != '') {
customInfo['_sunzi_effects'] = [];
customInfo['_sunzi_effects'].push(productImageUrl);
newHandleList.forEach((e, i) => {
customInfo['_sunzi_effects'].push(e);
})
delete customInfo['_sunzi_effect'];
}
//只刻字的产品要求固定模板图传ai图字段 2021-11-26 alice
if (isAiUrl) {
customInfo['_sunzi_ai'] = aiUrl;
}
//当在metafield中设置了固定图片，且用户选择用固定图片制作不自定义图片时保存 2022-3-26 alice
if (fixImage && useFixImage) {
customInfo['_sunzi_ai'] = fixImage;
customInfo['_sunzi_source'] = fixImage;
}
//当在metafield中设置了固定文字，且用户选择用固定文字制作不自定义文字时保存
if (fixText && useFixText) {
customInfo['_sunzi_text'] = {};
customInfo['_sunzi_text']['value'] = fixText;
}
if (_zenFlag) {
$('.text-input-container').css('border-color', '#000');
$("#customInfo").val(JSON.stringify(customInfo));
}
return _zenFlag;
}
/*
* Others: Multiple images combined into one image
* Parame: ["src1","src2","src3"...]
* Author: Coman 420500235@qq.com
* Date: 2021.11.16
*/
async function imageMerge(arcArr, folderName) {
var convertBase64ToBlob = function(base64) {
var base64Arr = base64.split(',');
var imgtype = '';
var base64String = '';
if (base64Arr.length > 1) {
base64String = base64Arr[1];
imgtype = base64Arr[0].substring(base64Arr[0].indexOf(':') + 1, base64Arr[0].indexOf(';'));
}
var bytes = atob(base64String);
var bytesCode = new ArrayBuffer(bytes.length);
var byteArray = new Uint8Array(bytesCode);
for (var i = 0; i < bytes.length; i++) {
byteArray[i] = bytes.charCodeAt(i);
}
return new Blob([bytesCode], {
type: imgtype
});
}
var cdnAsyncUpload = function(picurl) {
var token;
$.ajax({
type: "POST",
async: false,
url: picurl + "assist/uptoken",
dataType: 'json',
success: function(data) {
token = data.token;
}
});
return token;
}
var randomString = function(len) {
var len = len || 32;
var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';
var maxPos = $chars.length;
var randomstr = '';
for (i = 0; i < len; i++) {
randomstr += $chars.charAt(Math.floor(Math.random() * maxPos));
}
return randomstr;
}
folderName = folderName || 'scrop';
let qiniuRegion;
if (typeof qiniu == 'undefined') {
qiniuRegion = '';
} else {
qiniuRegion = qiniu.region.na0;
}
let putExtra = {
fname: "",
params: {},
mimeType: null
};
let config = {
region: qiniuRegion,
concurrentRequestLimit: 3
};
let mergeSrc;
let cdnurl = "https://spic.qn.cdn.imaiyuan.com/";
let picurl = "https://pic.stylelab.com/";
let tmpCanvas = new fabric.Canvas(); // 合成图画布
let previewHeight = 0;
let top = 0;
let w = 500;
let h = 400;
let obj = [];
let ihArr = [];
try {
$.each(arcArr, (i, v) => {
previewHeight += h;
ihArr.push(h);
});
tmpCanvas.setWidth(w).setHeight(previewHeight);
$.each(arcArr, (i, v) => {
var p1 = new Promise(function(resolve, reject) {
let src = v;
fabric.Image.fromURL(src, function(oImg) {
oImg.scaleToWidth(w);
tmpCanvas.add(oImg);
tmpCanvas.moveTo(oImg, i); // Multiple images fixed hierarchy
tmpCanvas.renderAll();
resolve();
}.bind(this), {
crossOrigin: 'anonymous',
top: top
});
});
obj.push(p1);
top += ihArr[i];
});
if (top > 0) {
await new Promise((resolve1, reject) => {
top = 0;
Promise.all(obj).then(async (results) => {
$.each(tmpCanvas.getObjects(), (i, v) => { // crop Reallocating height
tmpCanvas.item(i).set('top', top);
top += v.height * v.scaleX;
});
tmpCanvas.setHeight(top);
tmpCanvas.renderAll();
let base64 = tmpCanvas.toDataURL({
format: 'png',
quality: 0.8
});
let blob = convertBase64ToBlob(base64);
let filename = folderName + '/' + new Date().Format("yyyyMMdd") + '/' + randomString(6);
let key = filename + '-' + _zenSku + '.png';
let token = cdnAsyncUpload(picurl);
let res = new Promise((resolve, reject) => {
var observer = {
next(result) {
// jQuery(".sbar").text(parseInt(result.total.percent) + "%");
// jQuery('.sbar').css({'width': parseInt(result.total.percent) + '%'});
},
error(err) {
console.log(err.message);
},
complete(res) {
mergeSrc = cdnurl + res.key;
resolve();
resolve1();
}
};
var observable = qiniu.upload(blob, key, token, putExtra, config);
observable.subscribe(observer);
});
});
});
return mergeSrc;
} else {
return false;
}
} catch (e) {
console.log('error：', e);
return false;
}
Date.prototype.Format = function(fmt) {
var o = {
"M+": this.getMonth() + 1,
"d+": this.getDate(),
"h+": this.getHours(),
"m+": this.getMinutes(),
"s+": this.getSeconds(),
"q+": Math.floor((this.getMonth() + 3) / 3),
"S": this.getMilliseconds()
};
if (/(y+)/.test(fmt)) {
fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
}
for (var k in o)
if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
return fmt;
};
}
</script>
<div class="common-standar_btn">
<div class="qtyTitle">Qty:</div>
<div class="product-form__item product-form__item--quantity">
<div class="js-qty">
<button type="button" class="js-qty__adjust--minus" onclick="minus()"><i class="photofont icon photo-move"></i></button>
<input class="js-qty__input" type="text" id="Quantity" value="1" name="quantity" min="0" pattern="[0-99]*">
<button type="button" class="js-qty__adjust--plus" onclick="plus()"><i class="photofont icon photo-add"></i></button>
</div>
<script>
function minus() {
var Quantity = $('#Quantity');
var qty = parseInt(Quantity.val());
var minus = qty - 1;
if (minus < 1) {
minus = 1;
}
Quantity.val(minus);
}
function plus() {
var Quantity = $('#Quantity');
var qty = parseInt(Quantity.val());
var plus = qty + 1;
if (plus > 99) {
plus = 99;
}
Quantity.val(plus);
}
</script>
</div>
<div class="product-form__item product-form__item--submit">
<button type="button" name="add" onclick="Product.addFormToCart(this.form)" class="btn product-form__cart-submit">
<span>Add to Cart</span>
</button>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" name="csrf_token" value="{{ csrf }}">
<input type="hidden" name="form_type" value="product">
<input type="hidden" name="utf8" value="✓">
</form>POST /contact#ContactFooter-pc
<form method="post" action="/contact#ContactFooter-pc" id="ContactFooter-pc">
<div class="errors" style="display:none;" id="custom_subscribe_error">
<ul>
<li>
</li>
</ul>
</div>
<input type="hidden" name="contact[tags]" value="newsletter">
<div class="email_button">
<input type="email" name="contact[email]" id="newsletter_footer-pc" class="input-text required-entry validate-email " value="" placeholder="Enter Email Address" autocorrect="off" autocapitalize="off">
<button type="submit" title="Subscribe" class="button">
<span>SUBSCRIBE</span>
</button>
</div>
<script>
$("#ContactFooter-pc").on("submit", function() {
if ($("#newsletter_footer-pc").val() == '') {
$("#custom_subscribe_error").show();
$("#custom_subscribe_error").find("ul > li").text("This is a required field.")
return false;
}
});
</script>
<input type="hidden" name="csrf_token" value="{{ csrf }}">
<input type="hidden" name="form_type" value="customer">
<input type="hidden" name="utf8" value="✓">
</form>Text Content
America
* US Dollar
* Canadian Dollar
* Mexican Peso
* Brazilian Real
* Chilean Peso
* Colombian Peso
Europe
* Euro
* British Pound Sterling
* Russian Ruble
* Czech Republic Koruna
* Norwegian Krone
* Croatian Kuna
* Swedish Krona
* Ukrainian Hryvnia
* Swiss Franc
Asia Pacific
* New Taiwan Dollar
* Hong Kong Dollar
* Australian Dollar
* Philippine Peso
* New Zealand Dollar
* Vietnamese Dong
* Japanese Yen
* Singapore Dollar
* Thai Baht
* Malaysian Ringgit
* Israeli New Sheqel
* Indian Rupee
* Indonesian Rupiah
* Macanese Pataca
* Qatari Rial
* South Korean Won
* Saudi Riyal
* United Arab Emirates Dirham
Africa
* South African Rand
{{#each this}}
{{#if title}}
{{title}}
{{/if}}
{{#each codes}}
* {{label}}
{{/each}}
{{/each}}
USD
* FREE SHIPPING over $49.00
* FREE SHIPPING over $49.00
* track order
SEARCH HISTORY
OTHERS ARE SEARCHING
* Hoodies
* T-shirts
* Blankets
* Totebags
SEARCH HERE
SEARCH HISTORY
OTHERS ARE SEARCHING
* Hoodies
* T-shirts
* Blankets
* Totebags
Search
0 Cart
* * Rainbow Kitten Surprise Cloth
* Rainbow Kitten Surprise T-shirts
* Rainbow Kitten Surprise Hoodies
* Rainbow Kitten Surprise Hats
* Rainbow Kitten Surprise Hawaiian Shirts
* Rainbow Kitten Surprise Boxers
* Rainbow Kitten Surprise Socks
* Rainbow Kitten Surprise Sweatshirts
* Rainbow Kitten Surprise Decoration
* Rainbow Kitten Surprise Puzzles
* Rainbow Kitten Surprise Wall Clocks
* Rainbow Kitten Surprise Plaques
* Rainbow Kitten Surprise Posters
* Rainbow Kitten Surprise Canvas
* Rainbow Kitten Surprise Night Lamps
* Rainbow Kitten Surprise Building Blocks
* Rainbow Kitten Surprise Home & Living
* Rainbow Kitten Surprise Blankets
* Rainbow Kitten Surprise Aprons
* Rainbow Kitten Surprise Fridge Magnets
* Rainbow Kitten Surprise Mugs
* Rainbow Kitten Surprise Pillows
* Rainbow Kitten Surprise Air Freshener
* Rainbow Kitten Surprise Bags & Accessories
* Rainbow Kitten Surprise Totebags
* Rainbow Kitten Surprise Backpacks
* Rainbow Kitten Surprise Luggage Tags
* Rainbow Kitten Surprise Accessories
* Rainbow Kitten Surprise Phone Cases
* Rainbow Kitten Surprise Stickers
* Rainbow Kitten Surprise Greeting Cards
* Rainbow Kitten Surprise Wallet Cards
* Rainbow Kitten Surprise Keychains
* Rainbow Kitten Surprise Bound Notebooks
* * Search
* 0 Cart
*
* track order
*
* Rainbow Kitten Surprise Cloth
* Rainbow Kitten Surprise T-shirts
* Rainbow Kitten Surprise Hoodies
* Rainbow Kitten Surprise Hats
* Rainbow Kitten Surprise Hawaiian Shirts
* Rainbow Kitten Surprise Boxers
* Rainbow Kitten Surprise Socks
* Rainbow Kitten Surprise Sweatshirts
* Rainbow Kitten Surprise Decoration
* Rainbow Kitten Surprise Puzzles
* Rainbow Kitten Surprise Wall Clocks
* Rainbow Kitten Surprise Plaques
* Rainbow Kitten Surprise Posters
* Rainbow Kitten Surprise Canvas
* Rainbow Kitten Surprise Night Lamps
* Rainbow Kitten Surprise Building Blocks
* Rainbow Kitten Surprise Home & Living
* Rainbow Kitten Surprise Blankets
* Rainbow Kitten Surprise Aprons
* Rainbow Kitten Surprise Fridge Magnets
* Rainbow Kitten Surprise Mugs
* Rainbow Kitten Surprise Pillows
* Rainbow Kitten Surprise Air Freshener
* Rainbow Kitten Surprise Bags & Accessories
* Rainbow Kitten Surprise Totebags
* Rainbow Kitten Surprise Backpacks
* Rainbow Kitten Surprise Luggage Tags
* Rainbow Kitten Surprise Accessories
* Rainbow Kitten Surprise Phone Cases
* Rainbow Kitten Surprise Stickers
* Rainbow Kitten Surprise Greeting Cards
* Rainbow Kitten Surprise Wallet Cards
* Rainbow Kitten Surprise Keychains
* Rainbow Kitten Surprise Bound Notebooks
You've just added this product to the cart
{{ title }} x {{ quantity }}
Continue Shopping
View Cart & Checkout
People Also Bought
* US$29.95
US$37.95
Rainbow Kitten Surprise Plaque Classic Celebrity Plaque The Extremely Rare
Full Band Picture by Rainbow Kitten Surprise Plaque with Golden Frame
21% OFF
* US$29.95
US$37.95
Rainbow Kitten Surprise Plaque Classic Celebrity Plaque Rainbow Kitten
Surprise Picture by Rainbow Kitten Surprise Plaque with Golden Frame
21% OFF
* US$9.99
US$15.95
Rainbow Kitten Surprise Keychain Classic Celebrity Keychain Painkillers by
Rainbow Kitten Surprise Keychain
37% OFF
* US$9.99
US$15.95
Rainbow Kitten Surprise Keychain Classic Celebrity Keychain Counting Cards by
Rainbow Kitten Surprise Keychain
37% OFF
* US$28.95
US$35.95
Rainbow Kitten Surprise Sweatshirt Classic Celebrity Sweatshirt Lady Lie
Sweatshirt
19% OFF
* US$28.95
US$35.95
Rainbow Kitten Surprise Sweatshirt Classic Celebrity Sweatshirt Seven
Sweatshirt
19% OFF
* US$15.95
US$19.95
Rainbow Kitten Surprise T-shirt On Spotify T-shirt
20% OFF
* US$15.95
US$19.95
Rainbow Kitten Surprise T-shirt Heart T-shirt
20% OFF
Spend 49.00 to enjoy FREE SHIPPING!
{{#if_gt grandTotal freeshipping_total_price}}
{{ free_shipping_congratulations }}
{{/if_gt}} {{#if_lteq grandTotal freeshipping_total_price}}
{{{ free_shipping_spend}}}
{{/if_lteq}}
{{#items}}
* {{producttitle}}
{{sku}}
{{#if alphaText}}
(Text: {{alphaText}})
{{else if engravingText}}
(Text: {{engravingText}})
{{/if}}
{{ lineprice }}
{{/items}}
{{#if_gt itemCount 0}}
{{#products}}
{{ title }}
+ADD FOR
{{/products}} View Cart & Checkout
{{/if_gt}}
Hot Sale
Step 1
Choose The Item You Want
There are hoodies, shirts, blankets, etc. for your choice.
Step 2
Choose The Design
Use the default picture or Upload your own
Step 3
Arrived Quickly
Make this item a meaningful gift!
1 / 1
RAINBOW KITTEN SURPRISE SWEATSHIRT CLASSIC CELEBRITY SWEATSHIRT THE EXTREMELY
RARE FULL BAND PICTURE SWEATSHIRT
SKU:CWY252-S
$28.95 $35.95
19% OFF
Choose The Size : S M L XL XXL XXXL
Design:
Use default pictureUpload your own
Photo*
Upload
Get some inspirations on Google
Qty:
Add to Cart
description This unique Rainbow Kitten Surprise sweatshirt is the best perfect
gift for him/her for all ages that the perfect gift for Valentine's Day,
Christmas, Birthday or any other occasion. shipping
Free shipping for orders over $49
You can choose the shipping method during checkout:
Standard shipping: $7.99
Arrives 7-15 business days after the production time
Express Shipping: $29.95
Delivery 4-6 business days after the production time
Rainbow Kitten Surprise Blankets
* Rainbow Kitten Surprise Blanket Guitarist Blanket
$19.95
* Rainbow Kitten Surprise Blanket Heart Blanket
$19.95
* Rainbow Kitten Surprise Blanket Seven Blanket
$19.95
* Rainbow Kitten Surprise Blanket On Spotify Blanket
$19.95
* Rainbow Kitten Surprise Blanket Lady Lie Blanket
$19.95
* Rainbow Kitten Surprise Blanket Rainbow Kitten Surprise Picture Blanket
$19.95
* Rainbow Kitten Surprise Blanket Talk About Their Evolving Sound Blanket
$19.95
* Rainbow Kitten Surprise Blanket Cocaine Jesus Blanket
$19.95
* Rainbow Kitten Surprise Blanket Matchbox Blanket
$19.95
* Rainbow Kitten Surprise Blanket Counting Cards Blanket
$19.95
* Rainbow Kitten Surprise Blanket Painkillers Blanket
$19.95
* Rainbow Kitten Surprise Blanket The Extremely Rare Full Band Picture Blanket
$19.95
view all
Rainbow Kitten Surprise Hoodies
* Rainbow Kitten Surprise Hoodie Classic Celebrity Hoodie Talk About Their
Evolving Sound Hoodie
$28.95
$35.95
19% OFF
* Rainbow Kitten Surprise Hoodie Classic Celebrity Hoodie On Spotify Hoodie
$28.95
$35.95
19% OFF
* Rainbow Kitten Surprise Hoodie Classic Celebrity Hoodie Matchbox Hoodie
$28.95
$35.95
19% OFF
* Rainbow Kitten Surprise Hoodie Classic Celebrity Hoodie Heart Hoodie
$28.95
$35.95
19% OFF
* Rainbow Kitten Surprise Hoodie Classic Celebrity Hoodie Lady Lie Hoodie
$28.95
$35.95
19% OFF
* Rainbow Kitten Surprise Hoodie Classic Celebrity Hoodie Counting Cards Hoodie
$28.95
$35.95
19% OFF
* Rainbow Kitten Surprise Hoodie Classic Celebrity Hoodie Painkillers Hoodie
$28.95
$35.95
19% OFF
* Rainbow Kitten Surprise Hoodie Classic Celebrity Hoodie Rainbow Kitten
Surprise Picture Hoodie
$28.95
$35.95
19% OFF
* Rainbow Kitten Surprise Hoodie Classic Celebrity Hoodie The Extremely Rare
Full Band Picture Hoodie
$28.95
$35.95
19% OFF
* Rainbow Kitten Surprise Hoodie Classic Celebrity Hoodie Guitarist Hoodie
$28.95
$35.95
19% OFF
* Rainbow Kitten Surprise Hoodie Classic Celebrity Hoodie Cocaine Jesus Hoodie
$28.95
$35.95
19% OFF
* Rainbow Kitten Surprise Hoodie Classic Celebrity Hoodie Seven Hoodie
$28.95
$35.95
19% OFF
Rainbow Kitten Surprise Keychains
* Rainbow Kitten Surprise Keychain Classic Celebrity Keychain Matchbox by
Rainbow Kitten Surprise Keychain
$9.99
$15.95
37% OFF
* Rainbow Kitten Surprise Keychain Classic Celebrity Keychain Talk About Their
Evolving Sound by Rainbow Kitten Surprise Keychain
$9.99
$15.95
37% OFF
* Rainbow Kitten Surprise Keychain Classic Celebrity Keychain Guitarist by
Rainbow Kitten Surprise Keychain
$9.99
$15.95
37% OFF
* Rainbow Kitten Surprise Keychain Classic Celebrity Keychain The Extremely
Rare Full Band Picture by Rainbow Kitten Surprise Keychain
$9.99
$15.95
37% OFF
* Rainbow Kitten Surprise Keychain Classic Celebrity Keychain Heart by Rainbow
Kitten Surprise Keychain
$9.99
$15.95
37% OFF
* Rainbow Kitten Surprise Keychain Classic Celebrity Keychain Cocaine Jesus by
Rainbow Kitten Surprise Keychain
$9.99
$15.95
37% OFF
* Rainbow Kitten Surprise Keychain Classic Celebrity Keychain On Spotify by
Rainbow Kitten Surprise Keychain
$9.99
$15.95
37% OFF
* Rainbow Kitten Surprise Keychain Classic Celebrity Keychain Lady Lie by
Rainbow Kitten Surprise Keychain
$9.99
$15.95
37% OFF
* Rainbow Kitten Surprise Keychain Classic Celebrity Keychain Seven by Rainbow
Kitten Surprise Keychain
$9.99
$15.95
37% OFF
* Rainbow Kitten Surprise Keychain Classic Celebrity Keychain Counting Cards by
Rainbow Kitten Surprise Keychain
$9.99
$15.95
37% OFF
* Rainbow Kitten Surprise Keychain Classic Celebrity Keychain Painkillers by
Rainbow Kitten Surprise Keychain
$9.99
$15.95
37% OFF
* Rainbow Kitten Surprise Keychain Classic Celebrity Keychain Rainbow Kitten
Surprise Picture by Rainbow Kitten Surprise Keychain
$9.99
$15.95
37% OFF
Welcome to Rainbow Kitten Surprise Merch Store!
Hey! You found us! Thank you for visiting our online store! Feel free to browse
our site to find your favorite Rainbow Kitten Surprise Merch. Rainbow Kitten
Surprise Merch store is a one-stop shop because you can buy many different items
you want. Whether you’re looking for something subtle or eye-catching, there’s
sure to be something that catches your eye.
Who is Rainbow Kitten Surprise？
Rainbow Kitten Surprise is an alternative rock indie band, featuring lead
vocalist Ela Melo, Darrick "Bozzy" Keller (guitar, backup vocals), Ethan
Goodpaster (electric guitar), Jess Haney (drums), and Charlie Holt (bass). The
band formed in Boone, North Carolina. Rainbow Kitten Surprise, "RKS" for short,
is known for its harmonies, instrumentation, and lyrics.
Where Can I Buy Rainbow Kitten Surprise Merch Collections?
Alright here! You can't find any more trustworthy shop than ours. We believe
that all the fans or customers can get a satisfying item from us. This site is
the official Rainbow Kitten Surprise Merch Store that offers a huge variety of
high-quality merchandise and every merch category provides a huge variety of
variations. We carry a wide range of Rainbow Kitten Surprise Merch like
backpacks, blankets, keychains, t-shirts, posters and more. We also provide a
custom-made service for our customers, where we make the product just for them
and ship it out to their address.
The Mission of Our Rainbow Kitten Surprise Merch!
Our mission is to provide quality Rainbow Kitten Surprise Merchandise that is
stylish, comfortable and affordable. We believe in the power of fashion to
empower and inspire. We want to make sure that our products are accessible for
all people. That's why we offer a variety of sizes, styles, and price points -
so that you can find what you're looking for.
Our modes of payment are guaranteed safe and easy for the peace and well-being
of our beloved customers, including Paypal, Credit/Debit Cards(together with but
not limited to Visa, Mastercard, and American Express).
Got a question? Need some advice? Have a problem with delivery? Feel free to
email us at cs@rainbowkittensurprisemerch.com
* FREE SHIPPING
Over $49.00
* RETURN & EXCHANGE
within 60 days
* PAYMENT
100% Secure
* Personalized Unique Design
Personalized
TERMS & POLICIES
* Intellectual Property Rights
* Terms of Shipment
* Return and Exchange Policy
* Terms of Service
* Privacy Policy
COMPANY INFO
* About Us
* Contact and FAQ
* Track Order
SUBSCRIBE
* Subscribe to our newsletter, so that you can be the first to know about new
offers and promotions.
*
SUBSCRIBE
*
© 2022, rainbowkittensurprisemerch.com
* Choosing a selection results in a full page refresh.