{"id":239098,"date":"2020-03-30T11:29:28","date_gmt":"2020-03-30T11:29:28","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=239098"},"modified":"2024-04-19T11:50:03","modified_gmt":"2024-04-19T11:50:03","slug":"magento-2-lookbook-ecommerce-plugin","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/","title":{"rendered":"Lookbook Extension for Magento 2"},"content":{"rendered":"\n<p><a href=\"https:\/\/store.webkul.com\/magento2-lookbook-extension.html\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 Lookbook Module<\/a> allows the admin to showcase a group of associated products on the storefront using this extension. <\/p>\n\n\n\n<p>Allowing customers to discover multiple products and purchase the complete look through one single product.<\/p>\n\n\n\n<p>Products that are complementary or from the same product line. Examples &#8211; t-shirt, lower, socks, gym bag, sweatband, sports jacket, activewear, etc. These products can be showcased to the customer to complete the gym look.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Features- Lookbook Extension<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The admin can create a LookBook-type product.<\/li>\n\n\n\n<li>Allow admin to add a marker for the associate products of the Lookbook product.<\/li>\n\n\n\n<li>The admin can create a slider widget of products.<\/li>\n\n\n\n<li>Allow admin to create a grid view widget of products.<\/li>\n\n\n\n<li>Customers can change the Lookbook associate product quantity by clicking on markers.<\/li>\n\n\n\n<li>The Customers can buy products by using slider markers.<\/li>\n\n\n\n<li>The extension is compatible with the <a href=\"https:\/\/webkul.com\/hyva-theme-development\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hyva Theme<\/a>.<\/li>\n<\/ul>\n\n\n\n<p>Watch the below video tutorial to understand the extension workflow :<\/p>\n\n\n\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video\">\r\n<div class=\"wk-block--yt-video-frame\">\r\n<div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"yhaXbJdRzj0\">\u00a0<\/div>\r\n<\/div>\r\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Installation- Lookbook Extension<\/h3>\n<\/div><\/div>\n\n\n\n<p>Customers will get one zip folder and they have to extract the contents of the zip folder on their system.<\/p>\n\n\n\n<p>Also, the extracted folder will have an&nbsp;<strong>src<\/strong>&nbsp;folder, inside the src folder you have the&nbsp;<strong>app<\/strong>&nbsp;folder.&nbsp;<\/p>\n\n\n\n<p>Then, You need to transfer this&nbsp;<strong>app<\/strong>&nbsp;folder&nbsp;into the Magento2 root directory on the server as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"379\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/Move-app-folder-2-1-1200x379.png\" alt=\"Move-app-folder-2-1\" class=\"wp-image-239618\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/Move-app-folder-2-1-1200x379.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/Move-app-folder-2-1-300x95.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/Move-app-folder-2-1-250x79.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/Move-app-folder-2-1-768x242.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/Move-app-folder-2-1.png 1302w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After the successful installation, you have to<strong>&nbsp;run these commands<\/strong>&nbsp;in the&nbsp;<strong>Magento2 root<\/strong>&nbsp;directory:<\/p>\n\n\n\n<p><strong>First command \u2013<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1<\/td><td>php bin\/Magento setup:upgrade<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>Second Command \u2013<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>2<\/td><td>php bin\/Magento setup:di:compile<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>Third Command \u2013<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>3<\/td><td>php bin\/Magento setup:static-content:deploy<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Hence, after running the commands, you have to flush the cache. This is done from the Magento admin panel by navigating through-&gt;<strong>System<\/strong>-&gt;<strong>Cache management<\/strong>&nbsp;as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/06\/3a.png\" alt=\"Installation Of Magento 2 CRM\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"configuration-for-multi-lingual-support\">Configuration For Multi-lingual Support<\/h2>\n\n\n\n<p>For the&nbsp;<strong>multilingual<\/strong>&nbsp;support, the admin will navigate through <strong>Store-&gt;Configuration-&gt;General -&gt;Locale Options<\/strong><\/p>\n\n\n\n<p>Then, the admin can select the locale as German (the language into which the admin wants to translate his store content).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-locale-1.webp\" alt=\"magento 2 lookbook locale\" class=\"wp-image-435058\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-locale-1.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-locale-1-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-locale-1-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-locale-1-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"translation\">Translation<\/h2>\n\n\n\n<p>If the user wants to translate their module from English to German.<\/p>\n\n\n\n<p>Then, they need to follow the path&nbsp;<strong>app\/code\/Webkul\/lookbook\/i18n<\/strong>&nbsp;in their unzipped Magento 2 CRM folder and will get a CSV file with the name \u201cen_US.csv\u201d.<\/p>\n\n\n\n<p>Now they will rename that CSV as \u201cde_DE.csv\u201d and translate all right side content after the comma in the German language.<\/p>\n\n\n\n<p>After editing the CSV, save it and then upload it to the path&nbsp;<strong>app\/code\/Webkul\/lookbook\/i18n<\/strong>&nbsp;where they have installed Magento2 on the server.<\/p>\n\n\n\n<p>The module will get translated into the German Language. It supports both&nbsp;<strong>RTL&nbsp;<\/strong>and&nbsp;<strong>LTR&nbsp;<\/strong>languages.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"367\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/04\/webkul_CRM_for_magento2_installation_second-1200x367-1.png\" alt=\"webkul_CRM_for_magento2_installation_second-1200x367-1\" class=\"wp-image-241681\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/04\/webkul_CRM_for_magento2_installation_second-1200x367-1.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/04\/webkul_CRM_for_magento2_installation_second-1200x367-1-300x92.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/04\/webkul_CRM_for_magento2_installation_second-1200x367-1-250x76.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/04\/webkul_CRM_for_magento2_installation_second-1200x367-1-768x235.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Then, the user can edit the CSV file as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"856\" height=\"654\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/translation-1.png\" alt=\"translation-1\" class=\"wp-image-240071\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/translation-1.png 856w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/translation-1-300x229.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/translation-1-250x191.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/translation-1-768x587.png 768w\" sizes=\"(max-width: 856px) 100vw, 856px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Admin Workflow &#8211; Lookbook Extension for Magento 2<\/h3>\n<\/div><\/div>\n\n\n\n<p>After the successful installation, the admin will be able to create lookbook products. They will be able to view the extension in the admin dashboard sidepanel shown as below,<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-admin-dashboard-sidepanel.webp\" alt=\"magento 2 lookbook admin dashboard sidepanel\" class=\"wp-image-435102\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-admin-dashboard-sidepanel.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-admin-dashboard-sidepanel-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-admin-dashboard-sidepanel-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-admin-dashboard-sidepanel-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Admin will find this<strong> &#8220;lookbook product type&#8221; <\/strong>while adding a new product under the admin panel.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"admin-adds-lookbook-product\">Admin adds Lookbook product<\/h3>\n\n\n\n<p>The admin needs to navigate to \u201c<strong> Catalog -&gt; Manage<\/strong>&nbsp;<strong>Products<\/strong>&nbsp;-&gt;&nbsp;<strong>Add Product<\/strong>\u201d, the admin will tap the \u201c<strong>Add Products<\/strong>\u201d to add a new product as shown below in the snapshot.<\/p>\n\n\n\n<p>Here, a drop-down to <strong>select<\/strong>&nbsp;the<strong>&nbsp;product type<\/strong>&nbsp;for the products will appear, now the admin will select the \u201c<strong>LookBook Product<\/strong>\u201d type for the new product and then tap the \u201c<strong>Continue<\/strong>\u201d button to proceed further.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-add-product.webp\" alt=\"magento 2 lookbook add product\" class=\"wp-image-435061\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-add-product.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-add-product-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-add-product-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-add-product-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Clicking the&nbsp;<strong>LookBook Product&nbsp;<\/strong>button will bring another page where the admin has to&nbsp;<strong>enter<\/strong>&nbsp;all the&nbsp;<strong>required information<\/strong>&nbsp;about the LookBook product.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-edit-product.webp\" alt=\"magento 2 lookbook extension edit product\" class=\"wp-image-435064\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-edit-product.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-edit-product-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-edit-product-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-edit-product-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>On this page, the admin will find the&nbsp;<strong>option<\/strong>&nbsp;to&nbsp;<strong>add<\/strong>&nbsp;the&nbsp;<strong>products to this lookbook product<\/strong>&nbsp;by clicking on \u201c<strong>Add Products to Lookbook<\/strong>\u201d. The selected products will be the&nbsp;<strong>constituents<\/strong>&nbsp;of this&nbsp;<strong>LookBook product.&nbsp;<\/strong><\/p>\n\n\n\n<p>Now, the admin needs to select the products by selecting the checkboxes and click on the \u201c<strong>Add Selected Products<\/strong>\u201c.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-add-lookbook-products.webp\" alt=\"magento 2 lookbook extension add lookbook products\" class=\"wp-image-435066\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-add-lookbook-products.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-add-lookbook-products-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-add-lookbook-products-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-add-lookbook-products-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, the&nbsp;selected products&nbsp;will be&nbsp;added&nbsp;to this&nbsp;<strong>LookBook product<\/strong>. Click&nbsp;on <strong>save<\/strong>&nbsp;to save this LookBook product.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-products-added.webp\" alt=\"magento 2 lookbook products added\" class=\"wp-image-435069\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-products-added.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-products-added-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-products-added-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-products-added-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"add-marker-to-lookbook-product\">Add Marker to Lookbook product<\/h2>\n\n\n\n<p>The Admin can add markers on each of the lookbook products. The markers will be added to the image of the lookbook product.<\/p>\n\n\n\n<p>Admin can add the markers to the image of the lookbook product by clicking on the <strong>update<\/strong> option of the products linked to the lookbook product as shown in the image below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"490\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-edit-lookbook-product-1200x490.webp\" alt=\"magento 2 lookbook edit\" class=\"wp-image-435072\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-edit-lookbook-product-1200x490.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-edit-lookbook-product-300x122.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-edit-lookbook-product-250x102.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-edit-lookbook-product-768x314.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-edit-lookbook-product.webp 1362w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Once clicked on the update, the admin can set the position of the marker on the image of the lookbook product and can click on <strong>Save Marker Position<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-add-marker.webp\" alt=\"magento 2 lookbook add marker\" class=\"wp-image-435077\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-add-marker.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-add-marker-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-add-marker-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-add-marker-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Similarly, the admin can set a marker position for each product under the lookbook product and click on <strong>save<\/strong> the product.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"create-widget-lookbook-product\">Create Widget Lookbook product<\/h2>\n\n\n\n<p>Also, the Admin can create a widget for lookbook products and add it to any of the CMS pages. The admin will have to navigate through <strong>content&gt;pages<\/strong> and click on the <strong>edit<\/strong> option of the page on which lookbook products will be added.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-edit-pages.webp\" alt=\"magento 2 lookbook edit pages\" class=\"wp-image-435081\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-edit-pages.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-edit-pages-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-edit-pages-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-edit-pages-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Once clicked on edit, the admin will move to that particular page and need to <strong>insert<\/strong> a widget by clicking on the widget option on the content section of that page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-add-widget.webp\" alt=\"magento 2 lookbook add widget\" class=\"wp-image-435090\" style=\"width:739px;height:580px\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-add-widget.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-add-widget-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-add-widget-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-add-widget-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, the admin needs to select the type of widget, we have selected the lookbook widget. on clicking on the lookbook widget, the admin needs to enter widget information as shown below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-widget-configuration.webp\" alt=\"magento 2 lookbook widget configuration\" class=\"wp-image-435092\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-widget-configuration.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-widget-configuration-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-widget-configuration-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-widget-configuration-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Each configuration is explained below:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Select Option: <\/strong>Select the option to display the widget. The admin can select from the <strong>slider<\/strong> or <strong>grid<\/strong> view.<\/li>\n\n\n\n<li><strong>Number of Products:<\/strong> Enter the number of products allowed to display.<\/li>\n\n\n\n<li><strong>Products Ids:<\/strong> The admin needs to enter the product IDs of the lookbook product with comma separation.<\/li>\n\n\n\n<li><strong>Width:<\/strong> Here, the admin will enter the width of the lookbook widget.<\/li>\n\n\n\n<li><strong>Height:<\/strong> Enter the height of the lookbook widget.<\/li>\n<\/ul>\n\n\n\n<p>Now, the admin will click on the <strong>insert widget<\/strong> and then select the widget and click on <strong>save<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-widget-inserted.webp\" alt=\"magento 2 lookbook widget\" class=\"wp-image-435099\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-widget-inserted.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-widget-inserted-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-widget-inserted-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento2-lookbook-extension-widget-inserted-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The Widget will be now added to the home page.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Customer End Workflow<\/h3>\n<\/div><\/div>\n\n\n\n<p>The customer can search for the lookbook product on the front-end. The lookbook product will be displayed as shown below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/product-page-2.png\" alt=\"product-page-2\" class=\"wp-image-239933\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/product-page-2.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/product-page-2-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/product-page-2-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/product-page-2-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, when the customer clicks on the marker, the customer can update the quantity of the product associated with that marker.<\/p>\n\n\n\n<p>After the quantity is updated, the customer can add the product to the cart and complete the checkout process.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"964\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/download-2-1200x964.png\" alt=\"download-2\" class=\"wp-image-239934\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/download-2-1200x964.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/download-2-300x241.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/download-2-250x201.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/download-2-768x617.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/download-2.png 1265w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Also, the customer can update the number of products on the<strong> shopping cart<\/strong> page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"742\" height=\"1024\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/shopping-cart-1-742x1024.png\" alt=\"shopping-cart-1\" class=\"wp-image-239948\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/shopping-cart-1-742x1024.png 742w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/shopping-cart-1-217x300.png 217w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/shopping-cart-1-181x249.png 181w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/shopping-cart-1-768x1059.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/shopping-cart-1.png 1107w\" sizes=\"(max-width: 742px) 100vw, 742px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now the customer can click on <strong>Proceed to checkout<\/strong> and complete the checkout process.<\/p>\n\n\n\n<p>There is also an option &#8220;<strong>More Images<\/strong>&#8221; where the customer can check all the images of the lookbook product. When clicked on more images the customer can view all the attached images in the lookbook product.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/04\/moreimages.png\" alt=\"moreimages\" class=\"wp-image-241788\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/04\/moreimages.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/04\/moreimages-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/04\/moreimages-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/04\/moreimages-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"displaying-lookbook-product-widget\">Displaying lookbook product widget<\/h2>\n\n\n\n<p>Also, the customer can view the lookbook products displayed as a widget on the home page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1272\" height=\"2840\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/Home-Page.png\" alt=\"Home-Page\" class=\"wp-image-240017\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/Home-Page.png 1272w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/Home-Page-134x300.png 134w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/Home-Page-459x1024.png 459w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/Home-Page-112x249.png 112w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/Home-Page-768x1715.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/Home-Page-688x1536.png 688w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/Home-Page-917x2048.png 917w\" sizes=\"(max-width: 1272px) 100vw, 1272px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The customer will be able to see all the lookbook products on the slider of which product IDs are added while adding the lookbook product to the widget.<\/p>\n\n\n\n<p>If the admin will select grid view while adding widget then the customer will be able to view the lookbook products as shown below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1277\" height=\"2843\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/04\/download-2-2.png\" alt=\"download-2-2\" class=\"wp-image-241776\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/04\/download-2-2.png 1277w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/04\/download-2-2-135x300.png 135w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/04\/download-2-2-460x1024.png 460w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/04\/download-2-2-112x249.png 112w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/04\/download-2-2-768x1710.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/04\/download-2-2-690x1536.png 690w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/04\/download-2-2-920x2048.png 920w\" sizes=\"(max-width: 1277px) 100vw, 1277px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>When clicked on the marker of the lookbook product, then the individual product associated with the marker of the lookbook product will be visible to the customer.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"576\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/lookbook-widget-1200x576.png\" alt=\"lookbook-widget\" class=\"wp-image-240019\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/lookbook-widget-1200x576.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/lookbook-widget-300x144.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/lookbook-widget-250x120.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/lookbook-widget-768x369.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/lookbook-widget.png 1500w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Also, the customers can click on add to cart and add the product to the cart individually. Similarly, by clicking on every marker the customer can add that respective product to the cart and proceed towards checkout.<\/p>\n\n\n\n<p>This was all about <strong>Magento 2 Lookbook Extension<\/strong>. For any further, assistance, just raise a ticket<strong>&nbsp;<a href=\"https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/\">here<\/a><\/strong>&nbsp;and for any doubt contact us at&nbsp;<strong><a href=\"mailto:support@webkul.com\">support@webkul.com<\/a><\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Magento 2 Lookbook Module allows the admin to showcase a group of associated products on the storefront using this extension. Allowing customers to discover multiple products and purchase the complete look through one single product. Products that are complementary or from the same product line. Examples &#8211; t-shirt, lower, socks, gym bag, sweatband, sports jacket, <a href=\"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":279,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9121],"tags":[2070],"class_list":["post-239098","post","type-post","status-publish","format-standard","hentry","category-magento-2","tag-magento2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Lookbook eCommerce Plugin | Product Marker Extension<\/title>\n<meta name=\"description\" content=\"Magento 2 Lookbook Extension helps the admin to add lookbook products and add markers to the associated products on the lookbook products.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Lookbook eCommerce Plugin | Product Marker Extension\" \/>\n<meta property=\"og:description\" content=\"Magento 2 Lookbook Extension helps the admin to add lookbook products and add markers to the associated products on the lookbook products.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-30T11:29:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-19T11:50:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/03\/Move-app-folder-2-1-1200x379.png\" \/>\n<meta name=\"author\" content=\"Archana Tiwari\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Archana Tiwari\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/\"},\"author\":{\"name\":\"Archana Tiwari\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/9246b28e90a24672ff27e272ae7649ad\"},\"headline\":\"Lookbook Extension for Magento 2\",\"datePublished\":\"2020-03-30T11:29:28+00:00\",\"dateModified\":\"2024-04-19T11:50:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/\"},\"wordCount\":1332,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/03\/Move-app-folder-2-1-1200x379.png\",\"keywords\":[\"Magento2\"],\"articleSection\":[\"Magento 2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/\",\"url\":\"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/\",\"name\":\"Lookbook eCommerce Plugin | Product Marker Extension\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/03\/Move-app-folder-2-1-1200x379.png\",\"datePublished\":\"2020-03-30T11:29:28+00:00\",\"dateModified\":\"2024-04-19T11:50:03+00:00\",\"description\":\"Magento 2 Lookbook Extension helps the admin to add lookbook products and add markers to the associated products on the lookbook products.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/Move-app-folder-2-1.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/Move-app-folder-2-1.png\",\"width\":1302,\"height\":411,\"caption\":\"Move-app-folder-2-1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lookbook Extension for Magento 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/9246b28e90a24672ff27e272ae7649ad\",\"name\":\"Archana Tiwari\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b5c7fb9ecbc2fcc0efdc25d1c9869eac2993f5fb25419ceafb833e1164772d4c?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b5c7fb9ecbc2fcc0efdc25d1c9869eac2993f5fb25419ceafb833e1164772d4c?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Archana Tiwari\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/archanatiwari-bd310\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Lookbook eCommerce Plugin | Product Marker Extension","description":"Magento 2 Lookbook Extension helps the admin to add lookbook products and add markers to the associated products on the lookbook products.","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:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/","og_locale":"en_US","og_type":"article","og_title":"Lookbook eCommerce Plugin | Product Marker Extension","og_description":"Magento 2 Lookbook Extension helps the admin to add lookbook products and add markers to the associated products on the lookbook products.","og_url":"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2020-03-30T11:29:28+00:00","article_modified_time":"2024-04-19T11:50:03+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/03\/Move-app-folder-2-1-1200x379.png","type":"","width":"","height":""}],"author":"Archana Tiwari","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Archana Tiwari","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/"},"author":{"name":"Archana Tiwari","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/9246b28e90a24672ff27e272ae7649ad"},"headline":"Lookbook Extension for Magento 2","datePublished":"2020-03-30T11:29:28+00:00","dateModified":"2024-04-19T11:50:03+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/"},"wordCount":1332,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/03\/Move-app-folder-2-1-1200x379.png","keywords":["Magento2"],"articleSection":["Magento 2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/","url":"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/","name":"Lookbook eCommerce Plugin | Product Marker Extension","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/03\/Move-app-folder-2-1-1200x379.png","datePublished":"2020-03-30T11:29:28+00:00","dateModified":"2024-04-19T11:50:03+00:00","description":"Magento 2 Lookbook Extension helps the admin to add lookbook products and add markers to the associated products on the lookbook products.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/Move-app-folder-2-1.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/Move-app-folder-2-1.png","width":1302,"height":411,"caption":"Move-app-folder-2-1"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/magento-2-lookbook-ecommerce-plugin\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Lookbook Extension for Magento 2"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/9246b28e90a24672ff27e272ae7649ad","name":"Archana Tiwari","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b5c7fb9ecbc2fcc0efdc25d1c9869eac2993f5fb25419ceafb833e1164772d4c?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b5c7fb9ecbc2fcc0efdc25d1c9869eac2993f5fb25419ceafb833e1164772d4c?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Archana Tiwari"},"url":"https:\/\/webkul.com\/blog\/author\/archanatiwari-bd310\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/239098","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/279"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=239098"}],"version-history":[{"count":43,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/239098\/revisions"}],"predecessor-version":[{"id":435104,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/239098\/revisions\/435104"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=239098"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=239098"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=239098"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}