refactor: docubook@latest template nextjs-docker
This commit is contained in:
gitfromwildan
@@ -6,7 +6,7 @@ date: 2024-01-31
|
||||
|
||||
## General
|
||||
|
||||
<AccordionGroup>
|
||||
<Accordions>
|
||||
<Accordion title="What is WooNooW?">
|
||||
WooNooW is a WooCommerce plugin that transforms your store into a modern Single Page Application (SPA). It provides instant page loads, a beautiful UI, and seamless shopping experience.
|
||||
</Accordion>
|
||||
@@ -16,13 +16,13 @@ date: 2024-01-31
|
||||
<Accordion title="Will WooNooW affect my existing products?">
|
||||
No. WooNooW reads from WooCommerce. Your products, orders, and settings remain untouched.
|
||||
</Accordion>
|
||||
</AccordionGroup>
|
||||
</Accordions>
|
||||
|
||||
---
|
||||
|
||||
## SPA Mode
|
||||
|
||||
<AccordionGroup>
|
||||
<Accordions>
|
||||
<Accordion title="What's the difference between Full and Disabled mode?">
|
||||
| Mode | Behavior |
|
||||
|------|----------|
|
||||
@@ -36,13 +36,13 @@ date: 2024-01-31
|
||||
- **Full**: For the best customer experience with instant loads
|
||||
- **Disabled**: If you have theme customizations you want to keep
|
||||
</Accordion>
|
||||
</AccordionGroup>
|
||||
</Accordions>
|
||||
|
||||
---
|
||||
|
||||
## Compatibility
|
||||
|
||||
<AccordionGroup>
|
||||
<Accordions>
|
||||
<Accordion title="Does WooNooW work with my theme?">
|
||||
WooNooW's SPA is independent of your WordPress theme. In Full mode, the SPA uses its own styling. Your theme affects the rest of your site normally.
|
||||
</Accordion>
|
||||
@@ -57,13 +57,13 @@ date: 2024-01-31
|
||||
- Cash on Delivery
|
||||
- And more...
|
||||
</Accordion>
|
||||
</AccordionGroup>
|
||||
</Accordions>
|
||||
|
||||
---
|
||||
|
||||
## SEO
|
||||
|
||||
<AccordionGroup>
|
||||
<Accordions>
|
||||
<Accordion title="Is WooNooW SEO-friendly?">
|
||||
Yes. WooNooW uses:
|
||||
- Clean URLs (`/store/product/product-name`)
|
||||
@@ -76,13 +76,13 @@ date: 2024-01-31
|
||||
<Accordion title="Will my product pages be indexed?">
|
||||
Yes. Search engines index the WooCommerce URLs. When users click from search results, they're redirected to the fast SPA experience.
|
||||
</Accordion>
|
||||
</AccordionGroup>
|
||||
</Accordions>
|
||||
|
||||
---
|
||||
|
||||
## Performance
|
||||
|
||||
<AccordionGroup>
|
||||
<Accordions>
|
||||
<Accordion title="Is WooNooW faster than regular WooCommerce?">
|
||||
Yes, for navigation. After the initial load, page transitions are instant because the SPA doesn't reload the entire page.
|
||||
</Accordion>
|
||||
@@ -92,13 +92,13 @@ date: 2024-01-31
|
||||
<Accordion title="Does WooNooW work with caching?">
|
||||
Yes. Use page caching and object caching for best results.
|
||||
</Accordion>
|
||||
</AccordionGroup>
|
||||
</Accordions>
|
||||
|
||||
---
|
||||
|
||||
## Customization
|
||||
|
||||
<AccordionGroup>
|
||||
<Accordions>
|
||||
<Accordion title="Can I customize colors and fonts?">
|
||||
Yes. Go to **WooNooW → Appearance** to customize:
|
||||
- Primary, secondary, and accent colors
|
||||
@@ -111,4 +111,4 @@ date: 2024-01-31
|
||||
<Accordion title="Can I modify the SPA templates?">
|
||||
The SPA is built with React. Advanced customizations require development knowledge.
|
||||
</Accordion>
|
||||
</AccordionGroup>
|
||||
</Accordions>
|
||||
|
||||
@@ -9,24 +9,24 @@ date: 2024-01-31
|
||||
WooCommerce pages (shop, cart, checkout) show blank content.
|
||||
|
||||
<div className="pl-4">
|
||||
<Stepper>
|
||||
<StepperItem title="Check SPA Mode Setting">
|
||||
<Steps>
|
||||
<Step title="Check SPA Mode Setting">
|
||||
- Go to **WooNooW → Appearance → General**
|
||||
- Ensure **SPA Mode** is set to "Full"
|
||||
- If you want native WooCommerce, set to "Disabled"
|
||||
</StepperItem>
|
||||
<StepperItem title="Flush Permalinks">
|
||||
</Step>
|
||||
<Step title="Flush Permalinks">
|
||||
- Go to **Settings → Permalinks**
|
||||
- Click **Save Changes** (no changes needed)
|
||||
- This refreshes rewrite rules
|
||||
</StepperItem>
|
||||
<StepperItem title="Clear Cache">
|
||||
</Step>
|
||||
<Step title="Clear Cache">
|
||||
- If using a caching plugin:
|
||||
- Clear page cache
|
||||
- Clear object cache
|
||||
- Purge CDN cache (if applicable)
|
||||
</StepperItem>
|
||||
</Stepper>
|
||||
</Step>
|
||||
</Steps>
|
||||
</div>
|
||||
|
||||
---
|
||||
@@ -36,21 +36,21 @@ WooCommerce pages (shop, cart, checkout) show blank content.
|
||||
Visiting `/store/shop` or `/store/product/...` shows a 404 error.
|
||||
|
||||
<div className="pl-4">
|
||||
<Stepper>
|
||||
<StepperItem title="Flush Permalinks">
|
||||
<Steps>
|
||||
<Step title="Flush Permalinks">
|
||||
- Go to **Settings → Permalinks**
|
||||
- Click **Save Changes**
|
||||
</StepperItem>
|
||||
<StepperItem title="Check Store Page Exists">
|
||||
</Step>
|
||||
<Step title="Check Store Page Exists">
|
||||
- Go to **Pages**
|
||||
- Verify "Store" page exists and is published
|
||||
- The page should contain `[woonoow_spa]` shortcode
|
||||
</StepperItem>
|
||||
<StepperItem title="Check SPA Page Setting">
|
||||
</Step>
|
||||
<Step title="Check SPA Page Setting">
|
||||
- Go to **WooNooW → Appearance → General**
|
||||
- Ensure **SPA Page** is set to the Store page
|
||||
</StepperItem>
|
||||
</Stepper>
|
||||
</Step>
|
||||
</Steps>
|
||||
</div>
|
||||
|
||||
---
|
||||
@@ -60,16 +60,16 @@ Visiting `/store/shop` or `/store/product/...` shows a 404 error.
|
||||
Products show placeholder images instead of actual images.
|
||||
|
||||
<div className="pl-4">
|
||||
<Stepper>
|
||||
<StepperItem title="Regenerate Thumbnails">
|
||||
<Steps>
|
||||
<Step title="Regenerate Thumbnails">
|
||||
- Install "Regenerate Thumbnails" plugin
|
||||
- Run regeneration for all images
|
||||
</StepperItem>
|
||||
<StepperItem title="Check Image URLs">
|
||||
</Step>
|
||||
<Step title="Check Image URLs">
|
||||
- Ensure images have valid URLs
|
||||
- Check for mixed content (HTTP vs HTTPS)
|
||||
</StepperItem>
|
||||
</Stepper>
|
||||
</Step>
|
||||
</Steps>
|
||||
</div>
|
||||
|
||||
---
|
||||
@@ -79,21 +79,21 @@ Products show placeholder images instead of actual images.
|
||||
SPA feels slow or laggy.
|
||||
|
||||
<div className="pl-4">
|
||||
<Stepper>
|
||||
<StepperItem title="Enable Caching">
|
||||
<Steps>
|
||||
<Step title="Enable Caching">
|
||||
- Install a caching plugin (WP Super Cache, W3 Total Cache)
|
||||
- Enable object caching (Redis/Memcached)
|
||||
</StepperItem>
|
||||
<StepperItem title="Optimize Images">
|
||||
</Step>
|
||||
<Step title="Optimize Images">
|
||||
- Use WebP format
|
||||
- Compress images before upload
|
||||
- Use lazy loading
|
||||
</StepperItem>
|
||||
<StepperItem title="Check Server Resources">
|
||||
</Step>
|
||||
<Step title="Check Server Resources">
|
||||
- Upgrade hosting if on shared hosting
|
||||
- Consider VPS or managed WordPress hosting
|
||||
</StepperItem>
|
||||
</Stepper>
|
||||
</Step>
|
||||
</Steps>
|
||||
</div>
|
||||
|
||||
---
|
||||
@@ -103,22 +103,22 @@ SPA feels slow or laggy.
|
||||
Checkout page won't load or payment fails.
|
||||
|
||||
<div className="pl-4">
|
||||
<Stepper>
|
||||
<StepperItem title="Check Payment Gateway">
|
||||
<Steps>
|
||||
<Step title="Check Payment Gateway">
|
||||
- Go to **WooCommerce → Settings → Payments**
|
||||
- Verify payment method is enabled
|
||||
- Check API credentials
|
||||
</StepperItem>
|
||||
<StepperItem title="Check SSL Certificate">
|
||||
</Step>
|
||||
<Step title="Check SSL Certificate">
|
||||
- Checkout requires HTTPS
|
||||
- Verify SSL is properly installed
|
||||
</StepperItem>
|
||||
<StepperItem title="Check for JavaScript Errors">
|
||||
</Step>
|
||||
<Step title="Check for JavaScript Errors">
|
||||
- Open browser Developer Tools (F12)
|
||||
- Check Console for errors
|
||||
- Look for blocked scripts
|
||||
</StepperItem>
|
||||
</Stepper>
|
||||
</Step>
|
||||
</Steps>
|
||||
</div>
|
||||
|
||||
---
|
||||
@@ -128,20 +128,20 @@ Checkout page won't load or payment fails.
|
||||
Order confirmation emails not being received.
|
||||
|
||||
<div className="pl-4">
|
||||
<Stepper>
|
||||
<StepperItem title="Check Email Settings">
|
||||
<Steps>
|
||||
<Step title="Check Email Settings">
|
||||
- Go to **WooNooW → Settings → Notifications**
|
||||
- Verify email types are enabled
|
||||
</StepperItem>
|
||||
<StepperItem title="Check WordPress Email">
|
||||
</Step>
|
||||
<Step title="Check WordPress Email">
|
||||
- Test with a plugin like "Check & Log Email"
|
||||
- Consider using SMTP plugin (WP Mail SMTP)
|
||||
</StepperItem>
|
||||
<StepperItem title="Check Spam Folder">
|
||||
</Step>
|
||||
<Step title="Check Spam Folder">
|
||||
- Emails may be in recipient's spam folder
|
||||
- Add sender to whitelist
|
||||
</StepperItem>
|
||||
</Stepper>
|
||||
</Step>
|
||||
</Steps>
|
||||
</div>
|
||||
|
||||
---
|
||||
@@ -151,22 +151,22 @@ Order confirmation emails not being received.
|
||||
WooNooW doesn't work after installing another plugin.
|
||||
|
||||
<div className="pl-4">
|
||||
<Stepper>
|
||||
<StepperItem title="Steps to Diagnose">
|
||||
<Steps>
|
||||
<Step title="Steps to Diagnose">
|
||||
- Deactivate other plugins one by one
|
||||
- Switch to default theme (Twenty Twenty-Three)
|
||||
- Check error logs in `wp-content/debug.log`
|
||||
</StepperItem>
|
||||
<StepperItem title="Check WordPress Email">
|
||||
</Step>
|
||||
<Step title="Check WordPress Email">
|
||||
- Test with a plugin like "Check & Log Email"
|
||||
- Consider using SMTP plugin (WP Mail SMTP)
|
||||
</StepperItem>
|
||||
<StepperItem title="Common Conflicting Plugins">
|
||||
</Step>
|
||||
<Step title="Common Conflicting Plugins">
|
||||
- Other WooCommerce template overrides
|
||||
- Page builder plugins (sometimes)
|
||||
- Heavy caching plugins (misconfigured)
|
||||
</StepperItem>
|
||||
</Stepper>
|
||||
</Step>
|
||||
</Steps>
|
||||
</div>
|
||||
|
||||
---
|
||||
@@ -176,23 +176,23 @@ WooNooW doesn't work after installing another plugin.
|
||||
If you can't resolve the issue:
|
||||
|
||||
<div className="pl-4">
|
||||
<Stepper>
|
||||
<StepperItem title="Collect Information">
|
||||
<Steps>
|
||||
<Step title="Collect Information">
|
||||
- WordPress version
|
||||
- WooCommerce version
|
||||
- WooNooW version
|
||||
- PHP version
|
||||
- Error messages (from debug.log)
|
||||
</StepperItem>
|
||||
<StepperItem title="Enable Debug Mode">
|
||||
</Step>
|
||||
<Step title="Enable Debug Mode">
|
||||
- Add to `wp-config.php`:
|
||||
```php
|
||||
define('WP_DEBUG', true);
|
||||
define('WP_DEBUG_LOG', true);
|
||||
```
|
||||
</StepperItem>
|
||||
<StepperItem title="Contact Support">
|
||||
</Step>
|
||||
<Step title="Contact Support">
|
||||
- Provide the collected information for faster resolution.
|
||||
</StepperItem>
|
||||
</Stepper>
|
||||
</Step>
|
||||
</Steps>
|
||||
</div>
|
||||
Reference in New Issue
Block a user