{"id":456694,"date":"2024-08-08T11:02:31","date_gmt":"2024-08-08T11:02:31","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=456694"},"modified":"2025-09-04T14:52:33","modified_gmt":"2025-09-04T14:52:33","slug":"guide-for-prestashop-headless-nextjs-theme","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/","title":{"rendered":"Guide for PrestaShop Headless NextJS Theme"},"content":{"rendered":"\n<p><strong>PrestaShop Headless NextJS Theme<\/strong> is a comprehensive solution that offers faster loading, increased security, and improved performance. <\/p>\n\n\n\n<p>The headless solution decouples frontend and backend of PrestaShop. So, it is easy to make changes to the frontend without impacting the backend or vice versa.<\/p>\n\n\n\n<p>The theme is built using NextJS framework for the frontend and is integrated with PrestaShop via REST APIs.<\/p>\n\n\n\n<p><strong>Note<\/strong>: This theme is compatible with the default PrestaShop as well as with the Multi Vendor Marketplace.<\/p>\n\n\n\n<p>For this theme to work with the Multi Vendor Marketplace, you need to install <a href=\"https:\/\/store.webkul.com\/Prestashop-Advanced-Marketplace.html\">PrestaShop Advanced Multi-Vendor Marketplace<\/a>.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Features of PrestaShop Headless NextJS Theme<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Allows you to create multiple frontends for different devices using the same backend.<\/li>\n\n\n\n<li>Uses RESt APIs to establish a seamless connection between the PrestaShop backend and the front end..<\/li>\n\n\n\n<li>Customize the front end of ecommerce websites without making changes in the backend.<\/li>\n\n\n\n<li>Easily integrates with third party applications via APIs.<\/li>\n\n\n\n<li>ISR(incremental site regeneration) is used for product pages.<\/li>\n\n\n\n<li>SSG(static site generation) is used for CMS and other static pages.<\/li>\n\n\n\n<li>Tailwind, and PostCSS were implemented for the theme.<\/li>\n\n\n\n<li>Improves the performance of the website.<\/li>\n\n\n\n<li>Offer a personalized shopping experience to customers.<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">How to Install PrestaShop Headless NextJS Theme<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Firstly, go to the module manager in the back office and click on \u2018upload a module\u2019.<\/li>\n\n\n\n<li>After that, drag and drop the module file or select the file from the system.<\/li>\n\n\n\n<li>In this way, the module installation will be successful.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1200\" height=\"414\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png\" alt=\"image-38\" class=\"wp-image-399503\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38-300x104.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38-250x86.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38-768x265.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1200\" height=\"552\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-39.png\" alt=\"image-39\" class=\"wp-image-399504\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-39.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-39-300x138.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-39-250x115.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-39-768x353.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1200\" height=\"544\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-40.png\" alt=\"image-40\" class=\"wp-image-399505\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-40.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-40-300x136.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-40-250x113.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-40-768x348.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Frameworks Used<\/h3>\n<\/div><\/div>\n\n\n\n<p>To create a unique PrestaShop marketplace ReactJS Theme, we employed REST <a href=\"https:\/\/webkul.com\/api\/\">API development<\/a> to establish a seamless connection between the PrestaShop backend and the frontend.<\/p>\n\n\n\n<p>Apart from that, we have made use of the below frameworks to create this Multi Vendor Headless theme:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Next.JS<\/li>\n\n\n\n<li>Typescript<\/li>\n\n\n\n<li>Tailwind CSS<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Header Request<\/h3>\n<\/div><\/div>\n\n\n\n<p>You must allow Request Origin as well as Request headers to make it work with the theme. Please follow the below instructions.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\"># For Apache\n\nHeader set Access-Control-Allow-Origin &quot;https:\/\/your-theme-url.com\/&quot;\nHeader set Access-Control-Allow-Headers &quot;Accept, Content-Type, Authorization, Store&quot;\n\n# For Nginx\n\nadd_header &#039;Access-Control-Allow-Origin&#039; &#039;https:\/\/your-theme-url.com\/&#039;;\nadd_header &#039;Access-Control-Allow-Headers&#039; &#039;Accept, Content-Type, Authorization, Store&#039;;<\/pre>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Installation Procedure<\/h3>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Headless Theme Installation<\/h3>\n\n\n\n<p>Prerequisites<br>Node &gt;=16.0.0<br>NPM &gt;=8.1.0 OR YARN &gt;=1.22.0<\/p>\n\n\n\n<p>Customers can install the theme via two methods:&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Vercel&nbsp;<\/li>\n\n\n\n<li>Manual Installation<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">1. Vercel<\/h4>\n\n\n\n<p>Vercel is the native Next.js platform, designed to enhance the Next.js experience. It is the best way to host the&nbsp;<strong>next js<\/strong>&nbsp;(framework).&nbsp;<\/p>\n\n\n\n<p>You can import the Git Repository from GitHub, GitLab or BitBucket.&nbsp;<\/p>\n\n\n\n<p>Login using Git, you can also log in with your email but need to link with Git. Now follow the steps mentioned below for logging in:&nbsp;<\/p>\n\n\n\n<p>1: Go to Vercel Dashboard and click on Add New.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"260\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/1-1200x260.jpeg\" alt=\"1\" class=\"wp-image-418662\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/1-1200x260.jpeg 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/1-300x65.jpeg 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/1-250x54.jpeg 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/1-768x166.jpeg 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/1-1536x333.jpeg 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/1.jpeg 1864w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>2: Select a Git provider to import an existing project from a Git Repository.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"623\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/2-1200x623.jpeg\" alt=\"2\" class=\"wp-image-418663\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/2-1200x623.jpeg 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/2-300x156.jpeg 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/2-250x130.jpeg 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/2-768x399.jpeg 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/2-1536x798.jpeg 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/2.jpeg 1864w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>3: Now click on the import option as mentioned below in the snapshot:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"622\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/3-8-1200x622.png\" alt=\"3-8\" class=\"wp-image-418664\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/3-8-1200x622.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/3-8-300x155.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/3-8-250x130.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/3-8-768x398.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/3-8-1536x796.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/3-8.png 1864w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>4: Here you have to enter the environment variables with their values, which you will get after extracting the zip file in the .env.template.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1726577860.jpeg\" alt=\"step4\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>5: Once you click on deploy you will get the URL from Vercel also you can manage your domain from Vercel &gt; Settings &gt; Domain.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"305\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/5-7-1200x305.png\" alt=\"5-7\" class=\"wp-image-418666\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/5-7-1200x305.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/5-7-300x76.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/5-7-250x63.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/5-7-768x195.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/5-7-1536x390.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/5-7.png 1864w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After clicking on Voguish Theme You can check the project Dashboard as mentioned below in the snapshot:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"622\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/6-8-1200x622.png\" alt=\"6-8\" class=\"wp-image-418667\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/6-8-1200x622.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/6-8-300x155.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/6-8-250x130.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/6-8-768x398.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/6-8-1536x796.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/6-8.png 1864w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">2. Manual Installation<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The Customers will get a&nbsp;<strong>zip folder<\/strong>&nbsp;and they have to extract the contents of this zip folder on their system. The extracted folder has a<strong>&nbsp;NextJs<\/strong>&nbsp;folder, move the folder into the directory where you want to install it.<\/li>\n\n\n\n<li>Setup env \u2013 Duplicate env.template rename the duplicate to .env. Now update the values mentioned below in the env file:<pre data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">PRESTASHOP_ENDPOINT=https:\/\/prestashop-url.com\/<br>NEXTAUTH_URL=http:\/\/localhost:3000\/<br>NO_SECRET=\"TEST_VOGUISH\"<br>NEXTAUTH_SECRET=TEST_VOGUISH<br>MODE=PRODUCTION<br>DEFAULT_STORE_CODE=default<br>IMAGE_DOMAINS= prestashop-url.com (domain from where images will be load eg: prestashop-url domain, cloudflare-domain)<br><\/pre><\/li>\n\n\n\n<li>Run the following command via the terminal:<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">npm install OR yarn install\n<\/pre>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">npm run build OR yarn build\n<\/pre>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">npm run start OR yarn start\n<\/pre>\nIn case you want to change the value of any of the messages then open the locale folder go to message.po file inside en. Enter the value in msgstr in respective to the msgid. Then run the command of build and start.<\/li>\n\n\n\n<li>&nbsp;It will serve on a 3000 port to your server for eg: http:\/\/localhost:3000\/.&nbsp;<\/li>\n\n\n\n<li>You can access PrestaShop Headless Multi Vendor Marketplace Theme by using your-serverip:3000 and also you can ask your server team to map your 3000 port to any dedicated domain.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1047\" height=\"184\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/terminal.png\" alt=\"terminal\" class=\"wp-image-418676\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/terminal.png 1047w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/terminal-300x53.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/terminal-250x44.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/terminal-768x135.png 768w\" sizes=\"(max-width: 1047px) 100vw, 1047px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Storefront View<\/h3>\n<\/div><\/div>\n\n\n\n<p>The PrestaShop Multi Vendor NextJS Theme looks as shown in the below snapshots. <\/p>\n\n\n\n<p>The view of the customer public page on the website. <\/p>\n\n\n\n<p><strong>Home Page<\/strong><\/p>\n\n\n\n<p>A well-organized home page with a navigation menu, categorized pages, featured products, a special offer section, banner with a call-to-action button. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"2964\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_asd.png\" alt=\"develop-voguish.vercel.app_asd\" class=\"wp-image-417058\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_asd.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_asd-113x300.png 113w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_asd-387x1024.png 387w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_asd-94x249.png 94w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_asd-768x2032.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_asd-580x1536.png 580w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_asd-774x2048.png 774w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Organize and display a collection of products or services for users to browse and potentially purchase using the<strong> catalog<\/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\/01\/develop-voguish.vercel.app_asd-1.png\" alt=\"develop-voguish.vercel.app_asd-1\" class=\"wp-image-417060\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_asd-1.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_asd-1-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_asd-1-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_asd-1-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Add featured products on the home page and make it more enhancing and visually appealing for visitors.  <\/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\/01\/develop-voguish.vercel.app_asd-2.png\" alt=\"develop-voguish.vercel.app_asd-2\" class=\"wp-image-417061\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_asd-2.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_asd-2-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_asd-2-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_asd-2-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Category Page<\/strong> <\/p>\n\n\n\n<p>Display a collection of products that belong to a specific category with layered navigation, making it easier for visitors to find and filter products in which they are interested. <\/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\/01\/develop-voguish.vercel.app_asd-3.png\" alt=\"develop-voguish.vercel.app_asd-3\" class=\"wp-image-417063\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_asd-3.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_asd-3-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_asd-3-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_asd-3-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Catalog Listing<\/strong> <\/p>\n\n\n\n<p>Users can easily categorize the products by using various filter options on the top right-hand side. Users can sort products by using any option shown in the below screenshots.<\/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\/01\/develop-voguish.vercel.app_catalog_category_jackets-womenasd.png\" alt=\"develop-voguish.vercel.app_catalog_category_jackets-womenasd\" class=\"wp-image-417064\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_catalog_category_jackets-womenasd.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_catalog_category_jackets-womenasd-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_catalog_category_jackets-womenasd-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_catalog_category_jackets-womenasd-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The users can also change the currency as required for the products being displayed. <\/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\/01\/develop-voguish.vercel.app_catalog_category_jackets-womenasd-1.png\" alt=\"develop-voguish.vercel.app_catalog_category_jackets-womenasd-1\" class=\"wp-image-417065\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_catalog_category_jackets-womenasd-1.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_catalog_category_jackets-womenasd-1-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_catalog_category_jackets-womenasd-1-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_catalog_category_jackets-womenasd-1-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Product Page<\/strong><\/h3>\n\n\n\n<p>Create fascinating product pages by adding descriptions, respective related products, and enabling product reviews.<\/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\/01\/develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-1.png\" alt=\"develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-1\" class=\"wp-image-417066\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-1.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-1-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-1-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-1-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Also, the visitors can find the related products added to the 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\/01\/develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-2.png\" alt=\"develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-2\" class=\"wp-image-417067\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-2.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-2-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-2-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-2-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The reviews section is also provided as shown in the below snapshots.<\/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\/01\/develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-3.png\" alt=\"develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-3\" class=\"wp-image-417068\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-3.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-3-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-3-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-3-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Page Performance<\/strong><\/p>\n\n\n\n<p>A good user experience is measured by various metrics such as page load time, session duration, bounce rate, conversion rate, and overall usability.<\/p>\n\n\n\n<p>Vougish themes enhance user satisfaction, increase engagement, improve search engine rankings, and ultimately achieve their business goals.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"395\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-from-2023-10-04-14-19-07-1200x395.png\" alt=\"page performance for Magento 2 Marketplace Theme\" class=\"wp-image-403702\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-from-2023-10-04-14-19-07-1200x395.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-from-2023-10-04-14-19-07-300x99.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-from-2023-10-04-14-19-07-250x82.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-from-2023-10-04-14-19-07-768x253.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-from-2023-10-04-14-19-07.png 1359w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Search option:<\/strong><\/p>\n\n\n\n<p>Using the search option on the right side of the menu, visitors can find products quickly and easily. <\/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\/01\/develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-4.png\" alt=\"develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-4\" class=\"wp-image-417069\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-4.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-4-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-4-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-4-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Cart page <\/strong><\/p>\n\n\n\n<p>A shopping cart icon or symbol at the right top of the website\u2019s layout indicates to customers that they can view their cart at any time.<\/p>\n\n\n\n<p>Also, provide a prominent &#8220;<strong>Checkout<\/strong>&#8221; button that initiates the process of completing the purchase.<\/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\/01\/develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-5.png\" alt=\"develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-5\" class=\"wp-image-417070\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-5.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-5-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-5-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_catalog_product_stellar-solar-jacketasd-5-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Checkout page <\/strong><\/p>\n\n\n\n<p>Here, the users can find a smooth and efficient checkout page with shipping address, shipping method, billing address, payment, and review order.<\/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\/01\/develop-voguish.vercel.app_checkoutasd.png\" alt=\"develop-voguish.vercel.app_checkoutasd\" class=\"wp-image-417074\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_checkoutasd.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_checkoutasd-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_checkoutasd-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_checkoutasd-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Login\/Sign Up Pag<\/strong>e<\/p>\n\n\n\n<p>If you\u2019ve already an account on the <a href=\"https:\/\/store.webkul.com\/Prestashop-Advanced-Marketplace.html\">PrestaShop Multi Vendor<\/a> Headless Theme then enter the below details to log in to your account.<\/p>\n\n\n\n<p>To register yourself to Vougish click on the <strong>sign up<\/strong> option as shown in the below screenshots.  <\/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\/2023\/10\/develop-voguish.vercel.app_customer_account_loginsnapshots.png\" alt=\"Magento 2 Marketplace Theme login page \" class=\"wp-image-403731\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/10\/develop-voguish.vercel.app_customer_account_loginsnapshots.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/10\/develop-voguish.vercel.app_customer_account_loginsnapshots-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/10\/develop-voguish.vercel.app_customer_account_loginsnapshots-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/10\/develop-voguish.vercel.app_customer_account_loginsnapshots-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Enter the given details to create a new customer account.<\/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\/2023\/10\/develop-voguish.vercel.app_customer_account_createsnapshots.png\" alt=\"Magento 2 Marketplace Theme sign up page \" class=\"wp-image-403387\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/10\/develop-voguish.vercel.app_customer_account_createsnapshots.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/10\/develop-voguish.vercel.app_customer_account_createsnapshots-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/10\/develop-voguish.vercel.app_customer_account_createsnapshots-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/10\/develop-voguish.vercel.app_customer_account_createsnapshots-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">PrestaShop Marketplace Headless Theme \u2013 Sell With Us<\/h3>\n<\/div><\/div>\n\n\n\n<p>Customize marketplace content features as per requirements. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" width=\"677\" height=\"1024\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_marketplaceasd-1-677x1024.png\" alt=\"develop-voguish.vercel.app_marketplaceasd-1\" class=\"wp-image-417079\" style=\"width:738px;height:auto\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_marketplaceasd-1-677x1024.png 677w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_marketplaceasd-1-198x300.png 198w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_marketplaceasd-1-165x249.png 165w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_marketplaceasd-1-768x1162.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_marketplaceasd-1-1015x1536.png 1015w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_marketplaceasd-1.png 1120w\" sizes=\"(max-width: 677px) 100vw, 677px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>To become a seller\/vendor, click on the button <strong>Open your shop<\/strong>.<\/p>\n\n\n\n<p>Choose the <strong>YES<\/strong> option, to register as a seller\/vendor and enter the following information. <\/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\/2023\/10\/develop-voguish.vercel.app_marketplacesnapshots-4.png\" alt=\"develop-voguish.vercel.app_marketplacesnapshots-4\" class=\"wp-image-403371\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/10\/develop-voguish.vercel.app_marketplacesnapshots-4.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/10\/develop-voguish.vercel.app_marketplacesnapshots-4-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/10\/develop-voguish.vercel.app_marketplacesnapshots-4-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/10\/develop-voguish.vercel.app_marketplacesnapshots-4-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Customer Profile Page<\/strong> <\/p>\n\n\n\n<p>After logging into the website, customer can find their profile account panel options, and also edit and manage the applicable data as required. <\/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\/01\/develop-voguish.vercel.app_customer_accountasd.png\" alt=\"develop-voguish.vercel.app_customer_accountasd\" class=\"wp-image-417083\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_customer_accountasd.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_customer_accountasd-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_customer_accountasd-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_customer_accountasd-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Wishlist<\/strong>: The customers can view the products added to the wishlist, delete them from the wishlist, or add them to the cart from the wishlist.<\/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\/01\/develop-voguish.vercel.app_wishlistasd.png\" alt=\"develop-voguish.vercel.app_wishlistasd\" class=\"wp-image-417095\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_wishlistasd.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_wishlistasd-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_wishlistasd-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_wishlistasd-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Orders<\/strong>: View placed orders and their details as well. <\/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\/01\/develop-voguish.vercel.app_sales_order_historyasd.png\" alt=\"develop-voguish.vercel.app_sales_order_historyasd\" class=\"wp-image-417087\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_sales_order_historyasd.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_sales_order_historyasd-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_sales_order_historyasd-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_sales_order_historyasd-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Order details are visible to the customers. <\/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\/01\/develop-voguish.vercel.app_sales_order_000000198asd.png\" alt=\"develop-voguish.vercel.app_sales_order_000000198asd\" class=\"wp-image-417091\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_sales_order_000000198asd.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_sales_order_000000198asd-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_sales_order_000000198asd-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_sales_order_000000198asd-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Profile<\/strong>: Edit the profile details.<\/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\/01\/develop-voguish.vercel.app_sales_order_historyasd-1.png\" alt=\"develop-voguish.vercel.app_sales_order_historyasd-1\" class=\"wp-image-417088\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_sales_order_historyasd-1.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_sales_order_historyasd-1-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_sales_order_historyasd-1-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_sales_order_historyasd-1-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Address<\/strong>: Customers can view their saved address, and<strong> <\/strong>edit or delete the same. <\/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\/01\/develop-voguish.vercel.app_sales_order_historyasd-2.png\" alt=\"develop-voguish.vercel.app_sales_order_historyasd-2\" class=\"wp-image-417089\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_sales_order_historyasd-2.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_sales_order_historyasd-2-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_sales_order_historyasd-2-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_sales_order_historyasd-2-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Apart from that, add a new address as required.<\/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\/01\/develop-voguish.vercel.app_sales_order_historyasd-3.png\" alt=\"develop-voguish.vercel.app_sales_order_historyasd-3\" class=\"wp-image-417090\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_sales_order_historyasd-3.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_sales_order_historyasd-3-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_sales_order_historyasd-3-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_sales_order_historyasd-3-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Reset password<\/strong>: Customers can reset their password easily. <\/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\/01\/develop-voguish.vercel.app_sales_order_000000198asd-1.png\" alt=\"develop-voguish.vercel.app_sales_order_000000198asd-1\" class=\"wp-image-417092\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_sales_order_000000198asd-1.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_sales_order_000000198asd-1-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_sales_order_000000198asd-1-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/develop-voguish.vercel.app_sales_order_000000198asd-1-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">PrestaShop Headless NextJS Theme Configuration<\/h3>\n<\/div><\/div>\n\n\n\n<p><strong>General Settings<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723025777.png\" alt=\"general settings\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Products per page:<\/strong> Set the number of products that will be fetched when a user scrolls down in the app.<\/p>\n\n\n\n<p><strong>Footer Copyright<\/strong>: Specify the custom text that will show in the footer position on store.<\/p>\n\n\n\n<p><strong>Logo alt msg:<\/strong> Set the text that will display on the front end if a logo does not get loaded.<\/p>\n\n\n\n<p><strong>Show CMS breadcrumbs:<\/strong> This option lets admin display CMS breadcrumbs on the storefront.<\/p>\n\n\n\n<p><strong>Show new product as feature:<\/strong> If enabled, then newly created product will display under Featured Products on the store.<\/p>\n\n\n\n<p><strong>Social Links<\/strong><\/p>\n\n\n\n<p>Under this tab, the admin needs to specify the URLs of social media sites that he wants to display on the front end.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723026708.png\" alt=\"social links\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Front End View<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723027851.png\" alt=\"social media icons\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Feature Product Carousel<\/strong><\/p>\n\n\n\n<p>Under this tab, the admin can set title and description to be displayed for feature product carousel.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723028330.png\" alt=\"Feature product carousel\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Front End View<\/strong><\/p>\n\n\n\n<p><strong>Corner Offer Settings<\/strong><\/p>\n\n\n\n<p>Under Corner Offer, the admin can set the title and description that will display in corner offer section.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723030084.png\" alt=\"corner offer\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Explore Products Configuration<\/strong><\/p>\n\n\n\n<p>Under Explore products configuration, the admin can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Set the title and description to be displayed under Explore Products section.<\/li>\n\n\n\n<li>Enable the display of top selling, hot deal, and top rated products in Explore Products section.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723031126.png\" alt=\"Explore Products Configuration\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Front End View<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723031525.png\" alt=\"explore products\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Recent Products<\/strong><\/p>\n\n\n\n<p>Under Recent Products, the admin can set the title and description that will display in recent products section.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723036583.png\" alt=\"Recent Products\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Banners<\/h3>\n<\/div><\/div>\n\n\n\n<p>Under Banners, the admin can add the banners he wants to showcase on the storefront.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723038061.png\" alt=\"Banners\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Click on &#8216;Add new banner&#8217; button to add a new banner.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723040099.png\" alt=\"add new banner\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Front End View<\/strong><\/p>\n\n\n\n<p>When a customer visits the store, he can view banners on the home page as shown in the below screenshot.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723040405.png\" alt=\"banner\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Brand Banner Configuration<\/h3>\n<\/div><\/div>\n\n\n\n<p><strong>Basic info<\/strong><\/p>\n\n\n\n<p>Under Basic info, the admin can set title and description that will show under brand banner section.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723042649.png\" alt=\"Brand Banner Configuration\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Banner list<\/strong><\/p>\n\n\n\n<p>Under this tab, the admin can view a list of banners assigned to brand banner.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723043292.png\" alt=\"banner list\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Front End View<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723043773.png\" alt=\"brand banner\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Shop Banner Configuration<\/h3>\n<\/div><\/div>\n\n\n\n<p><strong>Basic info<\/strong><\/p>\n\n\n\n<p>Set the title and description to be displayed under shop banner section.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723092156.png\" alt=\"shop banner\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Banner list<\/strong><\/p>\n\n\n\n<p>Under this tab, all the banners that are assigned to shop banner section are listed.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723092726.png\" alt=\"banner list\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Front End View<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723093069.png\" alt=\"shop banner\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Home Page Configuration<\/h3>\n<\/div><\/div>\n\n\n\n<p>These settings allow admin to modify home page as per requirement. Under Home Page Configuration, the admin can select the sections he wants to display on the website home page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723095045.png\" alt=\"Home Page Configuration\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Front End View<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723095317.png\" alt=\"Home Page\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Corner Offer<\/h3>\n<\/div><\/div>\n\n\n\n<p>Under Corner Offer, the admin can add and manage offer items that will display in Corner Offer section.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723097234.png\" alt=\"corner offer\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Click on &#8216;Add offer item&#8217; button to add new offer item.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723098262.png\" alt=\"add offer item\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Front End View<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723098389.png\" alt=\"corner offer\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Product Blocks<\/h3>\n<\/div><\/div>\n\n\n\n<p>Under Product blocks tab, the admin can add product blocks that he wants to display on front end.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723099031.png\" alt=\"product blocks\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Click on &#8216;Add new block&#8217; button to add a product block.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723099572.png\" alt=\"add product block\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Click on &#8216;Add new product&#8217; button to add products in a block.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723099965.png\" alt=\"product blocks\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Front End View<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723102802.png\" alt=\"product blocks\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Benefits<\/h3>\n<\/div><\/div>\n\n\n\n<p>Under this tab, the admin can add benefits that he wants to show under the benefits section on the website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723103264.png\" alt=\"benefits\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Click on the &#8216;Add&#8217; button to add a benefit.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723103748.png\" alt=\"add block image\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Front End View<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723107583.png\" alt=\"benefits\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Footer Link<\/h3>\n<\/div><\/div>\n\n\n\n<p>Under Footer Link tab, the admin can add the links he wants to display in the footer position of the website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723104113.png\" alt=\"footer link\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Click on &#8216;Add footer link&#8217; button to add a footer link.<\/p>\n\n\n\n<p><strong>Add parent menu<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723107218.png\" alt=\"add footer link\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Add sub menu<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723107404.png\" alt=\"add footer link\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Mega Menu<\/h3>\n<\/div><\/div>\n\n\n\n<p>Under Mega Menu, the admin can add categories that he wants to display on the website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723108086.png\" alt=\"mega menu\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Click on &#8216;Add new category&#8217; button for adding a new category.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1723108580.png\" alt=\"add category\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>This was all about PrestaShop Headless NextJS Theme module. I hope this document will help you in checking the functionality of the module in a better way. <\/p>\n\n\n\n<p>Also, do let us know about your views in the comments.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Support<\/h3>\n<\/div><\/div>\n\n\n\n<p>For any kind of technical assistance or query, please&nbsp;<a href=\"https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/\">raise a ticket<\/a>&nbsp;or send us a mail at&nbsp;<strong>support@webkul.com<\/strong><\/p>\n\n\n\n<p>Also, please explore our&nbsp;<a href=\"https:\/\/webkul.com\/prestashop-development\/\">Prestashop development services<\/a>&nbsp;and vast range of quality&nbsp;<a href=\"https:\/\/store.webkul.com\/PrestaShop-Extensions.html\">Prestashop addons<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>PrestaShop Headless NextJS Theme is a comprehensive solution that offers faster loading, increased security, and improved performance. The headless solution decouples frontend and backend of PrestaShop. So, it is easy to make changes to the frontend without impacting the backend or vice versa. The theme is built using NextJS framework for the frontend and is <a href=\"https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":165,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-456694","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>PrestaShop Headless NextJS Theme<\/title>\n<meta name=\"description\" content=\"PrestaShop Headless NextJS Theme User Guide shows how the front end of an ecommerce website appears after implementing headless theme.\" \/>\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\/guide-for-prestashop-headless-nextjs-theme\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PrestaShop Headless NextJS Theme\" \/>\n<meta property=\"og:description\" content=\"PrestaShop Headless NextJS Theme User Guide shows how the front end of an ecommerce website appears after implementing headless theme.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/\" \/>\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=\"2024-08-08T11:02:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-04T14:52:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png\" \/>\n<meta name=\"author\" content=\"Ashish Sehgal\" \/>\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=\"Ashish Sehgal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"22 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/\"},\"author\":{\"name\":\"Ashish Sehgal\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/adc5483234a0096b5eba2c30924f652d\"},\"headline\":\"Guide for PrestaShop Headless NextJS Theme\",\"datePublished\":\"2024-08-08T11:02:31+00:00\",\"dateModified\":\"2025-09-04T14:52:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/\"},\"wordCount\":1857,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/\",\"url\":\"https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/\",\"name\":\"PrestaShop Headless NextJS Theme\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png\",\"datePublished\":\"2024-08-08T11:02:31+00:00\",\"dateModified\":\"2025-09-04T14:52:33+00:00\",\"description\":\"PrestaShop Headless NextJS Theme User Guide shows how the front end of an ecommerce website appears after implementing headless theme.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png\",\"width\":1200,\"height\":414,\"caption\":\"image-38\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Guide for PrestaShop Headless NextJS Theme\"}]},{\"@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\/adc5483234a0096b5eba2c30924f652d\",\"name\":\"Ashish Sehgal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/43aabebe0f1864b7173421f8f44f62fef06c07313c7f8c03735ee4b9bf377e6e?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/43aabebe0f1864b7173421f8f44f62fef06c07313c7f8c03735ee4b9bf377e6e?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Ashish Sehgal\"},\"description\":\"Ashish Sehgal is a Analyst with deep expertise in the PrestaShop platform offers strategic insights for e-commerce success. With a deep understanding of open-source platforms, he ensures tailored solutions. A skilled analyst, providing unique strategies for online businesses.\",\"url\":\"https:\/\/webkul.com\/blog\/author\/ashishsehgal-magento190\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"PrestaShop Headless NextJS Theme","description":"PrestaShop Headless NextJS Theme User Guide shows how the front end of an ecommerce website appears after implementing headless theme.","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\/guide-for-prestashop-headless-nextjs-theme\/","og_locale":"en_US","og_type":"article","og_title":"PrestaShop Headless NextJS Theme","og_description":"PrestaShop Headless NextJS Theme User Guide shows how the front end of an ecommerce website appears after implementing headless theme.","og_url":"https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2024-08-08T11:02:31+00:00","article_modified_time":"2025-09-04T14:52:33+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png","type":"","width":"","height":""}],"author":"Ashish Sehgal","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Ashish Sehgal","Est. reading time":"22 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/"},"author":{"name":"Ashish Sehgal","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/adc5483234a0096b5eba2c30924f652d"},"headline":"Guide for PrestaShop Headless NextJS Theme","datePublished":"2024-08-08T11:02:31+00:00","dateModified":"2025-09-04T14:52:33+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/"},"wordCount":1857,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/","url":"https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/","name":"PrestaShop Headless NextJS Theme","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png","datePublished":"2024-08-08T11:02:31+00:00","dateModified":"2025-09-04T14:52:33+00:00","description":"PrestaShop Headless NextJS Theme User Guide shows how the front end of an ecommerce website appears after implementing headless theme.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png","width":1200,"height":414,"caption":"image-38"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/guide-for-prestashop-headless-nextjs-theme\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Guide for PrestaShop Headless NextJS Theme"}]},{"@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\/adc5483234a0096b5eba2c30924f652d","name":"Ashish Sehgal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/43aabebe0f1864b7173421f8f44f62fef06c07313c7f8c03735ee4b9bf377e6e?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/43aabebe0f1864b7173421f8f44f62fef06c07313c7f8c03735ee4b9bf377e6e?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Ashish Sehgal"},"description":"Ashish Sehgal is a Analyst with deep expertise in the PrestaShop platform offers strategic insights for e-commerce success. With a deep understanding of open-source platforms, he ensures tailored solutions. A skilled analyst, providing unique strategies for online businesses.","url":"https:\/\/webkul.com\/blog\/author\/ashishsehgal-magento190\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/456694","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\/165"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=456694"}],"version-history":[{"count":30,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/456694\/revisions"}],"predecessor-version":[{"id":505489,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/456694\/revisions\/505489"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=456694"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=456694"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=456694"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}