TheShop
  • Home
    • TheShop: Headless e-commerce platform with API-first approach
  • GETTING STARTED
    • Quickstart guide
  • frontstore
    • Introduction
      • Types of frontstores
    • API
      • Frontstore API
      • Template customization
    • API client for Laravel
      • Example: Find products by keyword and include sold out products with available attributes to filter
    • Basic selling flow
      • Homepage
      • Product list
      • Product detail
        • Availability and count info in products
        • Add products to cart
        • Variants tree
      • Shopping cart (Basket)
        • Shopping cart list
        • Voucher (discount code)
      • Shipping and payment
      • Checkout
        • Completing order – payment flow
    • Contact form
    • Headless CMS
    • Caching
    • Known Issues
    • FAQ
Powered by GitBook
On this page
  • Edit CSS
  • Edit structure
  • File path to Head
  1. frontstore
  2. API

Template customization

In this section, you can find the information about the templates and how to customize them.

  • Edit CSS

  • CSS structure

Edit CSS

Global CSS:

resources/css/app.css

Edit CSS via these commands:

npm run dev
npm run watch

Edit structure

To edit a box structure, edit .php in the blade files.

You can use any other language or framework, such as JavaScript or Vue.js.

File path to Head

To edit the head, follow this file path:

resources/view/layout.blade.php
PreviousFrontstore APINextAPI client for Laravel

Last updated 1 year ago