{"id":1134,"date":"2025-08-27T07:31:09","date_gmt":"2025-08-27T07:31:09","guid":{"rendered":"https:\/\/www.blacklotusart.gr\/?page_id=1134"},"modified":"2026-06-10T19:44:22","modified_gmt":"2026-06-10T19:44:22","slug":"custom-preview-idea-tool","status":"publish","type":"page","link":"https:\/\/www.blacklotusart.gr\/el\/custom-preview-idea-tool\/","title":{"rendered":"\ud83c\udfa8Custom Preview\/ Idea Tool"},"content":{"rendered":"\n<h2 class=\"wp-block-heading has-text-align-center\" style=\"padding-top:var(--wp--preset--spacing--70)\">\ud83c\udfa8Try Your Ideas!<\/h2>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>Experiment with your own Black Lotus design here!<br>This is just a preview tool \u2014 explore ideas and see how it looks.<br>Screenshot what you like and share it with us via email or via Instagram dm \u2014 we\u2019ll bring it to life as a hand-painted piece!<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><\/p>\n\n\n\n<!-- Black Lotus \u2014 Customiser Mobile-Friendly & Desktop -->\n<style>\n  #bl-customiser { font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, Arial; max-width:980px; margin:0 auto; padding:12px; }\n  #bl-controls { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; align-items:center; margin-bottom:12px; }\n  #bl-stage { margin:0 auto; width:min(90vw,380px); aspect-ratio:3\/4; border:1px solid #e6e6e6; border-radius:10px; overflow:hidden; background:transparent; position:relative; touch-action:none; }\n  #bl-stage img, #bl-stage div { user-select:none; -webkit-user-drag: none; }\n  .bl-active { box-shadow:0 0 0 2px rgba(0,0,0,0.08) inset; }\n  .bl-swatch { width:26px; height:26px; border-radius:4px; border:1px solid #888; cursor:pointer; display:inline-block; }\n  button { cursor:pointer; }\n  @media (max-width:520px){ \n    #bl-controls { gap:8px; flex-direction:column; }\n    #bl-colorselector { justify-content:center; }\n  }\n  @media (max-width:520px){\n    #bl-controls label {\n      flex-direction: column;\n      align-items: center;\n      gap: 6px;\n    }\n    #bl-controls label span {\n      margin:0;\n    }\n    #bl-controls input[type=\"file\"] {\n      max-width: 90%;\n    }\n  }\n<\/style>\n\n<div id=\"bl-customiser\">\n  <h3 style=\"text-align:center; margin:0 0 10px;\">Wear the Art<\/h3>\n\n  <div id=\"bl-controls\">\n    <label style=\"display:flex; gap:8px; align-items:center;\">\n      <strong>Choose piece<\/strong>\n      <select id=\"bl-product\" style=\"padding:6px 8px; border-radius:8px;\">\n        <option value=\"tshirt\">T-shirt<\/option>\n        <option value=\"hoodie\">Hoodie<\/option>\n        <option value=\"jacket\">Jean Jacket<\/option>\n      <\/select>\n    <\/label>\n\n    <div>\n      <button id=\"bl-front\">Front<\/button>\n      <button id=\"bl-back\">Back<\/button>\n    <\/div>\n\n    <div id=\"bl-colorselector\" style=\"display:flex; gap:8px; align-items:center; flex-wrap:wrap;\">\n      <span>Color:<\/span>\n      <!-- swatches injected here -->\n    <\/div>\n\n    <label style=\"display:flex; gap:8px; align-items:center;\">\n      <span>Upload design<\/span>\n      <input id=\"bl-upload\" type=\"file\" accept=\"image\/*\" \/>\n    <\/label>\n\n    <!-- \ud83d\udc47 \u03a4\u03c1\u03bf\u03c0\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03bf \u03ba\u03bf\u03c5\u03bc\u03c0\u03af Gallery -->\n    <button id=\"bl-open-gallery\" style=\"margin-left: 8px;\">Choose from Design Gallery<\/button>\n\n    <div style=\"display:flex; gap:6px; align-items:center;\">\n      <button id=\"bl-zoom-in\">+<\/button>\n      <button id=\"bl-zoom-out\">\u2212<\/button>\n    <\/div>\n\n    <div style=\"display:flex; gap:6px; align-items:center;\">\n      <button id=\"bl-rotate-left\">\u21ba<\/button>\n      <button id=\"bl-rotate-right\">\u21bb<\/button>\n    <\/div>\n  <\/div>\n\n  <div id=\"bl-stage\" aria-label=\"Mockup stage\">\n    <div id=\"bl-colorlayer\" style=\"position:absolute; inset:0; background:#ffffff;\"><\/div>\n    <img id=\"bl-shade\" alt=\"shade\" style=\"position:absolute; inset:0; width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; pointer-events:none;\" \/>\n    <img id=\"bl-user\" alt=\"user-design\" style=\"position:absolute; left:29%; top:22%; width:42%; height:auto; cursor:grab; touch-action:none; display:none; z-index:5; transform:rotate(0deg);\" \/>\n  <\/div>\n\n  <p style=\"font-size:12px; color:#666; text-align:center; margin-top:8px;\">\n    Tip: Use zoom and rotation buttons and move your design! PNG designs look cool!!\n  <\/p>\n<\/div>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@interactjs\/interactjs\/dist\/interact.min.js\"><\/script>\n<script>\ndocument.addEventListener('DOMContentLoaded', function(){\n\n  const ASSETS = {\n    tshirt: { front: \"https:\/\/www.blacklotusart.gr\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-Aug-31-2025-10_32_40-AM-1.png\", back:  \"https:\/\/www.blacklotusart.gr\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-Aug-31-2025-05_26_55-PM-1-1.png\" },\n    hoodie: { front: \"https:\/\/www.blacklotusart.gr\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-Aug-31-2025-04_30_06-PM.png\", back:  \"https:\/\/www.blacklotusart.gr\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-Aug-31-2025-04_30_06-PM-\u0391\u03bd\u03c4\u03b9\u03b3\u03c1\u03b1\u03c6\u03ae.png\" },\n    jacket: { front: \"https:\/\/www.blacklotusart.gr\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-Aug-31-2025-12_55_32-PM.png\", back:  \"https:\/\/www.blacklotusart.gr\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-Aug-31-2025-12_55_32-PM-\u0391\u03bd\u03c4\u03b9\u03b3\u03c1\u03b1\u03c6\u03ae.png\" }\n  };\n\n  const PALETTES = {\n    tshirt: ['white','black','red','blue','grey','#90ee90','#800000','purple'],\n    hoodie: ['white','black','grey','#800000','navy'],\n    jacket: ['#3768a6','black','#7a7a7a','white']\n  };\n\n  const productSel = document.getElementById('bl-product');\n  const frontBtn = document.getElementById('bl-front');\n  const backBtn = document.getElementById('bl-back');\n  const colorSelector = document.getElementById('bl-colorselector');\n  const uploadInput = document.getElementById('bl-upload');\n  const zoomIn = document.getElementById('bl-zoom-in');\n  const zoomOut = document.getElementById('bl-zoom-out');\n  const rotateLeft = document.getElementById('bl-rotate-left');\n  const rotateRight = document.getElementById('bl-rotate-right');\n  const openGalleryBtn = document.getElementById('bl-open-gallery');\n\n  const stage = document.getElementById('bl-stage');\n  const colorLayer = document.getElementById('bl-colorlayer');\n  const shadeImg = document.getElementById('bl-shade');\n  const userImg = document.getElementById('bl-user');\n\n  let currentProduct = 'tshirt';\n  let currentSide = 'front';\n  let currentColor = PALETTES.tshirt[0];\n  let rotation = 0;\n\n  \/\/ \ud83d\udc49 \u039d\u03ad\u03bf: \u03c4\u03bf \u03ba\u03bf\u03c5\u03bc\u03c0\u03af \u03b1\u03bd\u03bf\u03af\u03b3\u03b5\u03b9 gallery \u03c3\u03b5 \u03bd\u03ad\u03bf tab\n  openGalleryBtn.addEventListener('click', ()=> {\n    window.open('https:\/\/www.blacklotusart.gr\/designs\/?from=wear-your-art', '_blank');\n  });\n\n  \/\/ Load design \u03b1\u03bd \u03c5\u03c0\u03ac\u03c1\u03c7\u03b5\u03b9 ?design=URL\n  const params = new URLSearchParams(window.location.search);\n  const selectedDesign = params.get('design');\n  if (selectedDesign) {\n    userImg.src = selectedDesign;\n    userImg.style.display = 'block';\n    userImg.style.width = '38%';\n    userImg.style.height = 'auto';\n    userImg.style.left = '31%';\n    userImg.style.top = '23%';\n    rotation = 0;\n    userImg.style.transform = 'rotate(0deg)';\n  }\n\n  function applyMask(url){\n    const safeUrl = url.replace(\/'\/g,\"\\\\'\");\n    const cssVal = `url('${safeUrl}')`;\n    colorLayer.style.webkitMaskImage = cssVal;\n    colorLayer.style.maskImage = cssVal;\n    colorLayer.style.webkitMaskRepeat = 'no-repeat';\n    colorLayer.style.maskRepeat = 'no-repeat';\n    colorLayer.style.webkitMaskPosition = 'center';\n    colorLayer.style.maskPosition = 'center';\n    colorLayer.style.webkitMaskSize = 'contain';\n    colorLayer.style.maskSize = 'contain';\n    shadeImg.src = url;\n  }\n\n  function updateColorsUI(){\n    Array.from(colorSelector.querySelectorAll('.bl-swatch')).forEach(n=>n.remove());\n    const palette = PALETTES[currentProduct] || ['white'];\n    palette.forEach(c=>{\n      const btn = document.createElement('button');\n      btn.className = 'bl-swatch';\n      btn.style.background = c;\n      btn.title = c;\n      btn.setAttribute('aria-label', c);\n      btn.addEventListener('click', ()=> {\n        currentColor = c;\n        colorLayer.style.background = c;\n      });\n      colorSelector.appendChild(btn);\n    });\n    currentColor = palette[0];\n    colorLayer.style.background = currentColor;\n  }\n\n  function updateMockup(){\n    const url = (ASSETS[currentProduct] && ASSETS[currentProduct][currentSide]) || ASSETS.tshirt.front;\n    applyMask(url);\n  }\n\n  productSel.value = currentProduct;\n  frontBtn.classList.add('bl-active');\n\n  productSel.addEventListener('change', ()=> {\n    currentProduct = productSel.value;\n    updateColorsUI();\n    updateMockup();\n  });\n\n  frontBtn.addEventListener('click', ()=> {\n    currentSide = 'front';\n    frontBtn.classList.add('bl-active');\n    backBtn.classList.remove('bl-active');\n    updateMockup();\n  });\n  backBtn.addEventListener('click', ()=> {\n    currentSide = 'back';\n    backBtn.classList.add('bl-active');\n    frontBtn.classList.remove('bl-active');\n    updateMockup();\n  });\n\n  uploadInput.addEventListener('change', e=>{\n    const f = e.target.files && e.target.files[0];\n    if(!f) return;\n    const r = new FileReader();\n    r.onload = ev=>{\n      userImg.src = ev.target.result;\n      userImg.style.display = 'block';\n      userImg.style.width = '38%';\n      userImg.style.height = 'auto';\n      userImg.style.left = '31%';\n      userImg.style.top = '23%';\n      rotation = 0;\n      userImg.style.transform = 'rotate(0deg)';\n    };\n    r.readAsDataURL(f);\n  });\n\n  function changeZoomBy(deltaPx){\n    const parentRect = stage.getBoundingClientRect();\n    const cur = userImg.getBoundingClientRect();\n    if(!cur.width) return;\n    const nextPx = Math.max(20, cur.width + deltaPx);\n    const pct = (nextPx \/ parentRect.width) * 100;\n    userImg.style.width = pct + '%';\n    userImg.style.height = 'auto';\n  }\n  zoomIn.addEventListener('click', ()=> changeZoomBy(30));\n  zoomOut.addEventListener('click', ()=> changeZoomBy(-30));\n\n  rotateLeft.addEventListener('click', ()=>{\n    rotation -= 15;\n    userImg.style.transform = `rotate(${rotation}deg)`;\n  });\n  rotateRight.addEventListener('click', ()=>{\n    rotation += 15;\n    userImg.style.transform = `rotate(${rotation}deg)`;\n  });\n\n  function initInteract(){\n    if(window.interact){\n      try{\n        interact('#bl-user')\n          .draggable({\n            inertia: false,\n            listeners: {\n              move (event) {\n                const target = event.target;\n                const parent = stage.getBoundingClientRect();\n                const leftPct = parseFloat(target.style.left) || 0;\n                const topPct  = parseFloat(target.style.top)  || 0;\n                const dxPct = (event.dx \/ parent.width) * 100;\n                const dyPct = (event.dy \/ parent.height) * 100;\n                const wPct = (target.getBoundingClientRect().width \/ parent.width) * 100;\n                const hPct = (target.getBoundingClientRect().height \/ parent.height) * 100;\n                let nx = Math.max(0, Math.min(leftPct + dxPct, 100 - wPct));\n                let ny = Math.max(0, Math.min(topPct  + dyPct, 100 - hPct));\n                target.style.left = nx + '%';\n                target.style.top  = ny + '%';\n              }\n            }\n          });\n        return true;\n      }catch(err){ console.warn('interact init failed', err); }\n    }\n    return false;\n  }\n\n  function initPointerFallback(){\n    let dragging = false;\n    let startX=0, startY=0, startLeft=0, startTop=0;\n    function onPointerDown(ev){\n      if(getComputedStyle(userImg).display === 'none') return;\n      userImg.setPointerCapture && userImg.setPointerCapture(ev.pointerId);\n      dragging = true;\n      startX = ev.clientX; startY = ev.clientY;\n      startLeft = parseFloat(userImg.style.left) || 0;\n      startTop  = parseFloat(userImg.style.top)  || 0;\n    }\n    function onPointerMove(ev){\n      if(!dragging) return;\n      const parent = stage.getBoundingClientRect();\n      const dx = ev.clientX - startX;\n      const dy = ev.clientY - startY;\n      const leftPct = startLeft + (dx \/ parent.width) * 100;\n      const topPct  = startTop  + (dy \/ parent.height) * 100;\n      const elRect = userImg.getBoundingClientRect();\n      const wPct = (elRect.width \/ parent.width) * 100;\n      const hPct = (elRect.height \/ parent.height) * 100;\n      userImg.style.left = Math.max(0, Math.min(leftPct, 100 - wPct)) + '%';\n      userImg.style.top  = Math.max(0, Math.min(topPct,  100 - hPct)) + '%';\n    }\n    function onPointerUp(ev){\n      try{ userImg.releasePointerCapture && userImg.releasePointerCapture(ev.pointerId); }catch(e){}\n      dragging = false;\n    }\n    userImg.addEventListener('pointerdown', onPointerDown);\n    window.addEventListener('pointermove', onPointerMove);\n    window.addEventListener('pointerup', onPointerUp);\n  }\n\n  const usedInteract = initInteract();\n  if(!usedInteract) initPointerFallback();\n\n  function init(){\n    updateColorsUI();\n    updateMockup();\n  }\n  init();\n\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udfa8Try Your Ideas! Experiment with your own Black Lotus design here!This is just a preview tool \u2014 explore ideas and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1134","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\ud83c\udfa8Custom Preview\/ Idea Tool - Play with your ideas, custom preview<\/title>\n<meta name=\"description\" content=\"Create your own unique t-shirts, hoodies and jackets with your designs or photos. Choose the colors and the size and see how it looks!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.blacklotusart.gr\/el\/custom-preview-idea-tool\/\" \/>\n<meta property=\"og:locale\" content=\"el_GR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\ud83c\udfa8Custom Preview\/ Idea Tool - Play with your ideas, custom preview\" \/>\n<meta property=\"og:description\" content=\"Create your own unique t-shirts, hoodies and jackets with your designs or photos. Choose the colors and the size and see how it looks!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.blacklotusart.gr\/el\/custom-preview-idea-tool\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-10T19:44:22+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0395\u03ba\u03c4\u03b9\u03bc\u03ce\u03bc\u03b5\u03bd\u03bf\u03c2 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c2 \u03b1\u03bd\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7\u03c2\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 \u03bb\u03b5\u03c0\u03c4\u03cc\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.blacklotusart.gr\\\/custom-preview-idea-tool\\\/\",\"url\":\"https:\\\/\\\/www.blacklotusart.gr\\\/custom-preview-idea-tool\\\/\",\"name\":\"\ud83c\udfa8Custom Preview\\\/ Idea Tool - Play with your ideas, custom preview\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.blacklotusart.gr\\\/#website\"},\"datePublished\":\"2025-08-27T07:31:09+00:00\",\"dateModified\":\"2026-06-10T19:44:22+00:00\",\"description\":\"Create your own unique t-shirts, hoodies and jackets with your designs or photos. Choose the colors and the size and see how it looks!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.blacklotusart.gr\\\/custom-preview-idea-tool\\\/#breadcrumb\"},\"inLanguage\":\"el\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.blacklotusart.gr\\\/custom-preview-idea-tool\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.blacklotusart.gr\\\/custom-preview-idea-tool\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.blacklotusart.gr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\ud83c\udfa8Custom Preview\\\/ Idea Tool\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.blacklotusart.gr\\\/#website\",\"url\":\"https:\\\/\\\/www.blacklotusart.gr\\\/\",\"name\":\"\",\"description\":\"Handpainted\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.blacklotusart.gr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"el\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\ud83c\udfa8Custom Preview\/ Idea Tool - Play with your ideas, custom preview","description":"Create your own unique t-shirts, hoodies and jackets with your designs or photos. Choose the colors and the size and see how it looks!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.blacklotusart.gr\/el\/custom-preview-idea-tool\/","og_locale":"el_GR","og_type":"article","og_title":"\ud83c\udfa8Custom Preview\/ Idea Tool - Play with your ideas, custom preview","og_description":"Create your own unique t-shirts, hoodies and jackets with your designs or photos. Choose the colors and the size and see how it looks!","og_url":"https:\/\/www.blacklotusart.gr\/el\/custom-preview-idea-tool\/","article_modified_time":"2026-06-10T19:44:22+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u0395\u03ba\u03c4\u03b9\u03bc\u03ce\u03bc\u03b5\u03bd\u03bf\u03c2 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c2 \u03b1\u03bd\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7\u03c2":"1 \u03bb\u03b5\u03c0\u03c4\u03cc"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.blacklotusart.gr\/custom-preview-idea-tool\/","url":"https:\/\/www.blacklotusart.gr\/custom-preview-idea-tool\/","name":"\ud83c\udfa8Custom Preview\/ Idea Tool - Play with your ideas, custom preview","isPartOf":{"@id":"https:\/\/www.blacklotusart.gr\/#website"},"datePublished":"2025-08-27T07:31:09+00:00","dateModified":"2026-06-10T19:44:22+00:00","description":"Create your own unique t-shirts, hoodies and jackets with your designs or photos. Choose the colors and the size and see how it looks!","breadcrumb":{"@id":"https:\/\/www.blacklotusart.gr\/custom-preview-idea-tool\/#breadcrumb"},"inLanguage":"el","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.blacklotusart.gr\/custom-preview-idea-tool\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.blacklotusart.gr\/custom-preview-idea-tool\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.blacklotusart.gr\/"},{"@type":"ListItem","position":2,"name":"\ud83c\udfa8Custom Preview\/ Idea Tool"}]},{"@type":"WebSite","@id":"https:\/\/www.blacklotusart.gr\/#website","url":"https:\/\/www.blacklotusart.gr\/","name":"","description":"Handpainted","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.blacklotusart.gr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"el"}]}},"_links":{"self":[{"href":"https:\/\/www.blacklotusart.gr\/el\/wp-json\/wp\/v2\/pages\/1134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.blacklotusart.gr\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.blacklotusart.gr\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.blacklotusart.gr\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blacklotusart.gr\/el\/wp-json\/wp\/v2\/comments?post=1134"}],"version-history":[{"count":67,"href":"https:\/\/www.blacklotusart.gr\/el\/wp-json\/wp\/v2\/pages\/1134\/revisions"}],"predecessor-version":[{"id":1413,"href":"https:\/\/www.blacklotusart.gr\/el\/wp-json\/wp\/v2\/pages\/1134\/revisions\/1413"}],"wp:attachment":[{"href":"https:\/\/www.blacklotusart.gr\/el\/wp-json\/wp\/v2\/media?parent=1134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}