Skip to main content

Product Page

Update Design and Content for Product or Services for your product page area

Product Page Data​

Now you can change and update home page design UI or update article content , access on data/Product.json and open with code editor

SEO for Product Page​

First, you need to set up your SEO, so you can update your title, description, url and cover image here.

Example code

  "title": "Docusaurus Web Developer Product and Services",
  "description": "Website developer docusaurus - create themes and web developer services",
  "url": "/product",
  "image": "img/react.svg",

Header area​

For the update header area you can find this line code and update it according to your needs.

    "title": "Product Services",
    "description": "Docusa Docusarus web developer - Product and Services"

Product or Services​

Now you can add information about your product or services. to add a new list you simply copy and paste from the example code, then edit it.

Example

  "product_list": [
    {
      "image": "URL image here..",
      "title": "Title for your product services..",
      "content": "Content article for information about your product services list..."
    },
    {
      "image": "URL Image for new product services here...",
      "title": "Title for new product services here...",
      "content": "Write information for new product services here..."
    },
    {
      "image": "img/product/eleventy.svg",
      "title": "Eleventy 11ty Dev",
      "content": "If you want to develop a site with a fast static site generator, then Eleventy 11ty is your solution."
    }

Implementation

  "product_list": [
    {
      "image": "img/product/docsite.svg",
      "title": "Documentation Site",
      "content": "We can help you to create, develop and build documentation websites. - Tech Docusaurus or Starlight by Astro Js"
    },
    {
      "image": "img/product/jekyll.svg",
      "title": "Jekyll Web",
      "content": "If you need a Jekyll website developer, then we are the right choice for your Jekyll project."
    },
    {
      "image": "img/product/eleventy.svg",
      "title": "Eleventy 11ty Dev",
      "content": "If you want to develop a site with a fast static site generator, then Eleventy 11ty is your solution."
    }