Coal Barbecue with Wheels DKD Home Decor Black (Refurbished B)
Discover excellence with <b>Coal Barbecue with Wheels DKD Home Decor Black!</b>
${function(){
return `
${data.starNum} /${data.starTotal}
`;
}()}
${function(){
return `
${data.showStarText === 'true' ? `
${data.starNum} /${data.starTotal}
` : ''}
`;
}()}
const TAG = 'spz-custom-revue-star';
class SPZCustomRevueStar extends SPZ.BaseElement {
constructor(element) {
super(element);
}
static deferredMount() {
return false;
}
buildCallback = () => {
this.action_ = SPZServices.actionServiceForDoc(this.element);
this.templates_ = SPZServices.templatesForDoc(this.element);
this.xhr_ = SPZServices.xhrFor(this.win);
this.starNum = this.element.getAttribute('starNum');
this.starTotal = this.element.getAttribute('starTotal');
this.showStarText = this.element.getAttribute('showStarText');
this.starColor = this.element.getAttribute('color');
this.interact = this.element.getAttribute('interact');
this.starSize = this.element.getAttribute('starSize') || 14;
}
mountCallback = () => {
this.doRender_({
starTotal: this.starTotal,
totalArray: Array.from({ length: Number(this.starTotal) }, (v, k) => k + 1),
starNum: this.starNum,
showStarText: this.showStarText,
starColor: this.starColor,
starSize: this.starSize
}).then(() => {
if (this.interact) {
this.addEventListeners_();
}
});
}
addEventListeners_ = () => {
const stars = document.querySelectorAll('.revue-star__star');
stars.forEach(star => {
star.addEventListener('click', event => {
const starEl = star.closest('.revue-star__star');
const starIndex = Number(starEl.dataset.index);
let isHalf = event.offsetX < star.offsetWidth / 2;
// rtl
if (document.documentElement.getAttribute('dir') === 'rtl') {
isHalf = event.offsetX > star.offsetWidth / 2;
}
const starValue = isHalf ? starIndex - 0.5 : starIndex;
this.starClickHandler_({ value: starValue });
});
});
}
renderStar = () => {
const isRtl = document.documentElement.getAttribute('dir') === 'rtl';
const stars = this.element.querySelectorAll('.revue-star__star');
stars.forEach((star, i) => {
const starIndex = i + 1;
const starEl = star.querySelector('svg:nth-child(2)');
const isHalf = this.starNum % 1 > 0 && Math.ceil(this.starNum) === starIndex;
const isSolid = starIndex <= Math.ceil(this.starNum);
starEl.style.display = isSolid ? 'block' : 'none';
if (isHalf) {
if (isRtl) {
// RTL布局下，如果是半星，显示星星的右半边
starEl.style.clipPath = `polygon(50% 0, 100% 0, 100% 100%, 50% 100%)`;
} else {
// LTR布局下，如果是半星，显示星星的左半边
starEl.style.clipPath = `polygon(0 0, 50% 0, 50% 100%, 0 100%)`;
}
} else {
starEl.style.clipPath = `polygon(0 0, 100% 0, 100% 100%, 0 100%)`
}
});
const showCountEle = this.element.querySelector('#revue-star-show-count');
showCountEle && SPZ.whenApiDefined(showCountEle).then((api) => {
api.render({ starNum: this.starNum, starTotal: this.starTotal });
});
}
doRender_ = (data) => {
return this.templates_
.findAndRenderTemplate(this.element, { starSize: this.starSize, ...data }, null)
.then((el) => {
const children = this.element.querySelector('*:not(template)');
children && SPZCore.Dom.removeElement(children);
this.element.appendChild(el);
})
.then(() => {
this.starNum = data.starNum;
this.renderStar();
});
}
starClickHandler_ = (event) => {
this.starNum = event.value;
this.renderStar();
this.triggerEvent_('change', { value: event.value });
}
triggerEvent_(name, data) {
const event = SPZUtils.Event.create(this.win, `${ TAG }.${ name }`, data || {});
this.action_.trigger(this.element, name, event);
}
isLayoutSupported(layout) {
return layout == SPZCore.Layout.CONTAINER;
}
}
SPZ.defineElement(TAG, SPZCustomRevueStar)
(
try {
const productId = window.SHOPLAZZA.meta.page.resource_id;
const productType = `default`;
const getProductReviews = (star_least) =>
fetch('/api/comment/count-star-multi',
{
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
product_id: [productId],
star_least: star_least || 1,
}),
}).then(res => res.json());
try {
const section = document.querySelector('#revue-product-star');
if(productType === "gift_card" && section) {
section.style.display = 'none';
}
} catch(e) {
console.log(e);
window.addEventListener('load', () => {
try {
const section = document.querySelector('#revue-product-star');
if(productType=== "gift_card" && section) {
section.style.display = 'none';
}
} catch(e) {
console.log(e)
}
})
}
const getReviewsConfig = async () => {
let data = {};
const url = new URL(window.location.href);
const preview_theme_id = url.searchParams.get('preview_theme_id');
const commentConfig = await fetch('/api/comment-config', {
method: 'GET',
headers: {
'Content-Type': 'application/json',
}
}).then(res => res.json());
data = commentConfig.data;
const themeConfig = await fetch(`/api/comment-config?theme_id=${preview_theme_id || ''}`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
}
}).then(res => res.json());
if (themeConfig?.data && themeConfig.data.star_color) {
data.star_color = themeConfig.data.star_color;
}
if (preview_theme_id) {
data.star_least = window.apps_global && apps_global.reviews && apps_global.reviews.preview_star_least;
} else if (themeConfig?.data && themeConfig.data.product_settings) {
data.star_least = themeConfig.data.product_settings.star_least;
}
return data;
};
if (productId && window.SHOPLAZZA.meta.page.template_type == 1) {
getReviewsConfig().then(async res => {
const config = res;
let review = await getProductReviews(config.star_least);
review = review.data[productId];
if (!config.open_status || (!review.comment_avg_star && !config.show_no_comment_star)) return;
const render = async () => {
const section = document.querySelector('#revue-product-star');
const starComponent = document.querySelector('#revue-product-star-component');
const count = document.querySelector('#revue-product-star-count');
count.innerText = review.published_count;
const api = await SPZ.whenApiDefined(starComponent);
api.doRender_({
starNum: review.comment_avg_star,
starTotal: 5,
showStarText: false,
starColor: config.star_color,
totalArray: Array.from({ length: 5 }, (v, k) => k + 1)
});
section.style.opacity = 1;
}
render();
document.addEventListener('dj.editor.update', render);
});
}
} catch (e) {console.warn(e)};
${function() {
const variantData = data.variant || {"id":"b23cef01-0c04-48d4-ad66-e38208ab2497","product_id":"1816ef3c-1bec-4515-8a35-9df9120eb651","title":"","weight_unit":"kg","inventory_quantity":1,"sku":"V0709435","barcode":"8424001665716","position":1,"option1":"","option2":"","option3":"","note":"REFURBISHED_B","image":null,"wholesale_price":[{"price":30,"min_quantity":1}],"weight":"5.5","compare_at_price":"47","price":"30","retail_price":"47","available":true,"url":"\/products\/coal-barbecue-with-wheels-dkd-home-decor-black-refurbished-b?variant=b23cef01-0c04-48d4-ad66-e38208ab2497","available_quantity":1,"options":[],"off_ratio":36,"flashsale_info":[],"sales":0};
const saveType = "percentage";
const productLabelDiscountOn = true;
return `
-
(Tax included)
${saveType == 'percentage'
? `-${variantData.off_ratio}% `
: `-
(Tax included)
`;
}()}
Sku : V0709435
Weight : 5.5kg
Barcode : 8424001665716
Inventory : 1
${function(){
const variantData = data.variant || {"id":"b23cef01-0c04-48d4-ad66-e38208ab2497","product_id":"1816ef3c-1bec-4515-8a35-9df9120eb651","title":"","weight_unit":"kg","inventory_quantity":1,"sku":"V0709435","barcode":"8424001665716","position":1,"option1":"","option2":"","option3":"","note":"REFURBISHED_B","image":null,"wholesale_price":[{"price":30,"min_quantity":1}],"weight":"5.5","compare_at_price":"47","price":"30","retail_price":"47","available":true,"url":"\/products\/coal-barbecue-with-wheels-dkd-home-decor-black-refurbished-b?variant=b23cef01-0c04-48d4-ad66-e38208ab2497","available_quantity":1,"options":[],"off_ratio":36,"flashsale_info":[],"sales":0};
return `
Sku : ${variantData && variantData.sku}
Weight : ${variantData && variantData.weight}${variantData && variantData.weight_unit}
Barcode : ${variantData && variantData.barcode}
Inventory : ${variantData && variantData.available_quantity}
`
}()}
${function() {
const minDays = parseInt('3');
const maxDays = parseInt('7');
const customText = "Estimated Delivery\uff1a{min_date} - {max_date}";
const minDate = new Date(Date.now() + (minDays * 86400000));
const maxDate = new Date(Date.now() + (maxDays * 86400000));
const formatDate = (minDate.getFullYear() == maxDate.getFullYear() && minDate.getFullYear() == new Date().getFullYear())
? new Intl.DateTimeFormat('en', { month: 'short', day: '2-digit' })
: new Intl.DateTimeFormat('en', { month: 'short', day: '2-digit', year: 'numeric' });
const tipText = customText.replace(/\{min_date\}/g, '' + formatDate.format(minDate) + ' ')
.replace(/\{max_date\}/g, '' + formatDate.format(maxDate) + ' ');
return `
${tipText}
`;
}()}
Add to cart
${function(){
const wholesale_enabled = false;
const qty = data.quantity || 1;
const currentSelectVariant = data.variant;
const defaultVariant = (data.product && data.product.variants && data.product.variants[0]);
const productVariant = {"id":"b23cef01-0c04-48d4-ad66-e38208ab2497","product_id":"1816ef3c-1bec-4515-8a35-9df9120eb651","title":"","weight_unit":"kg","inventory_quantity":1,"sku":"V0709435","barcode":"8424001665716","position":1,"option1":"","option2":"","option3":"","note":"REFURBISHED_B","image":null,"wholesale_price":[{"price":30,"min_quantity":1}],"weight":"5.5","compare_at_price":"47","price":"30","retail_price":"47","available":true,"url":"\/products\/coal-barbecue-with-wheels-dkd-home-decor-black-refurbished-b?variant=b23cef01-0c04-48d4-ad66-e38208ab2497","available_quantity":1,"options":[],"off_ratio":36,"flashsale_info":[],"sales":0};
const variantData = currentSelectVariant || defaultVariant || productVariant;
const wholesale_price = variantData.wholesale_price || [];
if(wholesale_enabled && wholesale_price.length > 0) {
let wholesaleIndex = wholesale_price.findIndex(item => {
return item.min_quantity > qty;
});
if(wholesaleIndex < 0){
wholesaleIndex = wholesale_price.length - 1;
}else if(wholesaleIndex > 0){
wholesaleIndex = wholesaleIndex - 1;
}
const wholesalePrice = wholesale_price[wholesaleIndex] || '';
return `
`
}else {
const price = variantData && variantData.price;
return price != undefined ? `
` : '
Buy now
Product was out of stock.
Product is unavailable.
Exceptional value -
Coal Barbecue with Wheels DKD Home Decor Black. If you like to take care of every detail in your home and own the latest products that will make your life easier, purchase
Coal Barbecue with Wheels DKD Home Decor Black (Refurbished B) at the best price.
Type: Garden Colour: Black Adjustable: No Mountable: Yes Material: Height: 82 cm Approx. dimensions: 59 x 49,5 x 82 cm Assembly required: Yes REFURBISHED: These are products that have been returned within their return period or display products that have occasionally been used for demonstrations; some are sold with some damage to the packaging or with the original packaging having been opened. All products have been checked, they include the official brand guarantee and are in perfect working order. Depending on their condition, they are classed as:
A+/ Perfect: products in perfect condition whose original packaging may have been opened or substituted by other packaging that is in very good condition.
A/ As New: products that are in perfect, as new, condition, their original packaging may have been opened, have some damage or may have been substituted by other packaging.
B/ Very Good: products that are in very good condition, with possible slight aesthetic imperfections, they function perfectly and their original packaging may have been opened or have some damage.
C/ Good Condition: products are in good condition, with possible aesthetic imperfections but working perfectly, their original packaging may have been opened or have some damage.
D/ Correct: Products in correct condition, with possible aesthetic imperfections or lacking an accessory, in perfect working condition and their original packaging may have been opened or have some damage.
Category: Garden > Outdoor barbecue and dining > Barbecues > Outdoor barbecues > Charcoal Barbecues
24-months Warranty on "New" Products - 12-months Warranty on "Refurbished" or "Open Box" Products
VISA - Mastercard - Google Pay - Apple Pay
Secure payments by PayPal
