North Commerce
Back to North Commerce
  • 🚀Getting Started
    • Welcome to North Commerce
    • Installation
  • ⛰️Core Concepts
    • Orders
    • Products
      • Create a product
      • One Time Products
      • Subscription Products
      • Payment Plan Products
  • 💳Payment Gateways & Merchants
    • Stripe
    • PayPal
  • 📄Single Page Checkout Forms & Funnels
    • Single Page Checkout
  • 🎨Styling
    • Global CSS Variables
  • Builders
    • Beaver Builder
      • Building With Beaver Builder
    • Bricks
      • Query Loop
      • Attributes
        • Cart Item Attributes
    • Oxygen
  • Shortcodes
    • Product Collections
    • Product Collection Slider
    • Product Page
    • Cart Page
    • Checkout Page
    • Cart Drawer
    • Cart Icon
    • Customer Registration
    • Customer Account
  • Settings
    • General
  • For Developers
    • Flows
      • Add To Cart
      • Flow Events
      • Custom Functions In Flows
    • PHP "API"
      • Basic Entity Access Usage
    • Hooks & Actions
      • View Admin Hook Names
    • REST API
      • Getting Started
      • Adding Test Data
      • Filtering
  • Integrations
    • Create an integration
Powered by GitBook
On this page

Was this helpful?

  1. Shortcodes

Product Page

The product page is one of the few pages that is automatically generated when the North Commerce Plugin is activated.

PreviousProduct Collection SliderNextCart Page

Last updated 1 year ago

Was this helpful?

This shortcode will render a collection of products but when a product is selected and the URL includes the product slug, the single product is rendered.

[nc-product]

There are additonal options available in the product collection such as product options and add to cart. Once a product is selected and the url includes the product, the product page will reload and show the product page for a customer to checkout.

If you'd like to edit the CSS of the shortcode you can see the styling section for more information.