diff --git a/.env b/.env index 8afccb9..5a616d5 100644 --- a/.env +++ b/.env @@ -3,7 +3,7 @@ CONTAINER_NAME=docusaurus-docs # Port Docusaurus serves on inside the container. -PORT=3000 +PORT=3080 # Production URL of the docs site. Update this once you've picked the # subdomain, then run `docker compose up -d --build` to rebuild with it — diff --git a/docs/dotjuice-elementor-tools-pro/assets/img/acf-frontend-form-controls.png b/docs/dotjuice-elementor-tools-pro/assets/img/acf-frontend-form-controls.png index 94381b4..0166aaf 100644 Binary files a/docs/dotjuice-elementor-tools-pro/assets/img/acf-frontend-form-controls.png and b/docs/dotjuice-elementor-tools-pro/assets/img/acf-frontend-form-controls.png differ diff --git a/docs/dotjuice-elementor-tools-pro/assets/img/acf-frontend-form-frontend.png b/docs/dotjuice-elementor-tools-pro/assets/img/acf-frontend-form-frontend.png index 94381b4..0166aaf 100644 Binary files a/docs/dotjuice-elementor-tools-pro/assets/img/acf-frontend-form-frontend.png and b/docs/dotjuice-elementor-tools-pro/assets/img/acf-frontend-form-frontend.png differ diff --git a/docs/dotjuice-elementor-tools-pro/assets/img/woo-cart-controls.png b/docs/dotjuice-elementor-tools-pro/assets/img/woo-cart-controls.png index 94381b4..0166aaf 100644 Binary files a/docs/dotjuice-elementor-tools-pro/assets/img/woo-cart-controls.png and b/docs/dotjuice-elementor-tools-pro/assets/img/woo-cart-controls.png differ diff --git a/docs/dotjuice-elementor-tools-pro/assets/img/woo-cart-frontend.png b/docs/dotjuice-elementor-tools-pro/assets/img/woo-cart-frontend.png index 94381b4..0166aaf 100644 Binary files a/docs/dotjuice-elementor-tools-pro/assets/img/woo-cart-frontend.png and b/docs/dotjuice-elementor-tools-pro/assets/img/woo-cart-frontend.png differ diff --git a/docs/dotjuice-elementor-tools-pro/assets/img/woo-custom-product-tabs-controls.png b/docs/dotjuice-elementor-tools-pro/assets/img/woo-custom-product-tabs-controls.png index 94381b4..0166aaf 100644 Binary files a/docs/dotjuice-elementor-tools-pro/assets/img/woo-custom-product-tabs-controls.png and b/docs/dotjuice-elementor-tools-pro/assets/img/woo-custom-product-tabs-controls.png differ diff --git a/docs/dotjuice-elementor-tools-pro/assets/img/woo-custom-product-tabs-frontend.png b/docs/dotjuice-elementor-tools-pro/assets/img/woo-custom-product-tabs-frontend.png index 94381b4..0166aaf 100644 Binary files a/docs/dotjuice-elementor-tools-pro/assets/img/woo-custom-product-tabs-frontend.png and b/docs/dotjuice-elementor-tools-pro/assets/img/woo-custom-product-tabs-frontend.png differ diff --git a/docs/dotjuice-elementor-tools-pro/assets/img/woo-product-filter-controls.png b/docs/dotjuice-elementor-tools-pro/assets/img/woo-product-filter-controls.png index 94381b4..0166aaf 100644 Binary files a/docs/dotjuice-elementor-tools-pro/assets/img/woo-product-filter-controls.png and b/docs/dotjuice-elementor-tools-pro/assets/img/woo-product-filter-controls.png differ diff --git a/docs/dotjuice-elementor-tools-pro/assets/img/woo-product-filter-frontend.png b/docs/dotjuice-elementor-tools-pro/assets/img/woo-product-filter-frontend.png index 94381b4..0166aaf 100644 Binary files a/docs/dotjuice-elementor-tools-pro/assets/img/woo-product-filter-frontend.png and b/docs/dotjuice-elementor-tools-pro/assets/img/woo-product-filter-frontend.png differ diff --git a/docs/dotjuice-elementor-tools-pro/assets/img/woo-quick-view-controls.png b/docs/dotjuice-elementor-tools-pro/assets/img/woo-quick-view-controls.png index 94381b4..0166aaf 100644 Binary files a/docs/dotjuice-elementor-tools-pro/assets/img/woo-quick-view-controls.png and b/docs/dotjuice-elementor-tools-pro/assets/img/woo-quick-view-controls.png differ diff --git a/docs/dotjuice-elementor-tools-pro/assets/img/woo-quick-view-frontend.png b/docs/dotjuice-elementor-tools-pro/assets/img/woo-quick-view-frontend.png index 94381b4..0166aaf 100644 Binary files a/docs/dotjuice-elementor-tools-pro/assets/img/woo-quick-view-frontend.png and b/docs/dotjuice-elementor-tools-pro/assets/img/woo-quick-view-frontend.png differ diff --git a/docs/dotjuice-elementor-tools-pro/assets/img/woo-quick-view-popup-controls.png b/docs/dotjuice-elementor-tools-pro/assets/img/woo-quick-view-popup-controls.png index 94381b4..0166aaf 100644 Binary files a/docs/dotjuice-elementor-tools-pro/assets/img/woo-quick-view-popup-controls.png and b/docs/dotjuice-elementor-tools-pro/assets/img/woo-quick-view-popup-controls.png differ diff --git a/docs/dotjuice-elementor-tools-pro/assets/img/woo-quick-view-popup-frontend.png b/docs/dotjuice-elementor-tools-pro/assets/img/woo-quick-view-popup-frontend.png index 94381b4..0166aaf 100644 Binary files a/docs/dotjuice-elementor-tools-pro/assets/img/woo-quick-view-popup-frontend.png and b/docs/dotjuice-elementor-tools-pro/assets/img/woo-quick-view-popup-frontend.png differ diff --git a/docs/dotjuice-elementor-tools-pro/widgets/acf-frontend-form.md b/docs/dotjuice-elementor-tools-pro/widgets/acf-frontend-form.md index b749310..b081545 100755 --- a/docs/dotjuice-elementor-tools-pro/widgets/acf-frontend-form.md +++ b/docs/dotjuice-elementor-tools-pro/widgets/acf-frontend-form.md @@ -4,6 +4,7 @@ Found in the Elementor panel under **Dotjuice → ACF Frontend form**. Requires ![The ACF Frontend Form widget controls in the Elementor panel](../assets/img/acf-frontend-form-controls.png) *Screenshot: the widget selected in the editor with the Form Settings section open, showing the Form Mode, New Post Type, and New Post Status controls.* + ## How it works This widget renders an editable form using ACF's own native form rendering (so tabs, repeaters, and every field type look and behave exactly as they do in the WordPress dashboard). It can work in one of two modes: diff --git a/docs/dotjuice-elementor-tools-pro/widgets/woo-cart.md b/docs/dotjuice-elementor-tools-pro/widgets/woo-cart.md index b7c45d6..ea61054 100755 --- a/docs/dotjuice-elementor-tools-pro/widgets/woo-cart.md +++ b/docs/dotjuice-elementor-tools-pro/widgets/woo-cart.md @@ -4,12 +4,14 @@ Found in the Elementor panel under **Dotjuice → Woo Cart**. Requires WooCommer ![The Woo Cart widget layout settings in the Elementor panel](../assets/img/woo-cart-controls.png) *Screenshot: the widget selected in the editor with the Layout section open, showing Desktop Layout, Totals Column Width, and the Show Coupon toggle.* + ## How it works Place this widget on your Cart page template. It renders your shopper's current cart — items, coupon box, and totals — built independently of WooCommerce's default cart template, so it's fully restyled from the ground up. ![The Woo Cart widget on the front end](../assets/img/woo-cart-frontend.png) *Screenshot: a live cart page showing the two-column layout with cart items on the left, quantity steppers, and the totals panel on the right.* + ## Layout settings | Setting | Default | What it does | diff --git a/docs/dotjuice-elementor-tools-pro/widgets/woo-custom-product-tabs.md b/docs/dotjuice-elementor-tools-pro/widgets/woo-custom-product-tabs.md index dc9ceff..9d8cdb9 100755 --- a/docs/dotjuice-elementor-tools-pro/widgets/woo-custom-product-tabs.md +++ b/docs/dotjuice-elementor-tools-pro/widgets/woo-custom-product-tabs.md @@ -4,6 +4,7 @@ Found in the Elementor panel under **Dotjuice → Woo Custom Product Tabs**. Req ![The Woo Custom Product Tabs widget controls in the Elementor panel](../assets/img/woo-custom-product-tabs-controls.png) *Screenshot: the widget selected in the editor with the Tabs content section open, showing the Hide Tab Headings toggle and the Custom Tabs repeater.* + ## How it works Place this widget on your Single Product template — it replaces WooCommerce's entire tabs area with a fully rebuilt, restyled version, including desktop tabs that automatically convert to an accordion on smaller screens. @@ -67,7 +68,7 @@ Add a URL field to your products, drop that single line into a "Changelog" tab, **Tab Navigation** — background, spacing, alignment, divider styling, and Normal/Hover/Active states for each tab button (including a separate colour control for the active tab's bottom border, useful for either blending it into the panel or removing the divider line entirely). -**Panel** — background, typography, padding, border, and shadow for the content area beneath the tabs. +**Panel** — background, text colour, typography, padding, border, and shadow for the content area beneath the tabs. The text colour also applies to the panel's own tab heading (e.g. the "Reviews" heading), unless overridden by the more specific Reviews section colours below. **Reviews** (hidden if you've turned off the Reviews tab) — review count heading, review card styling, avatar (with an option to hide it, size, and rounding), star rating colours, author/date text, review body text, an optional decorative quote mark, and full styling for the review submission form — its star picker, labels, input fields, and submit button. diff --git a/docs/dotjuice-elementor-tools-pro/widgets/woo-product-filter.md b/docs/dotjuice-elementor-tools-pro/widgets/woo-product-filter.md index 8ce765f..16fd7c8 100755 --- a/docs/dotjuice-elementor-tools-pro/widgets/woo-product-filter.md +++ b/docs/dotjuice-elementor-tools-pro/widgets/woo-product-filter.md @@ -4,6 +4,7 @@ Found in the Elementor panel under **Dotjuice → Woo Product Filter**. Requires ![The Woo Product Filter widget controls in the Elementor panel](../assets/img/woo-product-filter-controls.png) *Screenshot: the widget selected in the editor with the Filters repeater open, showing Filter Title, Filter By, and Display Type options.* + ## How it works This widget renders one or more filter groups (category, tag, brand, or attribute) and, by default, refreshes your product grid via AJAX whenever a shopper makes a selection — no full page reload needed. It's designed to sit on your Shop page or a category archive, alongside your product grid. diff --git a/docs/dotjuice-elementor-tools-pro/widgets/woo-quick-view-popup.md b/docs/dotjuice-elementor-tools-pro/widgets/woo-quick-view-popup.md index 8a7ea89..09e4ce6 100755 --- a/docs/dotjuice-elementor-tools-pro/widgets/woo-quick-view-popup.md +++ b/docs/dotjuice-elementor-tools-pro/widgets/woo-quick-view-popup.md @@ -6,12 +6,14 @@ Found in the Elementor panel under **Dotjuice → Woo Quick View Popup**. Requir ![The Woo Quick View Popup widget content settings](../assets/img/woo-quick-view-popup-controls.png) *Screenshot: the widget selected in the editor with the Content Source dropdown and Quick View Template selector visible.* + ## How it works Place this widget inside an Elementor popup (nothing else needs to go in that popup — this widget fills it entirely). It renders as an iframe showing whichever product a shopper clicked a Quick View button for. ![The Quick View popup content on the front end](../assets/img/woo-quick-view-popup-frontend.png) *Screenshot: the inside of a Quick View popup showing the product image gallery, title, price, and add-to-cart options rendered by the popup widget.* + ## Content settings | Setting | Default | What it does | diff --git a/docs/dotjuice-elementor-tools-pro/widgets/woo-quick-view.md b/docs/dotjuice-elementor-tools-pro/widgets/woo-quick-view.md index 43dceb7..48c91a1 100755 --- a/docs/dotjuice-elementor-tools-pro/widgets/woo-quick-view.md +++ b/docs/dotjuice-elementor-tools-pro/widgets/woo-quick-view.md @@ -6,6 +6,7 @@ Requires WooCommerce. **Requires Elementor Pro** for the popup to actually open ![The Woo Quick View widget settings in the Elementor panel](../assets/img/woo-quick-view-controls.png) *Screenshot: the widget selected in the editor with the Quick View settings open, showing the Enable Quick View toggle and the popup selector.* + ## How it works, end to end 1. You build a popup (an Elementor Pro popup content type) containing the **Woo Quick View Popup** widget. diff --git a/docs/dotjuice-elementor-tools/widgets/dark-mode-toggle.md b/docs/dotjuice-elementor-tools/widgets/dark-mode-toggle.md index 4abfede..e8d25e1 100755 --- a/docs/dotjuice-elementor-tools/widgets/dark-mode-toggle.md +++ b/docs/dotjuice-elementor-tools/widgets/dark-mode-toggle.md @@ -9,7 +9,7 @@ Found in the Elementor panel under **Dotjuice → Dark Mode Toggle**. ## How it works -The widget renders a small clickable icon. Clicking it adds a dark-mode class to your entire site and swaps your global colours for the dark-mode values you configure on the widget. The choice is stored in the visitor's browser, so it survives navigation and returns on their next visit. +The widget renders a small clickable icon. Clicking it adds a dark-mode class to your entire site and swaps your global colours for the dark-mode values you configure on the widget. The choice is stored in the visitor's browser, so it survives navigation and returns on their next visit — including on pages and templates that don't have the toggle on them at all, as long as the toggle exists somewhere on the site. Dark mode is applied before the page paints, so there's no flash of light-mode colours first. It works with **both** of Elementor's global-colour systems: diff --git a/docs/dotjuice-pagespeed/assets/img/pagespeed-advanced.png b/docs/dotjuice-pagespeed/assets/img/pagespeed-advanced.png index 94381b4..0166aaf 100644 Binary files a/docs/dotjuice-pagespeed/assets/img/pagespeed-advanced.png and b/docs/dotjuice-pagespeed/assets/img/pagespeed-advanced.png differ diff --git a/docs/dotjuice-pagespeed/assets/img/pagespeed-caching.png b/docs/dotjuice-pagespeed/assets/img/pagespeed-caching.png index 94381b4..0166aaf 100644 Binary files a/docs/dotjuice-pagespeed/assets/img/pagespeed-caching.png and b/docs/dotjuice-pagespeed/assets/img/pagespeed-caching.png differ diff --git a/docs/dotjuice-pagespeed/assets/img/pagespeed-cdn.png b/docs/dotjuice-pagespeed/assets/img/pagespeed-cdn.png index 94381b4..0166aaf 100644 Binary files a/docs/dotjuice-pagespeed/assets/img/pagespeed-cdn.png and b/docs/dotjuice-pagespeed/assets/img/pagespeed-cdn.png differ diff --git a/docs/dotjuice-pagespeed/assets/img/pagespeed-css.png b/docs/dotjuice-pagespeed/assets/img/pagespeed-css.png index 94381b4..0166aaf 100644 Binary files a/docs/dotjuice-pagespeed/assets/img/pagespeed-css.png and b/docs/dotjuice-pagespeed/assets/img/pagespeed-css.png differ diff --git a/docs/dotjuice-pagespeed/assets/img/pagespeed-dashboard.png b/docs/dotjuice-pagespeed/assets/img/pagespeed-dashboard.png index 94381b4..0166aaf 100644 Binary files a/docs/dotjuice-pagespeed/assets/img/pagespeed-dashboard.png and b/docs/dotjuice-pagespeed/assets/img/pagespeed-dashboard.png differ diff --git a/docs/dotjuice-pagespeed/assets/img/pagespeed-database.png b/docs/dotjuice-pagespeed/assets/img/pagespeed-database.png index 94381b4..0166aaf 100644 Binary files a/docs/dotjuice-pagespeed/assets/img/pagespeed-database.png and b/docs/dotjuice-pagespeed/assets/img/pagespeed-database.png differ diff --git a/docs/dotjuice-pagespeed/assets/img/pagespeed-html.png b/docs/dotjuice-pagespeed/assets/img/pagespeed-html.png index 94381b4..0166aaf 100644 Binary files a/docs/dotjuice-pagespeed/assets/img/pagespeed-html.png and b/docs/dotjuice-pagespeed/assets/img/pagespeed-html.png differ diff --git a/docs/dotjuice-pagespeed/assets/img/pagespeed-images.png b/docs/dotjuice-pagespeed/assets/img/pagespeed-images.png index 94381b4..0166aaf 100644 Binary files a/docs/dotjuice-pagespeed/assets/img/pagespeed-images.png and b/docs/dotjuice-pagespeed/assets/img/pagespeed-images.png differ diff --git a/docs/dotjuice-pagespeed/assets/img/pagespeed-javascript.png b/docs/dotjuice-pagespeed/assets/img/pagespeed-javascript.png index 94381b4..0166aaf 100644 Binary files a/docs/dotjuice-pagespeed/assets/img/pagespeed-javascript.png and b/docs/dotjuice-pagespeed/assets/img/pagespeed-javascript.png differ diff --git a/docs/dotjuice-pagespeed/assets/img/pagespeed-preload.png b/docs/dotjuice-pagespeed/assets/img/pagespeed-preload.png index 94381b4..0166aaf 100644 Binary files a/docs/dotjuice-pagespeed/assets/img/pagespeed-preload.png and b/docs/dotjuice-pagespeed/assets/img/pagespeed-preload.png differ diff --git a/docs/dotjuice-pagespeed/assets/img/pagespeed-troubleshooting.png b/docs/dotjuice-pagespeed/assets/img/pagespeed-troubleshooting.png index 94381b4..0166aaf 100644 Binary files a/docs/dotjuice-pagespeed/assets/img/pagespeed-troubleshooting.png and b/docs/dotjuice-pagespeed/assets/img/pagespeed-troubleshooting.png differ diff --git a/marketing/dotjuice-elementor-tools/overview.md b/marketing/dotjuice-elementor-tools/overview.md index 85d38ae..46f1409 100755 --- a/marketing/dotjuice-elementor-tools/overview.md +++ b/marketing/dotjuice-elementor-tools/overview.md @@ -1,5 +1,3 @@ -# Dotjuice Elementor Tools - Free, practical Elementor widgets built for real WordPress and WooCommerce sites — screenshot capture, dark mode, WooCommerce styling fixes, and small utilities that solve problems the native widgets don't. ## Why these widgets exist @@ -26,4 +24,4 @@ Every widget in this plugin is designed to sit alongside your existing theme, El ## Free forever, with a Pro upgrade path -Every widget listed here is free, permanently. [Dotjuice Elementor Tools Pro](../dotjuice-elementor-tools-pro/overview.md) adds advanced WooCommerce widgets (AJAX product filtering, a full cart widget, quick view, custom product tabs), ACF frontend forms, and watermark-free screenshots for stores and sites that need to go further. +Every widget listed here is free, permanently. [Dotjuice Elementor Tools Pro](../dotjuice-elementor-tools-pro/overview.md) adds advanced WooCommerce widgets (AJAX product filtering, a full cart widget, quick view, custom product tabs), ACF frontend forms, and watermark-free screenshots for stores and sites that need to go further. \ No newline at end of file diff --git a/site/docs/.gitkeep b/site/docs/.gitkeep deleted file mode 100644 index bf20138..0000000 --- a/site/docs/.gitkeep +++ /dev/null @@ -1 +0,0 @@ -This folder is overlaid by the bind-mounted ../../docs/ directory at runtime — see docker-compose.yaml.