{"id":478807,"date":"2025-01-15T12:52:24","date_gmt":"2025-01-15T12:52:24","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=478807"},"modified":"2025-01-15T12:52:33","modified_gmt":"2025-01-15T12:52:33","slug":"cs-cart-headless-theme-documentation","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/","title":{"rendered":"User Guide for CS-Cart Headless Theme"},"content":{"rendered":"\n<p><a href=\"https:\/\/store.webkul.com\/cs-cart-headless-theme.html\" target=\"_blank\" rel=\"noreferrer noopener\">CS-Cart Headless theme<\/a> provides the CS-Cart store with a headless architecture and improves its overall performance and efficiency.<\/p>\n\n\n\n<p>It is built using a Headless eCommerce approach, using Next.js (which is based on React) for the front end. Also, It links up with CS-Cart via REST APIs.<\/p>\n\n\n\n<p><a href=\"https:\/\/webkul.com\/cs-cart-headless-development\/\" target=\"_blank\" rel=\"noreferrer noopener\">CS-Cart Headless Development<\/a> allows to separate the front end and back end of the CS-Cart eCommerce platform. So, They are independent and can be changed without impacting each other.<\/p>\n\n\n\n<p><strong>Note:<\/strong> This theme is compatible with default CS-Cart and is well integrated with CS-Cart Multi Vendor as well.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h2 class=\"wp-block-heading index-title\">Features<\/h2>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>ISR, or incremental site regeneration, is utilized for product pages.<\/li>\n\n\n\n<li>SSG, which stands for static site generation, is applied to CMS and other static content.<\/li>\n\n\n\n<li>The theme incorporates Tailwind and PostCSS for styling.<\/li>\n\n\n\n<li>The website&#8217;s performance gets enhanced.<\/li>\n\n\n\n<li>WebCore vitals gets improved.<\/li>\n\n\n\n<li>CS-Cart version updates require minimal maintenance.<\/li>\n\n\n\n<li>Overall website performance receives a boost.<\/li>\n\n\n\n<li>Next.js enhances your website&#8217;s SEO capabilities.<\/li>\n\n\n\n<li>Third-party integrations are simplified through APIs.<\/li>\n\n\n\n<li>The combination of these technologies provides a more efficient web experience.<\/li>\n\n\n\n<li>The headless architecture uses REST API.<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Installation<\/h3>\n<\/div><\/div>\n\n\n\n<p>Prerequisites<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Node<\/strong> &gt;= 16.0.0<\/li>\n\n\n\n<li><strong>NPM<\/strong> &gt;= 8.1.0&nbsp;<em>OR<\/em>&nbsp;&nbsp;YARN &gt;= 1.22.0<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Manual Installation<\/h3>\n\n\n\n<p>1) Unzip the respective extension zip and then move&nbsp;<strong>NextJs<\/strong>&nbsp;folder into directory where you want to install it.<\/p>\n\n\n\n<p>2) Setup the env<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&nbsp;Duplicate&nbsp;<strong><em>.env.template<\/em><\/strong>&nbsp;rename duplicate to&nbsp;<strong><em>.env<\/em><\/strong>.<\/li>\n\n\n\n<li>&nbsp;Update the values mentioned in&nbsp;<strong><em>.env<\/em><\/strong>&nbsp; file.<\/li>\n<\/ul>\n\n\n\n<p><strong>NO_SECRET<\/strong>: Set to&nbsp;<code>NO_SECRET<\/code>&nbsp;for development mode.<\/p>\n\n\n\n<p><strong>MODE<\/strong>: Set to&nbsp;<code>PRODUCTION<\/code>&nbsp;for production environment.<\/p>\n\n\n\n<p><strong>NEXTAUTH_SECRET<\/strong>: Your&nbsp;<code>NextAuth.js<\/code>&nbsp;secret for signing session tokens.<\/p>\n\n\n\n<p><strong>API_VERSION<\/strong>: The version of the API you wish to use.<\/p>\n\n\n\n<p><strong>NEXTAUTH_URL<\/strong>: The&nbsp;<code>base auth<\/code>&nbsp;URL for your NextAuth.js application.<\/p>\n\n\n\n<p><strong>BASE_URL<\/strong>: The&nbsp;<code>base URL<\/code>&nbsp;for your application.<\/p>\n\n\n\n<p><strong>CSCART_ENDPOINT<\/strong>:&nbsp;<code>Endpoint_URL<\/code>&nbsp;for CS-Cart API.<\/p>\n\n\n\n<p><strong>CSCART_COMPANYID<\/strong>:&nbsp;<code>Company_ID<\/code>&nbsp;for CS-Cart operations.<\/p>\n\n\n\n<p><strong>CSCLIENT_TOKEN<\/strong>:&nbsp;<code>Authorization<\/code>&nbsp;token for CS-Cart client API.<\/p>\n\n\n\n<p><strong>IMAGE_DOMAINS<\/strong>: Allowed image domains (e.g.,&nbsp;<code>flagcdn.com,other_domains<\/code>).<\/p>\n\n\n\n<p><strong>FAVICON_ICON<\/strong>: Path to the fallback favicon icon (e.g.,&nbsp;<code>\/favicon\/apple-icon-144x144.png<\/code>).<\/p>\n\n\n\n<p>3) Run Following Command via terminal:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">npm install OR yarn install<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">npm run build OR yarn build<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">npm run start OR yarn start<\/pre>\n\n\n\n<p>4) It will be served on 3000 port to your server for eg: localhost:3000.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Using Vercel<\/h3>\n\n\n\n<p>1) Unzip the respective extension zip and then upload&nbsp;<strong>NextJs<\/strong>&nbsp;folder to your Github private repository.<\/p>\n\n\n\n<p>2) Go to&nbsp;<strong>Vercel<\/strong>&nbsp;(create account\/login).<\/p>\n\n\n\n<p>3) Select Add New Project.<\/p>\n\n\n\n<p>4) Select your Repository under Import Git Repository.<\/p>\n\n\n\n<p>5) Add Project Name.<\/p>\n\n\n\n<p>6) Then select the Environment Variables and add the ENV variables mentioned in .env.template.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">For Apache<\/h3>\n\n\n\n<p>Header set Access-Control-Allow-Origin:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>https:\/\/your-website.com\/<\/li>\n<\/ul>\n\n\n\n<p>Header set Access-Control-Allow-Headers:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Accept, Content-Type<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">For Nginx<\/h3>\n\n\n\n<p>Header set Access-Control-Allow-Origin:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>https:\/\/your-website.com\/<\/li>\n<\/ul>\n\n\n\n<p>Header set Access-Control-Allow-Headers:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Accept, Content-Type<\/li>\n<\/ul>\n\n\n\n<p><strong>Note: <\/strong>To allow all origins you can just pass _ for eg: Header set Access-Control-Allow-Origin &#8220;_&#8221; OR add_header<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">CS-Cart Headless Theme &#8211; Admin Configuration<\/h3>\n<\/div><\/div>\n\n\n\n<p>Admin will go to the Dashboard and then navigate to Headless <strong>dropdown<\/strong> menu. From here, they can access the Headless settings. It is displayed as per below image,<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1366\" height=\"768\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-theme-settings-menu.webp\" alt=\"cs-cart headless theme settings menu\" class=\"wp-image-479094\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-theme-settings-menu.webp 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-theme-settings-menu-300x169.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-theme-settings-menu-1200x675.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-theme-settings-menu-250x141.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-theme-settings-menu-768x432.webp 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Lets check below the types of configurations available for the admin,<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Headless Banner Type<\/h3>\n\n\n\n<p>Under this section, admin can set the Banners as per their requirement. Now, the full list of created Banner types will be listed on this page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1366\" height=\"768\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-banner-type.webp\" alt=\"headless banner type\" class=\"wp-image-479142\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-banner-type.webp 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-banner-type-300x169.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-banner-type-1200x675.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-banner-type-250x141.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-banner-type-768x432.webp 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>They get the option for various banner types such as which can be added by admin,<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Banner<\/li>\n\n\n\n<li>Carousel<\/li>\n\n\n\n<li>Corner Offers<\/li>\n\n\n\n<li>Recently Viewed Products<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Headless Banner<\/h3>\n\n\n\n<p>In this type, admin can add banners with images and set their names as well. Here, the banners which they create under this section will be listed 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\/2025\/01\/webkul-cs-cart-healdess-banner-with-image.webp\" alt=\"headless banner with image\" class=\"wp-image-479157\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-healdess-banner-with-image.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-healdess-banner-with-image-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-healdess-banner-with-image-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-healdess-banner-with-image-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Headless Benefits<\/h3>\n\n\n\n<p>The Headless benefits section allows the admin to create and list benefits on the storefront as per choice.<\/p>\n\n\n\n<p>They can add images to it with Local, Server or URL and also set the status as Active or Disabled whenever required.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"459\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-benefits-page.webp\" alt=\"headless benefits\" class=\"wp-image-479166\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-benefits-page.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-benefits-page-300x123.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-benefits-page-250x102.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-benefits-page-768x315.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Headless Homepage<\/h3>\n\n\n\n<p>The Headless homepage section is used by admin to add various blocks on the homepage. Here, they can add <strong>Featured Products<\/strong> or <strong>Explore Products<\/strong> through it and display them over the storefront.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"509\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-homepage-settings.webp\" alt=\"headless homepage\" class=\"wp-image-479175\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-homepage-settings.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-homepage-settings-300x136.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-homepage-settings-250x114.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-homepage-settings-768x349.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Headless Notifications<\/h3>\n\n\n\n<p>The admin can set notifications based on Product, Category and Other types from the headless notification section. Also, its configuration is displayed as below,<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"460\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-notifications.webp\" alt=\"headless notifications\" class=\"wp-image-479177\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-notifications.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-notifications-300x123.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-notifications-250x103.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-notifications-768x315.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Headless Footers<\/h3>\n\n\n\n<p>Footer of the storefront is editable for the admin. Here, they can add various footers. Also, they can set the <strong>Title<\/strong>, <strong>Position<\/strong> and Choose <strong>Page<\/strong> or <strong>Category<\/strong>.<\/p>\n\n\n\n<p>T<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Headless AR<\/h3>\n\n\n\n<p>Products can be displayed in Augmented Reality on the storefront using the CS-Cart Headless theme. Here, Admin can add products and add their respective files in <strong>.glb<\/strong> and <strong>.usdz<\/strong> format.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"562\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-healdess-ar-product.webp\" alt=\"add Augmented reality product\" class=\"wp-image-479265\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-healdess-ar-product.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-healdess-ar-product-300x151.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-healdess-ar-product-250x125.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-healdess-ar-product-768x385.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Clear Cache<\/h3>\n\n\n\n<p>The <strong>Clear Cache<\/strong> button allows the admin to clear the cache in this headless theme.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"817\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-clear-cache.webp\" alt=\"headless clear cache\" class=\"wp-image-479286\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-clear-cache.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-clear-cache-300x219.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-clear-cache-250x182.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-clear-cache-768x560.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, let&#8217;s take a look at the Headless theme storefront below,<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Seller End Workflow<\/h3>\n<\/div><\/div>\n\n\n\n<p>CS-Cart Headless theme is compatible with CS-Cart Multi Vendor. Therefore, sellers can also register on the platform and start selling.<\/p>\n\n\n\n<p>To register as a Seller, a user will navigate to <strong>Home>All Sellers<\/strong> and then tap on <strong>Become a Seller<\/strong> button. So, It is displayed as per the image 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\/2025\/01\/1-webkul-cscart-headless-marketplace-seller-landing-page.webp\" alt=\"become a seller\" class=\"wp-image-479388\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/1-webkul-cscart-headless-marketplace-seller-landing-page.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/1-webkul-cscart-headless-marketplace-seller-landing-page-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/1-webkul-cscart-headless-marketplace-seller-landing-page-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/1-webkul-cscart-headless-marketplace-seller-landing-page-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Once the user taps on the Become a Seller button, then, a registration page pops up in which they have to enter the following details,<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Company<\/strong>: Enter the company name<\/li>\n\n\n\n<li><strong>Email<\/strong>: Enter the Email Address<\/li>\n<\/ul>\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\/2025\/01\/2-webkul-cscart-headless-vendor-registration.webp\" alt=\"vendor registration popup\" class=\"wp-image-479410\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/2-webkul-cscart-headless-vendor-registration.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/2-webkul-cscart-headless-vendor-registration-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/2-webkul-cscart-headless-vendor-registration-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/2-webkul-cscart-headless-vendor-registration-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Fill the details and then tap on <strong>Submit<\/strong> button to register as a seller.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Storefront<\/h3>\n<\/div><\/div>\n\n\n\n<p>An effectively structured home page with a navigation menu, categorized sections, featured products, a dedicated area for special offers, and a banner featuring a call-to-action button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"1163\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cscart-headless-marketplace-storefront.webp\" alt=\"headless theme storefront\" class=\"wp-image-479301\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cscart-headless-marketplace-storefront.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cscart-headless-marketplace-storefront-289x300.webp 289w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cscart-headless-marketplace-storefront-986x1024.webp 986w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cscart-headless-marketplace-storefront-240x249.webp 240w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cscart-headless-marketplace-storefront-768x797.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Search Option<\/h3>\n\n\n\n<p>Visitors can swiftly and effortlessly locate products by utilizing the search feature located on the right side of the menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2240\" height=\"1760\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-search-option.webp\" alt=\"search option\" class=\"wp-image-479304\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-search-option.webp 2240w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-search-option-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-search-option-1200x943.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-search-option-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-search-option-768x603.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-search-option-1536x1207.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-search-option-2048x1609.webp 2048w\" sizes=\"(max-width: 2240px) 100vw, 2240px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Category Page<\/h3>\n\n\n\n<p>Showcase a chosen range of products in a specific category. Use layered navigation to help visitors easily find and filter the items they are interested in.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2240\" height=\"1760\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-category-page.webp\" alt=\"category page\" class=\"wp-image-479307\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-category-page.webp 2240w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-category-page-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-category-page-1200x943.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-category-page-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-category-page-768x603.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-category-page-1536x1207.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-category-page-2048x1609.webp 2048w\" sizes=\"(max-width: 2240px) 100vw, 2240px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Catalog Listing<\/h3>\n\n\n\n<p>Customers can sort products by utilizing the different filter options located in the top right corner. They can arrange the products based on any of the choices displayed in the screenshots below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2240\" height=\"1760\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-catalog-listing.webp\" alt=\"catalog listing\" class=\"wp-image-479339\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-catalog-listing.webp 2240w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-catalog-listing-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-catalog-listing-1200x943.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-catalog-listing-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-catalog-listing-768x603.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-catalog-listing-1536x1207.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-catalog-listing-2048x1609.webp 2048w\" sizes=\"(max-width: 2240px) 100vw, 2240px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Product Page<\/h3>\n\n\n\n<p>Make your product pages stand out by including engaging descriptions, showcasing related items, and allowing customer reviews.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1366\" height=\"768\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-storefront-product-page.webp\" alt=\"product page\" class=\"wp-image-479342\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-storefront-product-page.webp 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-storefront-product-page-300x169.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-storefront-product-page-1200x675.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-storefront-product-page-250x141.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-storefront-product-page-768x432.webp 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Also, Customers can check the <strong>Related Products<\/strong> as well from the below section,<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1366\" height=\"768\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-storefront-related-products.webp\" alt=\"related products\" class=\"wp-image-479348\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-storefront-related-products.webp 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-storefront-related-products-300x169.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-storefront-related-products-1200x675.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-storefront-related-products-250x141.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-storefront-related-products-768x432.webp 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Cart Page<\/h3>\n\n\n\n<p>A shopping cart icon located at the top right corner of the website. It lets customers view and check their cart whenever they want.<\/p>\n\n\n\n<p>Additionally, it includes a <strong>Checkout<\/strong> button that redirects the customers to the checkout page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1366\" height=\"768\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-shopping-cart.webp\" alt=\"shopping cart\" class=\"wp-image-479351\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-shopping-cart.webp 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-shopping-cart-300x169.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-shopping-cart-1200x675.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-shopping-cart-250x141.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-shopping-cart-768x432.webp 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Checkout Page<\/h3>\n\n\n\n<p>Users can easily access a streamlined and effective checkout page. Further, it includes options for shipping address, shipping method, billing address, payment, and order review.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1366\" height=\"768\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-checkout-page.webp\" alt=\"checkout page\" class=\"wp-image-479353\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-checkout-page.webp 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-checkout-page-300x169.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-checkout-page-1200x675.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-checkout-page-250x141.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-checkout-page-768x432.webp 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Login Page<\/h3>\n\n\n\n<p>Now, from this page Customers can Login through their Email and Password from the Login Page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1366\" height=\"768\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-login-page.webp\" alt=\"login page\" class=\"wp-image-479354\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-login-page.webp 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-login-page-300x169.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-login-page-1200x675.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-login-page-250x141.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-login-page-768x432.webp 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/figure>\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>So, that is all for the CS-Cart Headless Theme. Also, If you require any further assistance, Please don&#8217;t hesitate to reach out to us through <a href=\"mailto:support@webkul.com\">support@webkul.com<\/a> or <a href=\"https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/\" target=\"_blank\" rel=\"noreferrer noopener\">raise a ticket<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>CS-Cart Headless theme provides the CS-Cart store with a headless architecture and improves its overall performance and efficiency. It is built using a Headless eCommerce approach, using Next.js (which is based on React) for the front end. Also, It links up with CS-Cart via REST APIs. CS-Cart Headless Development allows to separate the front end <a href=\"https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":551,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1496],"tags":[],"class_list":["post-478807","post","type-post","status-publish","format-standard","hentry","category-cs-cart"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>User Guide for CS-Cart Headless Theme<\/title>\n<meta name=\"description\" content=\"In this guide for CS-Cart Headless theme, we will get to know about its features, installation and working.\" \/>\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\/cs-cart-headless-theme-documentation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"User Guide for CS-Cart Headless Theme\" \/>\n<meta property=\"og:description\" content=\"In this guide for CS-Cart Headless theme, we will get to know about its features, installation and working.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/\" \/>\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=\"2025-01-15T12:52:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-15T12:52:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-theme-settings-menu.webp\" \/>\n<meta name=\"author\" content=\"Satyam Pandey\" \/>\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=\"Satyam Pandey\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/\"},\"author\":{\"name\":\"Satyam Pandey\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/c65e54196184c2defb7fd2809c260a2e\"},\"headline\":\"User Guide for CS-Cart Headless Theme\",\"datePublished\":\"2025-01-15T12:52:24+00:00\",\"dateModified\":\"2025-01-15T12:52:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/\"},\"wordCount\":1140,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-theme-settings-menu.webp\",\"articleSection\":[\"Cs Cart\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/\",\"url\":\"https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/\",\"name\":\"User Guide for CS-Cart Headless Theme\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-theme-settings-menu.webp\",\"datePublished\":\"2025-01-15T12:52:24+00:00\",\"dateModified\":\"2025-01-15T12:52:33+00:00\",\"description\":\"In this guide for CS-Cart Headless theme, we will get to know about its features, installation and working.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-theme-settings-menu.webp\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-theme-settings-menu.webp\",\"width\":1366,\"height\":768},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"User Guide for CS-Cart Headless 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\/c65e54196184c2defb7fd2809c260a2e\",\"name\":\"Satyam Pandey\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b9dbc6ca51134a338caddc18aa078c041b754f02dead17afe9b0a40880fa6d16?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\/b9dbc6ca51134a338caddc18aa078c041b754f02dead17afe9b0a40880fa6d16?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Satyam Pandey\"},\"description\":\"Satyam specializes in managing pre-sales queries and eCommerce projects on the Magento platform. Focused on technology and eCommerce, ensures accurate documentation, content management, and seamless project execution to drive business growth at Webkul.\",\"url\":\"https:\/\/webkul.com\/blog\/author\/satyam-pandey545\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"User Guide for CS-Cart Headless Theme","description":"In this guide for CS-Cart Headless theme, we will get to know about its features, installation and working.","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\/cs-cart-headless-theme-documentation\/","og_locale":"en_US","og_type":"article","og_title":"User Guide for CS-Cart Headless Theme","og_description":"In this guide for CS-Cart Headless theme, we will get to know about its features, installation and working.","og_url":"https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2025-01-15T12:52:24+00:00","article_modified_time":"2025-01-15T12:52:33+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-theme-settings-menu.webp","type":"","width":"","height":""}],"author":"Satyam Pandey","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Satyam Pandey","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/"},"author":{"name":"Satyam Pandey","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/c65e54196184c2defb7fd2809c260a2e"},"headline":"User Guide for CS-Cart Headless Theme","datePublished":"2025-01-15T12:52:24+00:00","dateModified":"2025-01-15T12:52:33+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/"},"wordCount":1140,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-theme-settings-menu.webp","articleSection":["Cs Cart"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/","url":"https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/","name":"User Guide for CS-Cart Headless Theme","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-theme-settings-menu.webp","datePublished":"2025-01-15T12:52:24+00:00","dateModified":"2025-01-15T12:52:33+00:00","description":"In this guide for CS-Cart Headless theme, we will get to know about its features, installation and working.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-theme-settings-menu.webp","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/01\/webkul-cs-cart-headless-theme-settings-menu.webp","width":1366,"height":768},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/cs-cart-headless-theme-documentation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"User Guide for CS-Cart Headless 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\/c65e54196184c2defb7fd2809c260a2e","name":"Satyam Pandey","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b9dbc6ca51134a338caddc18aa078c041b754f02dead17afe9b0a40880fa6d16?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\/b9dbc6ca51134a338caddc18aa078c041b754f02dead17afe9b0a40880fa6d16?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Satyam Pandey"},"description":"Satyam specializes in managing pre-sales queries and eCommerce projects on the Magento platform. Focused on technology and eCommerce, ensures accurate documentation, content management, and seamless project execution to drive business growth at Webkul.","url":"https:\/\/webkul.com\/blog\/author\/satyam-pandey545\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/478807","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\/551"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=478807"}],"version-history":[{"count":31,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/478807\/revisions"}],"predecessor-version":[{"id":480563,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/478807\/revisions\/480563"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=478807"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=478807"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=478807"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}