Medieval Viking - inspired Retro Round Pouch
6/10

Medieval Viking - inspired Retro Round Pouch

$29.99
Color:  Black
Type:  A
Quantity

Description

Specifications

  • Material: Embossed PU + metal fasteners + rivet decorations
  • Dimensions: 14 cm in length, 7 cm in width, 3 cm in height
  • Volume: 294 cubic cm
  • Weight: 50 g


Product Description

  1. Unique Design
    Inspired by the medieval Viking style, this round pouch has a retro - looking design. The surface of the pouch lid is engraved with intricate Viking totems or interwoven geometric patterns, paired with metal buckles decorated with runes or patterns, exuding a mysterious exotic charm.
  2. High - quality Materials
    Made of embossed PU material, it imitates the texture of leather, being durable and having a certain retro appeal. The metal fasteners and rivet decorations not only serve as fastening functions but also add a tough style to the overall look.
  3. Practical Function
    With a length of 14 cm, a width of 7 cm, a height of 3 cm, a volume of 294 cubic cm, and a weight of 50 g, it is convenient for carrying small items such as keys, change, and small accessories. There is a hanging strap at the top, which can be easily attached to a belt for easy access.
  4. Applicable Scenarios
    It is suitable for daily wear, adding a unique style element to outfits. It is also applicable to occasions such as game parties, rock gatherings, and COSPLAY, which can well match medieval or Viking - themed costumes.
class SpzCustomDiscountFlashsale extends SPZ.BaseElement { constructor(element) { super(element); this.xhr_ = SPZServices.xhrFor(this.win); this.getFlashSaleApi = "\/api\/storefront\/promotion\/flashsale\/display_setting\/product_setting"; this.timer = null; this.variantId = "265713bc-e431-481f-a116-45bdd3adebf8"; // 促销活动数据 this.flashsaleData = {} } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER; } buildCallback() { this.templates_ = SPZServices.templatesForDoc(); this.viewport_ = this.getViewport(); // 挂载bind函数 解决this指向问题 this.render = this.render.bind(this); this.resize = this.resize.bind(this); this.switchVariant = this.switchVariant.bind(this); } mountCallback() { // 获取数据 this.getData(); this.element.onclick = (e) => { const cur = this.win.document.querySelector(".app_discount_flashsale_desc"); if (this.flashsaleData.product_setting.is_redirection && appDiscountUtils.inProductBody(this.element) && e.target !== cur) { this.win.open(`/promotions/discount-default/${this.flashsaleData.discount_info.id}`); } } // 绑定 this.viewport_.onResize(this.resize); // 监听子款式切换，重新渲染 this.win.document.addEventListener('dj.variantChange', this.switchVariant); } unmountCallback() { // 解绑 this.viewport_.removeResize(this.resize); this.win.document.removeEventListener('dj.variantChange', this.switchVariant); // 清除定时器 if (this.timer) { clearTimeout(this.timer); this.timer = null; } } resize() { if (this.timer) { clearTimeout(this.timer) this.timer = null; } this.timer = setTimeout(() => { this.render(); }, 200) } switchVariant(event) { const variant = event.detail.selected; if (variant.product_id == 'e702dcef-3c56-4a1c-a2ab-e60c8de5555b' && variant.id != this.variantId) { this.variantId = variant.id; this.getData(); } } getData() { const reqBody = { product_id: "e702dcef-3c56-4a1c-a2ab-e60c8de5555b", product_type: "default", variant_id: this.variantId } this.flashsaleData = {}; this.win.fetch(this.getFlashSaleApi, { method: "POST", body: JSON.stringify(reqBody), headers: { "Content-Type": "application/json" } }).then(async (response) => { if (response.ok) { this.flashsaleData = await response.json(); this.render(); } else { this.clearDom(); } }).catch(err => { this.clearDom(); }); } clearDom() { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); } render() { this.templates_ .findAndRenderTemplate(this.element, { isMobile: appDiscountUtils.judgeMobile(), isRTL: appDiscountUtils.judgeRTL(), inProductDetail: appDiscountUtils.inProductBody(this.element), flashsaleData: this.flashsaleData, image_domain: this.win.SHOPLAZZA.image_domain, }) .then((el) => { this.clearDom(); this.element.appendChild(el); }) } } SPZ.defineElement('spz-custom-discount-flashsale', SpzCustomDiscountFlashsale);