DOCSEARCHbyAlgolia
Submit Docs

Hargo Hugo Theme

repository·main·Indexed 41 days ago

https://github.com/gethugothemes/hargo-hugo

A Bootstrap-based e-commerce theme for the Hugo static site generator (version 0.163.3 or higher). Features integration with Snipcart, Sitepins CMS, and pre-defined Netlify settings, with built-in support for product, cart, and blog pages.

Tokens
618
Snippets
2
Records
4
Agent score
50%

What's inside Hargo Hugo

  1. Overview of Hargo Hugo features and pages

    main

    Hargo is a modern online store theme for Hugo built on Bootstrap.

    Key Features

    • Page Speed: Optimized for Google Page Speed (approx. 80%).
    • E-commerce: Compatible with Snipcart and includes contact form support.
    • SEO: Includes Open Graph and Twitter Card meta tags.
    • Integrations: Google Analytics and Google Maps support.
    • Deployment: Pre-defined Netlify settings.
    • Assets: CSS and JS are bundled using Hugo Pipes.

    Included Pre-Designed Pages

    • Home Page
    • Product Page & Product Single Page
    • Cart Page & Checkout Page
    • FAQ Page
    • Blog Page & Blog Single Page
    • Contact Page
    • Terms and Condition Page

  2. Set up Hargo Hugo for local development

    main

    To start developing with the Hargo Hugo theme, you need to clone the repository, run the project setup script to install dependencies, and then start the local development server.

    Prerequisites:

    • Hugo version 0.163.3 or higher.
    • npm installed on your system.
    • Git installed on your system.

    Steps:

    1. Clone the repository.
    2. Run the project setup command to prepare the environment.
    3. Start the local development server to preview your changes.
    # clone the repository
git clone git@github.com:themefisher/hargo-hugo.git

# setup project
$ npm run project-setup

# Start local dev server
$ npm run dev

  3. Edit content using Sitepins CMS

    main

    Hargo Hugo is pre-configured with Sitepins, a Git-based Headless CMS. This allows you to manage website text, images, and configuration visually without modifying the underlying code.

    To use the CMS, you can clone the repository into Sitepins and follow their on-screen instructions to begin visual editing.

  4. Configure Terms & Conditions page metadata

    main

    To create or customize a Terms & Conditions page in the exampleSite, create a markdown file at content/terms-conditions/_index.md. You can control the page's appearance and SEO via the YAML front matter.

    Key front matter fields include:

    • title: The display name of the page.
    • date: The publication date.
    • draft: Set to false to ensure the page is published.
    • description: The meta description used for SEO purposes.
    ---
title: "Terms & Conditions"
date: 2019-10-17T11:22:16+06:00
draft: false
description : "this is a meta description"
---