[FEATURE] MokoSuiteShop product OG tag support #53

Closed
opened 2026-06-21 15:14:16 +00:00 by jmiller · 2 comments
Owner

Overview

MokoSuiteOpenGraph needs native support for MokoSuiteShop products so that product pages automatically get rich social sharing previews (OG tags, Twitter Cards, JSON-LD Product schema).

This replaces the removed third-party adapters (HikaShop, K2, VirtueMart) with first-party MokoSuite integration.

Requirements

Auto-generated OG tags for products

  • og:title — product name
  • og:description — product short description (truncated)
  • og:image — product main image
  • og:typeproduct
  • og:url — canonical product URL
  • product:price:amount / product:price:currency — product pricing meta

JSON-LD Product schema

  • @type: Product with name, description, image, sku
  • offers with price, priceCurrency, availability, url
  • brand if available
  • aggregateRating if reviews exist

Content plugin integration

  • OG fields tab in MokoSuiteShop product editor
  • Per-product OG overrides (same as articles)
  • Auto-generation fallback when no custom OG data set

System plugin integration

  • Detect com_mokosuiteshop product views in onBeforeCompileHead
  • Load product data and generate OG/Twitter/JSON-LD tags
  • Support product category pages with category-level OG fallback

Batch support

  • Include MokoSuiteShop products in batch OG generation
  • CSV import/export should support com_mokosuiteshop content type

Dependencies

  • MokoSuiteShop must expose product data via model or API
  • Need to confirm MokoSuiteShop component option name and view names

Files to modify/create

  • source/packages/plg_system_mokoog/src/Extension/MokoOG.php — add product view detection
  • source/packages/plg_system_mokoog/src/Helper/JsonLdBuilder.php — add Product schema
  • source/packages/plg_content_mokoog/src/Extension/MokoOGContent.php — add form injection for product editor
  • source/packages/com_mokoog/src/Controller/BatchController.php — add product batch query
## Overview MokoSuiteOpenGraph needs native support for MokoSuiteShop products so that product pages automatically get rich social sharing previews (OG tags, Twitter Cards, JSON-LD Product schema). This replaces the removed third-party adapters (HikaShop, K2, VirtueMart) with first-party MokoSuite integration. ## Requirements ### Auto-generated OG tags for products - `og:title` — product name - `og:description` — product short description (truncated) - `og:image` — product main image - `og:type` — `product` - `og:url` — canonical product URL - `product:price:amount` / `product:price:currency` — product pricing meta ### JSON-LD Product schema - `@type: Product` with `name`, `description`, `image`, `sku` - `offers` with `price`, `priceCurrency`, `availability`, `url` - `brand` if available - `aggregateRating` if reviews exist ### Content plugin integration - OG fields tab in MokoSuiteShop product editor - Per-product OG overrides (same as articles) - Auto-generation fallback when no custom OG data set ### System plugin integration - Detect `com_mokosuiteshop` product views in `onBeforeCompileHead` - Load product data and generate OG/Twitter/JSON-LD tags - Support product category pages with category-level OG fallback ### Batch support - Include MokoSuiteShop products in batch OG generation - CSV import/export should support `com_mokosuiteshop` content type ## Dependencies - MokoSuiteShop must expose product data via model or API - Need to confirm MokoSuiteShop component option name and view names ## Files to modify/create - `source/packages/plg_system_mokoog/src/Extension/MokoOG.php` — add product view detection - `source/packages/plg_system_mokoog/src/Helper/JsonLdBuilder.php` — add Product schema - `source/packages/plg_content_mokoog/src/Extension/MokoOGContent.php` — add form injection for product editor - `source/packages/com_mokoog/src/Controller/BatchController.php` — add product batch query
jmiller added the enhancementproduction-readiness labels 2026-06-21 15:14:16 +00:00
Author
Owner

Branch created: feature/53-feature-mokosuiteshop-product-og-tag-sup

git fetch origin
git checkout feature/53-feature-mokosuiteshop-product-og-tag-sup
Branch created: [`feature/53-feature-mokosuiteshop-product-og-tag-sup`](https://git.mokoconsulting.tech/MokoConsulting/MokoSuiteOpenGraph/src/branch/feature/53-feature-mokosuiteshop-product-og-tag-sup) ```bash git fetch origin git checkout feature/53-feature-mokosuiteshop-product-og-tag-sup ```
Author
Owner

Core implementation done in commit 8793e6b: product view detection, auto-generated OG tags from CRM product data, product:price meta tags, JSON-LD Product schema with offers and aggregate ratings. Remaining items (content plugin form injection, batch support) can be follow-up PRs.

Core implementation done in commit `8793e6b`: product view detection, auto-generated OG tags from CRM product data, `product:price` meta tags, JSON-LD Product schema with offers and aggregate ratings. Remaining items (content plugin form injection, batch support) can be follow-up PRs.
Sign in to join this conversation.
Priority Medium
Type Feature
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: MokoConsulting/MokoSuiteOpenGraph#53