handleTitleChange(e.target.value)}
- placeholder={__('e.g., About Us')}
- disabled={createMutation.isPending}
- />
+
+
+
+ {__('Page Title')}
+
+
+
{__('URL Slug')}
+
setSlug(e.target.value.toLowerCase().replace(/[^a-z0-9-]/g, ''))}
+ placeholder={__('e.g., about-us')}
+ disabled={createMutation.isPending}
+ />
+
+ {siteUrl}/{slug || 'page'}
+
+
-
-
{__('URL Slug')}
-
setSlug(e.target.value.toLowerCase().replace(/[^a-z0-9-]/g, ''))}
- placeholder={__('e.g., about-us')}
- disabled={createMutation.isPending}
- />
-
- {__('URL will be: ')}{siteUrl}/{slug || 'page-slug'}
-
+
+
{__('Choose a Template')}
+
+ {templates.map((tpl) => (
+
setSelectedTemplateId(tpl.id)}
+ >
+
+ {tpl.label}
+
+
+ {tpl.description}
+
+
+ ))}
+ {templates.length === 0 && (
+
+ {__('Loading templates...')}
+
+ )}
+
)}
diff --git a/admin-spa/src/routes/Appearance/Pages/components/InspectorField.tsx b/admin-spa/src/routes/Appearance/Pages/components/InspectorField.tsx
new file mode 100644
index 0000000..4053606
--- /dev/null
+++ b/admin-spa/src/routes/Appearance/Pages/components/InspectorField.tsx
@@ -0,0 +1,139 @@
+import React from 'react';
+import { cn } from '@/lib/utils';
+import { Input } from '@/components/ui/input';
+import { Textarea } from '@/components/ui/textarea';
+import { Label } from '@/components/ui/label';
+import { Switch } from '@/components/ui/switch';
+import { Button } from '@/components/ui/button';
+import { __ } from '@/lib/i18n';
+import {
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+} from '@/components/ui/select';
+import { MediaUploader } from '@/components/MediaUploader';
+import { Image as ImageIcon } from 'lucide-react';
+
+import { RichTextEditor } from '@/components/ui/rich-text-editor';
+
+export interface SectionProp {
+ type: 'static' | 'dynamic';
+ value?: any;
+ source?: string;
+}
+
+interface InspectorFieldProps {
+ fieldName: string;
+ fieldLabel: string;
+ fieldType: 'text' | 'textarea' | 'url' | 'image' | 'rte';
+ value: SectionProp;
+ onChange: (value: SectionProp) => void;
+ supportsDynamic?: boolean;
+ availableSources?: { value: string; label: string }[];
+}
+
+export function InspectorField({
+ fieldName,
+ fieldLabel,
+ fieldType,
+ value,
+ onChange,
+ supportsDynamic = false,
+ availableSources = [],
+}: InspectorFieldProps) {
+ const isDynamic = value.type === 'dynamic';
+ const currentValue = isDynamic ? (value.source || '') : (value.value || '');
+
+ const handleValueChange = (newValue: string) => {
+ if (isDynamic) {
+ onChange({ type: 'dynamic', source: newValue });
+ } else {
+ onChange({ type: 'static', value: newValue });
+ }
+ };
+
+ const handleTypeToggle = (dynamic: boolean) => {
+ if (dynamic) {
+ onChange({ type: 'dynamic', source: availableSources[0]?.value || 'post_title' });
+ } else {
+ onChange({ type: 'static', value: '' });
+ }
+ };
+
+ return (
+
+
+
+ {fieldLabel}
+
+ {supportsDynamic && availableSources.length > 0 && (
+
+
+ {isDynamic ? '◆ Dynamic' : 'Static'}
+
+
+ )}
+
+
+ {isDynamic && supportsDynamic ? (
+
+
+
+
+ {availableSources.map((source) => (
+
+ {source.label}
+
+ ))}
+
+
+ ) : fieldType === 'rte' ? (
+
+ ) : fieldType === 'textarea' ? (
+
";
+ $html .= "
";
} else {
- $html .= "
";
+ $html .= "
";
}
$html .= '
';
}
- $html .= '
Submit ';
+ $html .= "
Submit ";
$html .= '';
$html .= '';
return $html;
}
+
+ /**
+ * Helper to get SVG for known icons
+ */
+ private static function get_icon_svg($name) {
+ $icons = [
+ 'Star' => '
',
+ 'Zap' => '
',
+ 'Shield' => '
',
+ 'Heart' => '
',
+ 'Award' => '
',
+ 'Clock' => '
',
+ 'Truck' => '
',
+ 'User' => '
',
+ 'Settings' => '
',
+ ];
+
+ return $icons[$name] ?? $icons['Star'];
+ }
/**
* Generic section fallback
diff --git a/includes/Frontend/TemplateOverride.php b/includes/Frontend/TemplateOverride.php
index 4b725aa..ea7f3d7 100644
--- a/includes/Frontend/TemplateOverride.php
+++ b/includes/Frontend/TemplateOverride.php
@@ -166,7 +166,14 @@ class TemplateOverride
'top'
);
} else {
- // Rewrite /slug/anything to serve the SPA page
+ // Rewrite /slug to serve the SPA page (base URL)
+ add_rewrite_rule(
+ '^' . preg_quote($spa_slug, '/') . '/?$',
+ 'index.php?page_id=' . $spa_page_id,
+ 'top'
+ );
+
+ // Rewrite /slug/anything to serve the SPA page with path
// React Router handles the path after that
add_rewrite_rule(
'^' . preg_quote($spa_slug, '/') . '/(.*)$',
@@ -306,8 +313,30 @@ class TemplateOverride
wp_redirect($build_route('my-account'), 302);
exit;
}
+
+ // Redirect structural pages with WooNooW sections to SPA
+ if (is_singular('page') && $post) {
+ // Skip the SPA page itself and frontpage
+ if ($post->ID == $spa_page_id || $post->ID == $frontpage_id) {
+ return;
+ }
+
+ // Check if page has WooNooW structure
+ $structure = get_post_meta($post->ID, '_wn_page_structure', true);
+ if (!empty($structure) && !empty($structure['sections'])) {
+ // Redirect to SPA with page slug route
+ $page_slug = $post->post_name;
+ wp_redirect($build_route($page_slug), 302);
+ exit;
+ }
+ }
}
+ /**
+ * Serve SPA template directly for frontpage SPA routes
+ * When SPA page is set as WordPress frontpage, intercept known routes
+ * and serve the SPA template directly (bypasses WooCommerce templates)
+ */
/**
* Serve SPA template directly for frontpage SPA routes
* When SPA page is set as WordPress frontpage, intercept known routes
@@ -331,8 +360,19 @@ class TemplateOverride
return; // SPA is not frontpage, let normal routing handle it
}
- // Get the current request path
+ // Get the current request path relative to site root
$request_uri = $_SERVER['REQUEST_URI'] ?? '/';
+ $home_path = parse_url(home_url(), PHP_URL_PATH);
+
+ // Normalize request URI for subdirectory installs
+ if ($home_path && $home_path !== '/') {
+ $home_path = rtrim($home_path, '/');
+ if (strpos($request_uri, $home_path) === 0) {
+ $request_uri = substr($request_uri, strlen($home_path));
+ if (empty($request_uri)) $request_uri = '/';
+ }
+ }
+
$path = parse_url($request_uri, PHP_URL_PATH);
$path = '/' . trim($path, '/');
@@ -365,6 +405,27 @@ class TemplateOverride
}
}
+ // Check for structural pages with WooNooW sections
+ if (!$should_serve_spa && !empty($path) && $path !== '/') {
+ // Try to find a page by slug matching the path
+ $slug = trim($path, '/');
+
+ // Handle nested slugs (get the last part as the page slug)
+ if (strpos($slug, '/') !== false) {
+ $slug_parts = explode('/', $slug);
+ $slug = end($slug_parts);
+ }
+
+ $page = get_page_by_path($slug);
+ if ($page) {
+ // Check if this page has WooNooW structure
+ $structure = get_post_meta($page->ID, '_wn_page_structure', true);
+ if (!empty($structure) && !empty($structure['sections'])) {
+ $should_serve_spa = true;
+ }
+ }
+ }
+
// Not a SPA route
if (!$should_serve_spa) {
return;
@@ -396,8 +457,8 @@ class TemplateOverride
*/
public static function disable_canonical_redirect($redirect_url, $requested_url)
{
- $settings = get_option('woonoow_customer_spa_settings', []);
- $mode = isset($settings['mode']) ? $settings['mode'] : 'disabled';
+ $settings = get_option('woonoow_appearance_settings', []);
+ $mode = isset($settings['general']['spa_mode']) ? $settings['general']['spa_mode'] : 'disabled';
// Only disable redirects in full SPA mode
if ($mode !== 'full') {
@@ -405,6 +466,7 @@ class TemplateOverride
}
// Check if this is a SPA route
+ // We include /product/ and standard endpoints
$spa_routes = ['/product/', '/cart', '/checkout', '/my-account'];
foreach ($spa_routes as $route) {
@@ -733,6 +795,20 @@ class TemplateOverride
*/
public static function serve_ssr_content($page_id, $type = 'page', $post_obj = null)
{
+ // Generate cache key
+ $cache_id = $post_obj ? $post_obj->ID : $page_id;
+ $cache_key = "wn_ssr_{$type}_{$cache_id}";
+
+ // Check cache TTL (default 1 hour, filterable)
+ $cache_ttl = apply_filters('woonoow_ssr_cache_ttl', HOUR_IN_SECONDS);
+
+ // Try to get cached content
+ $cached = get_transient($cache_key);
+ if ($cached !== false) {
+ echo $cached;
+ exit;
+ }
+
// Get page structure
if ($type === 'page') {
$structure = get_post_meta($page_id, '_wn_page_structure', true);
@@ -783,7 +859,8 @@ class TemplateOverride
wp_trim_words(wp_strip_all_tags($post_obj->post_content), 30);
}
- // Output SSR HTML
+ // Output SSR HTML - start output buffering for caching
+ ob_start();
?>
>
@@ -825,6 +902,14 @@ class TemplateOverride