{"id":986,"date":"2024-10-02T01:26:00","date_gmt":"2024-10-02T01:26:00","guid":{"rendered":"https:\/\/rootbine.com\/portfolio\/konfigurator-tapet-woocommerce\/"},"modified":"2024-10-28T13:17:29","modified_gmt":"2024-10-28T13:17:29","slug":"konfigurator-tapet-woocommerce","status":"publish","type":"portfolio","link":"https:\/\/rootbine.com\/pl\/portfolio\/konfigurator-tapet-woocommerce\/","title":{"rendered":"Konfigurator Tapet WooCommerce"},"content":{"rendered":"\n
\n
\n
\n
\n
<\/div> <\/div>\n

\n Konfigurator Tapet WooCommerce <\/h1>\n <\/div>\n <\/div>\n<\/section>\n
\n
\n
\n
\n

Opracowanie niestandardowej wtyczki WooCommerce do wycinania wzor\u00f3w tapet<\/h2>\n \n
<\/div>\n Podgl\u0105d na \u017cywo<\/span>\n <\/a>\n <\/div>\n
\n
\n

Klient<\/p>\n

Kandela Design<\/p>\n <\/div>\n

\n

Bran\u017ca<\/p>\n

Produkcja<\/p>\n <\/div>\n

\n

Czas trwania<\/p>\n

1 miesi\u0105c<\/p>\n <\/div>\n

\n

Lokalizacja<\/p>\n

Polska<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n

\n

\n Autor projektu<\/span>\n <\/h2>\n
\n
\n
\n
\n \n
\n \"\"
\n
\n
\n \"\"\n <\/div>\n +48 791 749 703<\/a>\n <\/div>\n
\n
\n \"\"\n <\/div>\n rafal.m@rootbine.com<\/a>\n <\/div>\n \n
\n \"\"\n <\/div>\n <\/a>\n <\/div>\n<\/div>

Rafa\u0142 Majdan<\/p>\n

CEO, WordPress developer<\/p>\n

<\/div>Wi\u0119cej o Rafale<\/span><\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n
\n
\n
\n

Cele<\/h2>\n
\n
\n
\n
<\/div>\n
\n

Rozwi\u0105zanie dostosowane do indywidualnych potrzeb<\/p>\n

Opracowanie wydajnej wtyczki WooCommerce do interaktywnej konfiguracji tapet, w pe\u0142ni dostosowanej do specyficznych potrzeb klienta.<\/p>\n <\/div>\n <\/div>\n

\n
<\/div>\n
\n

Opcja pobierania w czasie rzeczywistym wybranej powierzchni wzoru<\/p>\n

Umo\u017cliwienie u\u017cytkownikom pobrania wybranego fragmentu tapety jako pliku JPG na podstawie zaznaczonego obszaru i okre\u015blonych wymiar\u00f3w.<\/p>\n <\/div>\n <\/div>\n

\n
<\/div>\n
\n

Wykonanie interfejsu u\u017cytkownika na podstawie opisu<\/p>\n

Stworzenie interfejsu u\u017cytkownika w oparciu o dostarczone opisy oraz dopracowanie projektu poprzez szczeg\u00f3\u0142ow\u0105 komunikacj\u0119 i wsp\u00f3\u0142prac\u0119 z klientem.<\/p>\n <\/div>\n <\/div>\n <\/div>\n

\n
\n
<\/div>\n
\n

Za\u0142\u0105czenie wybranego fragmentu w e-mailu do klienta<\/p>\n

Do\u0142\u0105czenie wybranej sekcji tapety jako za\u0142\u0105cznika do wiadomo\u015bci e-mail z potwierdzeniem wys\u0142anym po z\u0142o\u017ceniu zam\u00f3wienia, wraz ze standardowymi szczeg\u00f3\u0142ami.<\/p>\n <\/div>\n <\/div>\n

\n
<\/div>\n
\n

Integracja strony produktu WooCommerce<\/p>\n

Zintegrowanie konfiguratora z istniej\u0105cym sklepem WooCommerce klienta, zapewniaj\u0105c, \u017ce b\u0119dzie on dzia\u0142a\u0142 jako naturalna cz\u0119\u015b\u0107 infrastruktury witryny we wsp\u00f3\u0142pracy z wcze\u015bniej zaimplementowanymi wtyczkami.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n

\n
\n
\n

Przegl\u0105d implementacji<\/h2>\n
\n

Projekt rozpocz\u0105\u0142 si\u0119 od szczeg\u00f3\u0142owej rozmowy z klientem, kt\u00f3ra doprowadzi\u0142a do dostosowania wcze\u015bniej stworzonego rozwi\u0105zania. Frontend wykorzystuje nieco zmodyfikowan\u0105 wersj\u0119 biblioteki JavaScript Croppie.js, znanej ze swojej funkcjonalno\u015bci do przycinania obraz\u00f3w. Wtyczka umo\u017cliwia administratorowi sklepu przesy\u0142anie wzor\u00f3w obraz\u00f3w dla produkt\u00f3w oraz definiowanie domy\u015blnych i minimalnych wymiar\u00f3w.<\/p>\n

G\u0142\u00f3wnym wyzwaniem by\u0142o zapewnienie p\u0142ynnej integracji z istniej\u0105cymi wtyczkami oraz szablonem produktu. Wtyczka generuje wersj\u0119 base64 wybranego obszaru, przetwarza j\u0105 i zapisuje jako plik JPG, kt\u00f3ry nast\u0119pnie jest do\u0142\u0105czany do e-maila potwierdzaj\u0105cego zam\u00f3wienie klienta. Dodatkow\u0105 funkcj\u0105 jest mo\u017cliwo\u015b\u0107 pobrania wybranego obszaru obrazu przez klient\u00f3w w dowolnym momencie. Wtyczka jest w pe\u0142ni responsywna, zapewniaj\u0105c optymaln\u0105 wydajno\u015b\u0107 na r\u00f3\u017cnych urz\u0105dzeniach.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n

\n
\n

Zastosowane technologie<\/h2>\n
\n
\n
\n
\n
\n \"\" <\/div>\n

HTML<\/p>\n <\/div>\n <\/div>\n

\n
\n
\n \"\" <\/div>\n

CSS<\/p>\n <\/div>\n <\/div>\n

\n
\n
\n \"\" <\/div>\n

Javascript<\/p>\n <\/div>\n <\/div>\n

\n
\n
\n \"\" <\/div>\n

PHP<\/p>\n <\/div>\n <\/div>\n

\n
\n
\n \"\" <\/div>\n

WordPress<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n

<\/div>\n\n
\n
\n
\n

Podsumowanie<\/h2>\n
\n

Podsumowuj\u0105c, wszystkie cele projektu zosta\u0142y pomy\u015blnie zrealizowane. Wtyczka zosta\u0142a zintegrowana z istniej\u0105c\u0105 infrastruktur\u0105. Rozwi\u0105zanie umo\u017cliwia efektywne zarz\u0105dzanie wzorami obraz\u00f3w, automatyczne generowanie i do\u0142\u0105czanie wybranego obszaru do e-maili oraz zapewnia pe\u0142n\u0105 responsywno\u015b\u0107. Uzyskany rezultat nie tylko spe\u0142ni\u0142 oczekiwania klienta, ale r\u00f3wnie\u017c rozszerzy\u0142 og\u00f3ln\u0105 funkcjonalno\u015b\u0107 sklepu.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n

\n
\n

Galeria<\/h2>\n
<\/div>\n
<\/div>\n <\/div>\n
\n
\n \n
\n \n \n \"\"
\n

Og\u00f3lny projekt<\/p>\n

\n \"\"\n \"\"\n \"\"\n \"\"\n <\/div>\n <\/div>\n <\/a>\n \n <\/div>\n
\n \n \n \"\"
\n

Wprowadzenie wymiar\u00f3w<\/p>\n

\n \"\"\n \"\"\n \"\"\n \"\"\n <\/div>\n <\/div>\n <\/a>\n \n <\/div>\n
\n \n \n \"\"
\n

Zmiana rozmiaru wzoru<\/p>\n

\n \"\"\n \"\"\n \"\"\n \"\"\n <\/div>\n <\/div>\n <\/a>\n \n <\/div>\n
\n \n \n \"\"
\n

Pobrany wz\u00f3r<\/p>\n

\n \"\"\n \"\"\n \"\"\n \"\"\n <\/div>\n <\/div>\n <\/a>\n \n <\/div>\n
\n \n \n \"\"
\n

Og\u00f3lny projekt<\/p>\n

\n \"\"\n \"\"\n \"\"\n \"\"\n <\/div>\n <\/div>\n <\/a>\n \n <\/div>\n
\n \n \n \"\"
\n

Wprowadzenie wymiar\u00f3w<\/p>\n

\n \"\"\n \"\"\n \"\"\n \"\"\n <\/div>\n <\/div>\n <\/a>\n \n <\/div>\n
\n \n \n \"\"
\n

Zmiana rozmiaru wzoru<\/p>\n

\n \"\"\n \"\"\n \"\"\n \"\"\n <\/div>\n <\/div>\n <\/a>\n \n <\/div>\n
\n \n \n \"\"
\n

Pobrany wz\u00f3r<\/p>\n

\n \"\"\n \"\"\n \"\"\n \"\"\n <\/div>\n <\/div>\n <\/a>\n \n <\/div> <\/div>\n <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"

Wdro\u017cenie interaktywnego konfiguratora tapet w WooCommerce<\/p>\n","protected":false},"template":"","meta":{"_acf_changed":false},"portfolio-category":[43],"portfolio-industry":[33],"portfolio-country":[28],"class_list":["post-986","portfolio","type-portfolio","status-publish","hentry","portfolio-category-wtyczki-wordpress"],"acf":[],"yoast_head":"\nKonfigurator Tapet WooCommerce – Rootbine<\/title>\n<meta name=\"description\" content=\"Wdro\u017cenie interaktywnego konfiguratora tapet w WooCommerce\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rootbine.com\/pl\/portfolio\/konfigurator-tapet-woocommerce\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Konfigurator Tapet WooCommerce – Rootbine\" \/>\n<meta property=\"og:description\" content=\"Wdro\u017cenie interaktywnego konfiguratora tapet w WooCommerce\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rootbine.com\/pl\/portfolio\/konfigurator-tapet-woocommerce\/\" \/>\n<meta property=\"og:site_name\" content=\"Rootbine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/rootbinecom\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-28T13:17:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rootbine.com\/wp-content\/uploads\/2024\/02\/og-image.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"627\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/rootbine.com\/pl\/portfolio\/konfigurator-tapet-woocommerce\/\",\"url\":\"https:\/\/rootbine.com\/pl\/portfolio\/konfigurator-tapet-woocommerce\/\",\"name\":\"Konfigurator Tapet WooCommerce – Rootbine\",\"isPartOf\":{\"@id\":\"https:\/\/rootbine.com\/pl\/#website\"},\"datePublished\":\"2024-10-02T01:26:00+00:00\",\"dateModified\":\"2024-10-28T13:17:29+00:00\",\"description\":\"Wdro\u017cenie interaktywnego konfiguratora tapet w WooCommerce\",\"breadcrumb\":{\"@id\":\"https:\/\/rootbine.com\/pl\/portfolio\/konfigurator-tapet-woocommerce\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/rootbine.com\/pl\/portfolio\/konfigurator-tapet-woocommerce\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/rootbine.com\/pl\/portfolio\/konfigurator-tapet-woocommerce\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portfolio\",\"item\":\"https:\/\/rootbine.com\/pl\/portfolio\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Konfigurator Tapet WooCommerce\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/rootbine.com\/pl\/#website\",\"url\":\"https:\/\/rootbine.com\/pl\/\",\"name\":\"Rootbine\",\"description\":\"Get to the root of your coding needs.\",\"publisher\":{\"@id\":\"https:\/\/rootbine.com\/pl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/rootbine.com\/pl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/rootbine.com\/pl\/#organization\",\"name\":\"Rootbine\",\"url\":\"https:\/\/rootbine.com\/pl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/rootbine.com\/pl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/rootbine.com\/wp-content\/uploads\/2024\/02\/Rootbine-logo.svg\",\"contentUrl\":\"https:\/\/rootbine.com\/wp-content\/uploads\/2024\/02\/Rootbine-logo.svg\",\"caption\":\"Rootbine\"},\"image\":{\"@id\":\"https:\/\/rootbine.com\/pl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/rootbinecom\",\"https:\/\/www.linkedin.com\/company\/rootbine\",\"https:\/\/www.instagram.com\/rootbinecom\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Konfigurator Tapet WooCommerce – Rootbine","description":"Wdro\u017cenie interaktywnego konfiguratora tapet w WooCommerce","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:\/\/rootbine.com\/pl\/portfolio\/konfigurator-tapet-woocommerce\/","og_locale":"pl_PL","og_type":"article","og_title":"Konfigurator Tapet WooCommerce – Rootbine","og_description":"Wdro\u017cenie interaktywnego konfiguratora tapet w WooCommerce","og_url":"https:\/\/rootbine.com\/pl\/portfolio\/konfigurator-tapet-woocommerce\/","og_site_name":"Rootbine","article_publisher":"https:\/\/www.facebook.com\/rootbinecom","article_modified_time":"2024-10-28T13:17:29+00:00","og_image":[{"width":1200,"height":627,"url":"https:\/\/rootbine.com\/wp-content\/uploads\/2024\/02\/og-image.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/rootbine.com\/pl\/portfolio\/konfigurator-tapet-woocommerce\/","url":"https:\/\/rootbine.com\/pl\/portfolio\/konfigurator-tapet-woocommerce\/","name":"Konfigurator Tapet WooCommerce – Rootbine","isPartOf":{"@id":"https:\/\/rootbine.com\/pl\/#website"},"datePublished":"2024-10-02T01:26:00+00:00","dateModified":"2024-10-28T13:17:29+00:00","description":"Wdro\u017cenie interaktywnego konfiguratora tapet w WooCommerce","breadcrumb":{"@id":"https:\/\/rootbine.com\/pl\/portfolio\/konfigurator-tapet-woocommerce\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rootbine.com\/pl\/portfolio\/konfigurator-tapet-woocommerce\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/rootbine.com\/pl\/portfolio\/konfigurator-tapet-woocommerce\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portfolio","item":"https:\/\/rootbine.com\/pl\/portfolio\/"},{"@type":"ListItem","position":2,"name":"Konfigurator Tapet WooCommerce"}]},{"@type":"WebSite","@id":"https:\/\/rootbine.com\/pl\/#website","url":"https:\/\/rootbine.com\/pl\/","name":"Rootbine","description":"Get to the root of your coding needs.","publisher":{"@id":"https:\/\/rootbine.com\/pl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rootbine.com\/pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/rootbine.com\/pl\/#organization","name":"Rootbine","url":"https:\/\/rootbine.com\/pl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/rootbine.com\/pl\/#\/schema\/logo\/image\/","url":"https:\/\/rootbine.com\/wp-content\/uploads\/2024\/02\/Rootbine-logo.svg","contentUrl":"https:\/\/rootbine.com\/wp-content\/uploads\/2024\/02\/Rootbine-logo.svg","caption":"Rootbine"},"image":{"@id":"https:\/\/rootbine.com\/pl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/rootbinecom","https:\/\/www.linkedin.com\/company\/rootbine","https:\/\/www.instagram.com\/rootbinecom"]}]}},"_links":{"self":[{"href":"https:\/\/rootbine.com\/pl\/wp-json\/wp\/v2\/portfolio\/986","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rootbine.com\/pl\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/rootbine.com\/pl\/wp-json\/wp\/v2\/types\/portfolio"}],"wp:attachment":[{"href":"https:\/\/rootbine.com\/pl\/wp-json\/wp\/v2\/media?parent=986"}],"wp:term":[{"taxonomy":"portfolio-category","embeddable":true,"href":"https:\/\/rootbine.com\/pl\/wp-json\/wp\/v2\/portfolio-category?post=986"},{"taxonomy":"portfolio-industry","embeddable":true,"href":"https:\/\/rootbine.com\/pl\/wp-json\/wp\/v2\/portfolio-industry?post=986"},{"taxonomy":"portfolio-country","embeddable":true,"href":"https:\/\/rootbine.com\/pl\/wp-json\/wp\/v2\/portfolio-country?post=986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}