Atte Liimatainen

<p>Converts frontend to JSON response when request is done with certain conditions.</p>
<h3>Inspiration</h3>
<p>After creating a bunch of headless WordPress + Web app stacks, I wanted to find a standard and a all-round solution for fetching per page information for web applications inside WordPress. Built-in rest api works fine in basic cases, but it doesn’t support querying by path. Usually this meant that for each project developers would create a custom rest endpoint which would return expected content using content type and slug parameters.</p>
<p>WordPress has few built-in functions to retrieve content by path, <a href="https://developer.wordpress.org/reference/functions/url_to_postid/" rel="nofollow ugc">url_to_postid</a> and <a href="https://developer.wordpress.org/reference/functions/get_page_by_path/" rel="nofollow ugc">get_page_by_path</a>, but they don’t seem to work with multilanguage plugins, taxonomy or archive pages, which means that WP doesn’t have a reliable way to fetch content this way through rest api.</p>
<p>This plugin converts frontend to JSON which seems after above solution the best way to do things, with added layer of security through application passwords (WordPress v5.6 feature) and a filter, which let’s developers alter outgoing data.</p>
<h3>How to start using the plugin</h3>
<ul>
<li>Install and activate this plugin in your environment</li>
<li>Create application password for a user with administrator role</li>
</ul>
<p>After above steps have been made, make a request to a page with added <a href="https://en.wikipedia.org/wiki/Basic_access_authentication#Client_side" rel="nofollow ugc">Authorization header</a>. See data fetching examples at the end of this documentation for more help</p>
<h3>Modifying the output</h3>
<p>Plugin outputs current page’s Post object or null. This can be modified using <code>headless-converter-modify-data</code>-filter. You can either modify passed in post object or do your own logic like in the example below.</p>
<pre><code>/**
 * Modifies Headless Converter plugin's output.
 * 
 * @param WPPost|null $post - Current template's post object 
 */
function modify_headless_converter_output($post) {
  if(is_404()) {
    return "this block renders 404 page content";
  } else if(is_page()) {
    return "this block renders page post types content";
  } else if (is_singular('post')) {
    return "this block renders single post content";
  } else if(is_home()) {
    return "this block renders post archive";
  } else {
    return $post;
  }
}

add_filter('headless-converter-modify-data', 'modify_headless_converter_output');
</code></pre>
<h3>Data fetching examples</h3>
<h4>Fetch</h4>
<pre><code>const username = "admin"
const password = "1111 1111 1111 1111 1111"
const url = "http://localhost:3000/?page_id=2"
const opts = {
  headers: {
     'Authorization': 'Basic ' + btoa(username + ":" + password) 
  }, 
}
fetch(url, opts).then(r => r.json()).then(console.log)
</code></pre>
<h4>Axios</h4>
<pre><code>const axios = require("axios")

const username = "admin"
const password = "1111 1111 1111 1111 1111"
const url = "http://localhost:3000/?page_id=2"
const opts = {
  auth: {
    username,
    password
  }
}

axios(url, opts).then(r => r.data).then(console.log)
</code></pre>


Headless Converter

Converts frontend to JSON response when request is done with certain conditions.

Sébastien Dumont

CoCart Headless

JPPdesigns

<p>This free add-on for <a href="https://wordpress.org/plugins/cart-rest-api-for-woocommerce/" rel="ugc">CoCart</a> enhances the data returned for the cart and the items added to it.</p>
<h3>✨ Enhancements</h3>
<p>Each item added to the cart will return the following:</p>
<ul>
<li>Returns visible product attributes for all products that is not a variation product. – <strong>Enhances API v2 ONLY</strong></li>
<li>Returns the regular price and sale price if any. – <strong>Enhances API v2 ONLY</strong></li>
<li>Returns the discount status of items and the discounted price if any. – <strong>Enhances API v2 ONLY</strong></li>
<li>Returns virtual and downloadable status. – <strong>Enhances API v2</strong></li>
<li>Returns the product slug.</li>
<li>Returns the product type.</li>
<li>Returns variation data formatted.</li>
<li>Returns the product dimensions.</li>
<li>Returns product price raw.</li>
<li>Returns the product categories assigned. – <strong>Enhances API v2</strong></li>
<li>Returns the product tags assigned. – <strong>Enhances API v2</strong></li>
<li>Returns the product SKU.</li>
<li>Returns the product weight and unit.</li>
<li>Returns the product stock status. – <strong>Enhances API v2</strong></li>
<li>Returns the product gallery if any. – <strong>Enhances API v2</strong></li>
<li>Returns the product permalink. – <strong>Enhances API v2</strong></li>
</ul>
<p>Want more? <a href="https://cocartapi.com/pricing/?utm_medium=website&utm_source=wpplugindirectory&utm_campaign=readme&utm_content=readmelink" rel="nofollow ugc">See what we have in store</a>.</p>
<p>★★★★★</p>
<blockquote>
<p>An excellent plugin, which makes building a headless WooCommerce experience a breeze. Easy to use, nearly zero setup time. <a href="https://wordpress.org/support/topic/excellent-plugin-8062/" rel="ugc">Harald Schneider</a></p>
</blockquote>
<h3>🧰 Developer Tools</h3>
<ul>
<li><strong><a href="https://github.com/cocart-headless/cocart-beta-tester" rel="nofollow ugc">CoCart Beta Tester</a></strong> allows you to easily update to pre-release versions of CoCart for testing and development purposes.</li>
<li><strong><a href="https://github.com/cocart-headless/cocart-vscode" rel="nofollow ugc">CoCart VSCode</a></strong> extension for Visual Studio Code adds snippets and autocompletion of functions, classes and hooks.</li>
<li><strong><a href="https://github.com/cocart-headless/cocart-product-support-boilerplate" rel="nofollow ugc">CoCart Product Support Boilerplate</a></strong> provides a basic boilerplate for supporting a different product types to add to the cart with validation including adding your own parameters.</li>
<li><strong><a href="https://github.com/cocart-headless/cocart-cart-callback-example" rel="nofollow ugc">CoCart Cart Callback Example</a></strong> provides you an example of registering a callback that can be triggered when updating the cart.</li>
</ul>
<h4>👍 Add-ons to further enhance CoCart</h4>
<p>We also have other add-ons that extend CoCart to enhance your development and your customers shopping experience.</p>
<ul>
<li><strong><a href="https://wordpress.org/plugins/cocart-cors/" rel="ugc">CoCart – CORS</a></strong> enables support for CORS to allow CoCart to work across multiple domains. – <strong>FREE</strong></li>
<li><strong><a href="https://wordpress.org/plugins/cocart-rate-limiting" rel="ugc">CoCart – Rate Limiting</a></strong> enables the rate limiting feature. – <strong>FREE</strong></li>
<li><strong><a href="https://wordpress.org/plugins/cocart-jwt-authentication" rel="ugc">CoCart – JWT Authentication</a></strong> allows you to authenticate via a simple JWT Token. – <strong>FREE</strong></li>
<li>and more add-ons in development.</li>
</ul>
<p>They work with the core of CoCart already, and these add-ons of course come with support too.</p>
<p>★★★★★</p>
<blockquote>
<p>Amazing Plugin. I’m using it to create a react-native app with WooCommerce as back-end. This plugin is a life-saver! <a href="https://wordpress.org/support/topic/amazing-plugin-1562/" rel="ugc">Daniel Loureiro</a></p>
</blockquote>
<h4>More testimonials</h4>
<p><a href="https://cocartapi.com/wall-of-love/?utm_medium=website&utm_source=wpplugindirectory&utm_campaign=readme&utm_content=readmelink" rel="nofollow ugc">See the wall of love</a>.</p>
<h3>⌨️ Join our growing community</h3>
<p>A Discord community for developers, WordPress agencies and shop owners building the fastest and best headless WooCommerce stores with CoCart.</p>
<p><a href="https://cocartapi.com/community/?utm_medium=wp.org&utm_source=wordpressorg&utm_campaign=readme&utm_content=cocart" rel="nofollow ugc">Join our community</a></p>
<h3>🐞 Bug reports</h3>
<p>Bug reports for CoCart – Cart API Enhanced are welcomed in the <a href="https://github.com/cocart-headless/cocart-get-cart-enhanced" rel="nofollow ugc">CoCart – Cart API Enhanced repository on GitHub</a>. Please note that GitHub is not a support forum, and that issues that aren’t properly qualified as bugs will be closed.</p>
<h3>More information</h3>
<ul>
<li>The official <a href="https://cocartapi.com/?utm_medium=website&utm_source=wpplugindirectory&utm_campaign=readme&utm_content=readmelink" rel="nofollow ugc">CoCart API plugin</a> website.</li>
<li><a href="https://cocart.dev/?utm_medium=website&utm_source=wpplugindirectory&utm_campaign=readme&utm_content=readmelink" rel="nofollow ugc">CoCart for Developers</a>, an official hub for resources you need to be productive with CoCart and keep track of everything that is happening with the API.</li>
<li><a href="https://docs.cocart.xyz/" rel="nofollow ugc">CoCart API Reference</a></li>
<li><a href="http://eepurl.com/dKIYXE" rel="nofollow ugc">Subscribe to updates</a></li>
<li>Like, Follow and Star on <a href="https://www.facebook.com/cocartforwc/" rel="nofollow ugc">Facebook</a>, <a href="https://twitter.com/cocartapi" rel="nofollow ugc">Twitter</a>, <a href="https://www.instagram.com/cocartheadless/" rel="nofollow ugc">Instagram</a> and <a href="https://github.com/co-cart/co-cart" rel="nofollow ugc">GitHub</a></li>
</ul>
<h4>💯 Credits</h4>
<p>This plugin is developed and maintained by <a href="https://twitter.com/sebd86" rel="nofollow ugc">Sébastien Dumont</a>.<br />
Founder of <a href="https://twitter.com/cocartheadless" rel="nofollow ugc">CoCart Headless, LLC</a>.</p>


CoCart – Cart API Enhanced

Enhances CoCart's cart REST API response.

Headless Converter vs CoCart – Cart API Enhanced