From b89088ba39f16491d7ff013d25552b9a42d5e3bc Mon Sep 17 00:00:00 2001 From: Danny Date: Tue, 15 Sep 2026 21:11:40 +0100 Subject: [PATCH 1/7] Remove version 2.10 and 1.5 documentation --- .../beaver-themer-conditional-logic.md | 225 ---- ...add-custom-attributes-to-themer-layouts.md | 42 - .../developer/add-themer-support.md | 110 -- .../developer/conditional-logic-apis.md | 628 ----------- .../customize-field-connections-themer.md | 173 --- .../developer/customize-themer-modules.md | 33 - ...ide-node-when-field-connection-is-empty.md | 104 -- .../developer/hooks-reference-themer.md | 7 - .../developer/wp-cli-for-beaver-themer.md | 88 -- .../field-connections/conditionals.md | 73 -- .../field-connections/examples/combining.md | 105 -- .../field-connections/examples/conditional.md | 132 --- .../field-connections/examples/expressions.md | 235 ----- .../field-connections/examples/index.md | 12 - .../field-connections/expressions.md | 227 ---- .../field-connections/getting-started.md | 79 -- .../version-1.5/field-connections/index.md | 101 -- .../version-1.5/field-connections/syntax.md | 111 -- .../field-connections/third-party.md | 45 - .../wordpress-custom-fields.md | 102 -- .../field-connections/wordpress-data.md | 605 ----------- .../i-installed-beaver-themer-now-what.md | 101 -- .../version-1.5/getting-started/install.md | 35 - ...ordpress-content-and-theme-areas-themer.md | 31 - .../getting-started/requirements.md | 25 - .../getting-started/supported-themes.md | 42 - .../what-can-i-do-with-beaver-themer.md | 83 -- .../acf/field-types/button-group.md | 38 - .../integrations/acf/field-types/checkbox.md | 43 - .../acf/field-types/color-picker.md | 43 - .../acf/field-types/date-picker.md | 29 - .../acf/field-types/date-time-picker.md | 29 - .../integrations/acf/field-types/email.md | 29 - .../integrations/acf/field-types/file.md | 80 -- .../acf/field-types/flexible-content.md | 160 --- .../integrations/acf/field-types/gallery.md | 15 - .../acf/field-types/google-map.md | 43 - .../integrations/acf/field-types/group.md | 66 -- .../integrations/acf/field-types/image.md | 35 - .../integrations/acf/field-types/index.md | 16 - .../integrations/acf/field-types/number.md | 29 - .../integrations/acf/field-types/oembed.md | 29 - .../integrations/acf/field-types/page-link.md | 29 - .../integrations/acf/field-types/password.md | 29 - .../acf/field-types/post-object.md | 113 -- .../acf/field-types/radio-button.md | 35 - .../acf/field-types/relationship.md | 42 - .../integrations/acf/field-types/repeater.md | 260 ----- .../integrations/acf/field-types/select.md | 43 - .../acf/field-types/smart-slider.md | 29 - .../integrations/acf/field-types/taxonomy.md | 43 - .../integrations/acf/field-types/text-area.md | 29 - .../integrations/acf/field-types/text.md | 29 - .../acf/field-types/time-picker.md | 29 - .../acf/field-types/true-false.md | 35 - .../integrations/acf/field-types/url.md | 29 - .../integrations/acf/field-types/user.md | 53 - .../integrations/acf/field-types/wysiwyg.md | 29 - .../integrations/acf/getting-started.md | 167 --- .../version-1.5/integrations/acf/index.md | 70 -- .../integrations/acf/options-page.md | 40 - .../beaver-themer-layouts-for-bigcommerce.md | 25 - ...to-display-a-single-bigcommerce-product.md | 70 -- ...n-archive-themer-layout-for-bigcommerce.md | 76 -- .../bigcommerce/field-connections.md | 101 -- .../products-posts-module-for-bigcommerce.md | 95 -- .../beaver-themer-and-the-edd-plugin.md | 27 - ...er-layout-for-edd-download-items-themer.md | 54 - ...ive-themer-layout-for-edd-download-sets.md | 63 -- .../field-connections.md | 64 -- .../integrations/tec/archive-layout.md | 53 - .../integrations/tec/field-connections.md | 314 ------ .../integrations/tec/getting-started.md | 42 - .../version-1.5/integrations/tec/index.md | 22 - .../tec/modules/event-calendar.md | 16 - .../integrations/tec/modules/event-cost.md | 26 - .../tec/modules/event-countdown.md | 30 - .../tec/modules/event-date-time.md | 26 - .../tec/modules/event-description.md | 16 - .../integrations/tec/modules/event-details.md | 18 - .../tec/modules/event-export-links.md | 27 - .../integrations/tec/modules/event-map.md | 22 - .../tec/modules/event-navigation.md | 31 - .../integrations/tec/modules/event-notices.md | 25 - .../tec/modules/event-organizer.md | 22 - .../integrations/tec/modules/event-posts.md | 11 - .../tec/modules/event-related-events.md | 26 - .../integrations/tec/modules/event-tickets.md | 34 - .../integrations/tec/modules/event-title.md | 42 - .../integrations/tec/modules/event-venue.md | 22 - .../integrations/tec/modules/event-website.md | 26 - .../integrations/tec/modules/index.md | 14 - .../integrations/tec/singular-layout.md | 58 - ...for-woocommerce-singular-themer-layouts.md | 46 - ...rce-singular-and-archive-themer-layouts.md | 25 - ...-singular-themer-layout-for-woocommerce.md | 64 -- ...n-archive-themer-layout-for-woocommerce.md | 65 -- .../woocommerce/field-connections.md | 181 ---- .../integrations/woocommerce/index.md | 26 - ...for-woocommerce-singular-themer-layouts.md | 23 - ...for-woocommerce-singular-themer-layouts.md | 27 - ...for-woocommerce-singular-themer-layouts.md | 31 - ...for-woocommerce-singular-themer-layouts.md | 23 - ...for-woocommerce-singular-themer-layouts.md | 26 - ...for-woocommerce-singular-themer-layouts.md | 21 - ...for-woocommerce-singular-themer-layouts.md | 20 - ...for-woocommerce-singular-themer-layouts.md | 17 - ...-for-woocommerce-archive-themer-layouts.md | 44 - ...for-woocommerce-singular-themer-layouts.md | 13 - ...for-woocommerce-singular-themer-layouts.md | 23 - .../version-1.5/introduction/about-release.md | 57 - .../version-1.5/introduction/faq.md | 80 -- .../version-1.5/introduction/index.md | 27 - .../404-layout-type/themer-404-layout-type.md | 25 - .../create-a-card-layout-for-posts-themer.md | 119 --- ...-layout-for-custom-post-type-categories.md | 24 - ...chive-layout-archive-description-module.md | 35 - ...mer-archive-layout-archive-title-module.md | 18 - ...st-columns-gallery-list-masonry-modules.md | 22 - .../themer-archive-layout-type.md | 131 --- ...-create-an-author-archive-themer-layout.md | 107 -- .../themer-footer-layout-type.md | 190 ---- .../themer-header-layout-type.md | 226 ---- .../tutorial-create-a-header-layout-themer.md | 141 --- .../version-1.5/layout-types-modules/index.md | 80 -- ...dd-yoast-breadcrumbs-with-beaver-themer.md | 31 - .../themer-part-layout-type.md | 35 - ...ut-to-the-wordpress-page-template-field.md | 49 - ...-singular-layout-attached-images-module.md | 17 - ...hemer-singular-layout-author-bio-module.md | 29 - .../themer-singular-layout-comments-module.md | 21 - ...r-singular-layout-featured-image-module.md | 17 - ...mer-singular-layout-post-content-module.md | 15 - ...themer-singular-layout-post-info-module.md | 80 -- ...-singular-layout-post-navigation-module.md | 59 -- ...hemer-singular-layout-post-title-module.md | 18 - .../themer-singular-layout-type.md | 106 -- ...he-posts-module-to-create-related-posts.md | 120 --- .../locations/themer-locations-reference.md | 37 - .../full-width-layout-types.md | 38 - ...-this-post-has-a-themer-layout-assigned.md | 22 - .../themer-layouts-menu-missing.md | 19 - ...post-preview-but-not-actual-post-themer.md | 39 - ...y-does-my-themer-layout-say-unsupported.md | 16 - .../version-1.5-sidebars.json | 338 ------ beaver-themer_versions.json | 3 - docusaurus.config.js | 78 +- .../version-2.10/account/affiliate-program.md | 52 - .../version-2.10/account/billing-info.md | 67 -- .../version-2.10/account/domain-manager.md | 100 -- versioned_docs/version-2.10/account/index.md | 50 - .../account/license/activations.md | 37 - .../version-2.10/account/license/cancel.md | 47 - .../version-2.10/account/license/downgrade.md | 37 - .../version-2.10/account/license/expiry.md | 33 - .../version-2.10/account/license/index.md | 57 - .../version-2.10/account/license/renew.md | 55 - .../account/license/suspension.md | 31 - .../version-2.10/account/license/transfer.md | 9 - .../version-2.10/account/license/types.md | 48 - .../version-2.10/account/license/upgrade.md | 47 - .../account/license/view-activate.md | 35 - .../version-2.10/account/request-invoice.md | 9 - .../account/suggest-new-features.md | 10 - .../account/update-email-password.md | 42 - .../version-2.10/advanced/adding-pdf.md | 30 - .../version-2.10/advanced/convert-content.md | 103 -- .../version-2.10/advanced/css-gradients.md | 58 - .../advanced/custom-image-sizes.md | 69 -- .../advanced/diy-website-builder-platform.md | 27 - versioned_docs/version-2.10/advanced/index.md | 13 - .../version-2.10/advanced/migration.md | 38 - .../version-2.10/advanced/performance.md | 135 --- .../advanced/smooth-scrolling-tweaks.md | 180 ---- versioned_docs/version-2.10/basics/border.md | 67 -- .../version-2.10/basics/color-picker.md | 249 ----- .../version-2.10/basics/custom-code.md | 135 --- .../basics/display-only-bb-content.md | 23 - .../version-2.10/basics/duplicate-layout.md | 61 -- versioned_docs/version-2.10/basics/index.md | 11 - .../version-2.10/basics/inline-editing.md | 84 -- .../basics/multi-layer-backgrounds.md | 148 --- .../basics/restore-previous-version.md | 44 - .../basics/show-hide-page-title.md | 59 -- .../version-2.10/basics/smooth-scrolling.md | 115 -- .../version-2.10/basics/typography.md | 138 --- .../version-2.10/basics/undo-redo.md | 82 -- .../version-2.10/developer/acf-blocks.md | 173 --- .../developer/conditionally-hidden-content.md | 39 - .../developer/container-modules.md | 130 --- .../custom-modules/01-create-a-plugin.md | 39 - .../02-add-a-module-to-your-plugin.md | 63 -- .../03-define-module-settings.md | 82 -- .../04-module-settings-css-javascript.md | 34 - .../custom-modules/05-module-html.md | 35 - .../developer/custom-modules/06-module-css.md | 70 -- .../custom-modules/07-module-javascript.md | 57 - .../08-module-property-reference.md | 83 -- .../09-module-method-reference.md | 120 --- .../10-setting-fields-reference.md | 994 ------------------ .../11-responsive-fields-reference.md | 49 - .../12-repeater-fields-reference.md | 31 - .../13-sanitize-field-values.md | 31 - .../custom-modules/14-create-custom-fields.md | 109 -- .../developer/custom-modules/15-helpers.md | 134 --- .../16-live-preview-reference.md | 211 ---- .../17-partial-refresh-reference.md | 120 --- .../custom-modules/18-override-modules.md | 55 - .../custom-modules/19-localization.md | 11 - .../custom-modules/20-module-aliases.md | 64 -- .../developer/custom-modules/index.md | 39 - ...m-attributes-to-rows-columns-or-modules.md | 76 -- ...a-video-lightbox-for-an-amazon-s3-video.md | 46 - .../developer/how-to-tips/data-storage.md | 17 - ...e-minification-and-caching-with-wpdebug.md | 40 - .../disable-schema-markup-beaver-builder.md | 11 - .../display-subset-typography-controls.md | 11 - .../html-css-and-javascript-reference.md | 42 - .../load-css-and-javascript-inline.md | 19 - .../load-google-fonts-locally-gdpr.md | 46 - .../how-to-tips/map-module-filter-google.md | 16 - ...avascript-from-loading-on-archive-pages.md | 22 - .../how-to-tips/render-layouts-with-php.md | 36 - .../version-2.10/developer/iframe-ui.md | 194 ---- .../version-2.10/developer/module-blocks.md | 29 - .../developer/module-deprecations.md | 124 --- .../add-a-custom-shape-layer.md | 190 ---- .../add-icons-to-your-custom-modules.md | 54 - ...hange-how-css-and-javascript-are-loaded.md | 19 - ...n-beaver-builder-plugin-filter-examples.md | 604 ----------- ...-module-to-compare-images-with-a-slider.md | 248 ----- ...r-to-customize-the-display-of-post-data.md | 82 -- .../customize-keyboard-shortcuts.md | 203 ---- .../customize-row-resizing-behavior.md | 102 -- .../customize-settings-forms.md | 44 - .../install-beaver-builder-via-composer.md | 78 -- .../remove-rename-tools-menu-items.md | 50 - .../tutorials-guides/wp-cli-plugin-theme.md | 123 --- .../version-2.10/getting-started/install.md | 58 - .../getting-started/launch-builder.md | 59 -- .../getting-started/system-requirements.md | 65 -- .../what-can-i-do-with-beaver-builder.md | 203 ---- .../version-2.10/integrations/font-awesome.md | 92 -- .../version-2.10/integrations/index.md | 26 - .../version-2.10/integrations/popup-maker.md | 37 - .../integrations/query-monitor.md | 25 - .../version-2.10/integrations/rankmath.md | 31 - .../version-2.10/integrations/woocommerce.md | 57 - .../version-2.10/integrations/yoast.md | 31 - .../introduction/about-release.md | 132 --- .../introduction/accessibility.md | 177 ---- .../version-2.10/introduction/faq.md | 210 ---- .../version-2.10/introduction/gdpr.md | 58 - .../version-2.10/introduction/index.md | 40 - .../introduction/releases-versioning.md | 127 --- .../introduction/support-policy.md | 31 - .../version-2.10/introduction/translations.md | 47 - .../layouts/advanced-tab/animation.md | 62 -- .../layouts/advanced-tab/copy-paste.md | 57 - .../layouts/advanced-tab/css-js.md | 92 -- .../layouts/advanced-tab/html-element.md | 263 ----- .../layouts/advanced-tab/index.md | 28 - .../layouts/advanced-tab/spacing.md | 55 - .../layouts/advanced-tab/visibility.md | 98 -- .../column-layouts-overview-10400ffc.png | Bin 41563 -> 0 bytes .../column-layouts-overview-675008fe.png | Bin 161504 -> 0 bytes .../columns/column-layouts-overview.md | 99 -- .../layouts/columns/duplicate-a-column.md | 20 - .../layouts/columns/edit-a-column.md | 99 -- .../layouts/columns/insert-columns.md | 30 - .../layouts/columns/move-a-column.md | 41 - .../columns/resize-or-reset-column-width.md | 61 -- .../version-2.10/layouts/columns/stacking.md | 81 -- .../columns/tips-for-working-with-columns.md | 77 -- .../modules/accordion/css-customization.md | 82 -- .../layouts/modules/accordion/index.md | 27 - .../modules/accordion/link-specific-item.md | 64 -- .../modules/accordion/settings/index.md | 19 - .../modules/accordion/settings/items.md | 119 --- .../modules/accordion/settings/style.md | 65 -- .../version-2.10/layouts/modules/audio.md | 98 -- .../layouts/modules/bigcommerce-products.md | 32 - .../version-2.10/layouts/modules/box/index.md | 93 -- .../layouts/modules/box/settings/children.md | 71 -- .../layouts/modules/box/settings/container.md | 204 ---- .../layouts/modules/box/settings/index.md | 19 - .../modules/box/using-align-options.md | 13 - .../layouts/modules/button-group.md | 173 --- .../layouts/modules/button/button.md | 172 --- .../button/make-a-button-transparent.md | 26 - .../modules/callout-and-call-to-action.md | 284 ----- ...d-a-google-recaptcha-checkbox-to-a-form.md | 73 -- .../modules/contact-form/contact-form.md | 117 --- .../layouts/modules/content-slider.md | 80 -- .../version-2.10/layouts/modules/countdown.md | 91 -- .../layouts/modules/gallery/gallery.md | 108 -- ...open-a-gallery-lightbox-on-button-click.md | 75 -- .../version-2.10/layouts/modules/heading.md | 73 -- .../version-2.10/layouts/modules/html.md | 44 - .../layouts/modules/icon-and-icon-group.md | 79 -- .../version-2.10/layouts/modules/index.md | 130 --- .../version-2.10/layouts/modules/list.md | 218 ---- .../layouts/modules/login-form.md | 98 -- .../layouts/modules/loop/index.md | 74 -- .../layouts/modules/loop/settings.md | 194 ---- .../version-2.10/layouts/modules/map.md | 28 - ...-menu-item-that-links-to-a-page-section.md | 58 - .../version-2.10/layouts/modules/menu/menu.md | 325 ------ .../layouts/modules/module-blocks.md | 26 - .../layouts/modules/north-commerce.md | 79 -- .../layouts/modules/number-counter.md | 94 -- .../add-hover-effects-to-the-photo-module.md | 181 ---- .../display-full-captions-under-photos.md | 26 - .../layouts/modules/photo/photo.md | 58 - ...-between-images-in-posts-module-gallery.md | 22 - .../layouts/modules/posts/posts-carousel.md | 86 -- ...ousel-and-posts-slider-modules-examples.md | 136 --- .../layouts/modules/posts/posts-slider.md | 95 -- .../layouts/modules/posts/posts.md | 691 ------------ .../layouts/modules/pricing-table.md | 231 ---- .../search/limit-post-types-search-module.md | 33 - .../layouts/modules/search/search.md | 169 --- .../version-2.10/layouts/modules/separator.md | 28 - .../version-2.10/layouts/modules/sidebar.md | 19 - .../version-2.10/layouts/modules/slideshow.md | 257 ----- .../layouts/modules/social-buttons.md | 23 - .../layouts/modules/star-rating.md | 53 - ...form-module-for-mailchimp-double-opt-in.md | 10 - .../modules/subscribe-form/subscribe-form.md | 193 ---- .../layouts/modules/tabs/index.md | 27 - .../modules/tabs/link-specific-item.md | 64 -- .../layouts/modules/tabs/settings/index.md | 19 - .../layouts/modules/tabs/settings/items.md | 93 -- .../layouts/modules/tabs/settings/style.md | 73 -- .../layouts/modules/testimonials.md | 29 - .../version-2.10/layouts/modules/text.md | 26 - .../video/open-a-video-in-a-lightbox.md | 24 - .../layouts/modules/video/video.md | 123 --- .../version-2.10/layouts/modules/widgets.md | 40 - .../layouts/modules/woocommerce.md | 190 ---- .../layouts/modules/wordpress-patterns.md | 26 - ...modules-to-index-archive-and-post-pages.md | 142 --- ...rdpress-handles-blog-posts-and-archives.md | 100 -- ...-archives-versus-beaver-builder-layouts.md | 33 - ...-blogs-and-custom-post-types-start-here.md | 23 - ...-beaver-builder-to-lay-out-post-content.md | 110 -- .../post-layouts/wordpress-archive-types.md | 80 -- .../assets/responsive-columns-163bfe78.png | Bin 167046 -> 0 bytes .../layouts/responsive-design/breakpoints.md | 88 -- .../layouts/responsive-design/disable.md | 20 - .../layouts/responsive-design/editor.md | 78 -- .../layouts/responsive-design/index.md | 65 -- .../responsive-design/responsive-columns.md | 23 - .../layouts/responsive-design/toggle.md | 128 --- .../layouts/reusable-content/components.md | 145 --- .../layouts/reusable-content/globals.md | 141 --- .../layouts/reusable-content/index.md | 49 - .../layouts/reusable-content/templates.md | 141 --- .../rows/add-prebuilt-rows-to-your-content.md | 21 - ...ackground-image-on-table-or-mobile-view.md | 32 - .../layouts/rows/customize-the-row-height.md | 16 - .../rows/full-width-and-fixed-width.md | 67 -- .../full-width-rows-on-third-party-themes.md | 36 - ...-a-ken-burns-effect-in-a-row-background.md | 24 - ...for-using-background-colors-and-effects.md | 124 --- .../row-effects/parallax-row-backgrounds.md | 33 - .../rows/row-effects/row-shape-overlays.md | 180 ---- .../row-effects/video-backgrounds-in-rows.md | 92 -- ...set-global-site-wide-default-row-widths.md | 53 - .../rows/set-width-for-rows-and-content.md | 63 -- .../layouts/rows/work-with-rows.md | 150 --- .../version-2.10/layouts/templates/index.md | 75 -- .../layouts/templates/prebuilt-templates.md | 55 - .../layouts/templates/saved-templates.md | 148 --- .../layouts/templates/template-site.md | 53 - .../templates/theme-template-authors.md | 153 --- .../version-2.10/settings/advanced.md | 251 ----- .../version-2.10/settings/blocks.md | 43 - .../version-2.10/settings/branding.md | 117 --- .../version-2.10/settings/export-import.md | 77 -- .../version-2.10/settings/help-button.md | 34 - versioned_docs/version-2.10/settings/icons.md | 118 --- .../settings/import-export-settings.md | 44 - versioned_docs/version-2.10/settings/index.md | 53 - .../version-2.10/settings/layouts-menu.md | 32 - .../version-2.10/settings/license.md | 38 - .../version-2.10/settings/modules.md | 38 - .../version-2.10/settings/post-types.md | 43 - .../settings/template-exporter.md | 23 - .../version-2.10/settings/templates.md | 60 -- versioned_docs/version-2.10/settings/tools.md | 241 ----- .../version-2.10/settings/user-access.md | 157 --- .../version-2.10/settings/version-control.md | 31 - .../version-2.10/settings/welcome.md | 34 - .../version-2.10/shortcode/find-id-slug.md | 47 - .../version-2.10/shortcode/index.md | 46 - .../version-2.10/shortcode/syntax.md | 60 -- .../version-2.10/shortcode/using-css.md | 64 -- .../version-2.10/shortcode/using-php-files.md | 185 ---- .../version-2.10/shortcode/using-shortcode.md | 76 -- .../403-forbidden-or-blocked-error.md | 46 - .../404-error-when-trying-to-open-editor.md | 25 - ...3-errors-when-loading-background-images.md | 34 - .../destination-folder-already-exists.md | 17 - .../common-issues/dreamhost.md | 13 - .../common-issues/error-settings-not-saved.md | 117 --- .../error-when-trying-to-install-update.md | 20 - .../exceeds-php-max-input-vars.md | 51 - .../http-error-when-uploading-images.md | 19 - .../i-am-getting-a-blank-screen.md | 14 - ...-because-it-is-unzipped-when-i-download.md | 26 - ...d-a-site-but-my-image-urls-didnt-change.md | 22 - .../im-getting-a-permission-denied-error.md | 16 - ...rease-the-wordpress-allowed-memory-size.md | 34 - .../internal-server-500-error.md | 19 - .../common-issues/require-once.md | 17 - ...-uploadmaxfilesize-directive-in-php-ini.md | 23 - .../common-issues/title-bar-incorrect.md | 18 - .../use-smtp-to-send-form-notifications.md | 9 - .../common-issues/zlib-output-compression.md | 11 - .../debugging/cache-clearing-tool.md | 35 - .../enable-beaver-builder-debug-mode.md | 44 - .../debugging/issue-fixer-clear-the-cache.md | 21 - .../known-beaver-builder-incompatibilities.md | 237 ----- .../debugging/plugin-conflicts.md | 31 - .../troubleshooting/debugging/safe-mode.md | 73 -- .../debugging/theme-conflict.md | 103 -- ...background-color-or-image-doesnt-appear.md | 24 - ...s-not-open-for-editing-on-nginx-servers.md | 54 - ...-beaver-builder-menu-in-the-admin-panel.md | 28 - .../cant-open-page-in-beaver-builder.md | 42 - ...builder-text-editor-toolbars-dont-match.md | 82 -- ...ws-beaver-builder-customizer-and-beyond.md | 73 -- .../miscellaneous/font-awesome-icons.md | 71 -- ...r-builder-renders-the-title-of-an-image.md | 57 - .../i-cant-drag-and-drop-modules.md | 16 - .../miscellaneous/limit-on-adding-rows.md | 17 - ...criber-popup-form-breaks-beaver-builder.md | 18 - .../my-custom-column-width-keeps-changing.md | 16 - ...dont-appear-on-siteground-staging-sites.md | 43 - .../reduce-disable-undo-redo-manager.md | 59 -- ...ibe-form-mailchimp-merge-fields-invalid.md | 19 - .../uploaded-icon-set-is-blank.md | 12 - ...seeing-an-eye-icon-in-my-module-toolbar.md | 13 - .../wordpress-admin-bar-is-hidden.md | 18 - ...ver-builder-not-working-after-upgrading.md | 79 -- .../manually-reinstall-beaver-builder.md | 46 - .../not-getting-beaver-builder-updates.md | 64 -- ...or-deactivate-the-beaver-builder-plugin.md | 52 - .../version-2.10/user-interface/cloud.md | 59 -- .../user-interface/content-panel.md | 83 -- .../user-interface/global-settings.md | 193 ---- .../user-interface/global-styles.md | 143 --- .../version-2.10/user-interface/index.md | 29 - .../user-interface/layout-css-js.md | 31 - .../user-interface/link-values.md | 20 - .../user-interface/outline-panel.md | 91 -- .../version-2.10/user-interface/overlay.md | 82 -- .../user-interface/settings-window.md | 54 - .../tools-menu-styles.module.css | 13 - .../version-2.10/user-interface/tools-menu.md | 189 ---- .../version-2.10/user-interface/top-bar.md | 139 --- versioned_sidebars/version-2.10-sidebars.json | 679 ------------ versions.json | 1 - 464 files changed, 39 insertions(+), 35704 deletions(-) delete mode 100644 beaver-themer_versioned_docs/version-1.5/conditional-logic/beaver-themer-conditional-logic.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/developer/add-custom-attributes-to-themer-layouts.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/developer/add-themer-support.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/developer/conditional-logic-apis.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/developer/customize-field-connections-themer.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/developer/customize-themer-modules.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/developer/hide-node-when-field-connection-is-empty.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/developer/hooks-reference-themer.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/developer/wp-cli-for-beaver-themer.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/field-connections/conditionals.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/field-connections/examples/combining.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/field-connections/examples/conditional.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/field-connections/examples/expressions.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/field-connections/examples/index.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/field-connections/expressions.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/field-connections/getting-started.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/field-connections/index.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/field-connections/syntax.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/field-connections/third-party.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/field-connections/wordpress-custom-fields.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/field-connections/wordpress-data.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/getting-started/i-installed-beaver-themer-now-what.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/getting-started/install.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/getting-started/primer-on-wordpress-content-and-theme-areas-themer.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/getting-started/requirements.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/getting-started/supported-themes.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/getting-started/what-can-i-do-with-beaver-themer.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/button-group.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/checkbox.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/color-picker.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/date-picker.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/date-time-picker.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/email.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/file.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/flexible-content.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/gallery.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/google-map.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/group.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/image.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/index.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/number.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/oembed.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/page-link.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/password.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/post-object.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/radio-button.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/relationship.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/repeater.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/select.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/smart-slider.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/taxonomy.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/text-area.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/text.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/time-picker.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/true-false.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/url.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/user.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/field-types/wysiwyg.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/getting-started.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/index.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/acf/options-page.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/bigcommerce/beaver-themer-layouts-for-bigcommerce.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/bigcommerce/create-a-themer-layout-to-display-a-single-bigcommerce-product.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/bigcommerce/create-an-archive-themer-layout-for-bigcommerce.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/bigcommerce/field-connections.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/bigcommerce/products-posts-module-for-bigcommerce.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/easy-digital-downloads/beaver-themer-and-the-edd-plugin.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/easy-digital-downloads/create-a-singular-themer-layout-for-edd-download-items-themer.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/easy-digital-downloads/create-an-archive-themer-layout-for-edd-download-sets.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/easy-digital-downloads/field-connections.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/tec/archive-layout.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/tec/field-connections.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/tec/getting-started.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/tec/index.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/tec/modules/event-calendar.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/tec/modules/event-cost.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/tec/modules/event-countdown.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/tec/modules/event-date-time.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/tec/modules/event-description.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/tec/modules/event-details.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/tec/modules/event-export-links.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/tec/modules/event-map.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/tec/modules/event-navigation.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/tec/modules/event-notices.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/tec/modules/event-organizer.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/tec/modules/event-posts.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/tec/modules/event-related-events.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/tec/modules/event-tickets.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/tec/modules/event-title.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/tec/modules/event-venue.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/tec/modules/event-website.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/tec/modules/index.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/tec/singular-layout.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/woocommerce/add-to-cart-button-module-for-woocommerce-singular-themer-layouts.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/woocommerce/breadcrumb-module-for-woocommerce-singular-and-archive-themer-layouts.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/woocommerce/create-a-singular-themer-layout-for-woocommerce.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/woocommerce/create-an-archive-themer-layout-for-woocommerce.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/woocommerce/field-connections.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/woocommerce/index.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/woocommerce/product-description-module-for-woocommerce-singular-themer-layouts.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/woocommerce/product-images-module-for-woocommerce-singular-themer-layouts.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/woocommerce/product-meta-module-for-woocommerce-singular-themer-layouts.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/woocommerce/product-price-module-for-woocommerce-singular-themer-layouts.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/woocommerce/product-rating-module-for-woocommerce-singular-themer-layouts.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/woocommerce/product-tabs-module-for-woocommerce-singular-themer-layouts.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/woocommerce/product-title-module-for-woocommerce-singular-themer-layouts.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/woocommerce/product-upsells-module-for-woocommerce-singular-themer-layouts.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/woocommerce/products-module-for-woocommerce-archive-themer-layouts.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/woocommerce/related-products-module-for-woocommerce-singular-themer-layouts.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/integrations/woocommerce/woo-notices-module-for-woocommerce-singular-themer-layouts.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/introduction/about-release.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/introduction/faq.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/introduction/index.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/layout-types-modules/404-layout-type/themer-404-layout-type.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/layout-types-modules/archive-layout-type/create-a-card-layout-for-posts-themer.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/layout-types-modules/archive-layout-type/example-themer-archive-layout-for-custom-post-type-categories.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/layout-types-modules/archive-layout-type/themer-archive-layout-archive-description-module.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/layout-types-modules/archive-layout-type/themer-archive-layout-archive-title-module.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/layout-types-modules/archive-layout-type/themer-archive-layout-post-columns-gallery-list-masonry-modules.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/layout-types-modules/archive-layout-type/themer-archive-layout-type.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/layout-types-modules/archive-layout-type/tutorial-create-an-author-archive-themer-layout.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/layout-types-modules/footer-layout-type/themer-footer-layout-type.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/layout-types-modules/header-layout-type/themer-header-layout-type.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/layout-types-modules/header-layout-type/tutorial-create-a-header-layout-themer.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/layout-types-modules/index.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/layout-types-modules/part-layout-type/add-yoast-breadcrumbs-with-beaver-themer.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/layout-types-modules/part-layout-type/themer-part-layout-type.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/layout-types-modules/singular-layout-type/add-a-singular-themer-layout-to-the-wordpress-page-template-field.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/layout-types-modules/singular-layout-type/themer-singular-layout-attached-images-module.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/layout-types-modules/singular-layout-type/themer-singular-layout-author-bio-module.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/layout-types-modules/singular-layout-type/themer-singular-layout-comments-module.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/layout-types-modules/singular-layout-type/themer-singular-layout-featured-image-module.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/layout-types-modules/singular-layout-type/themer-singular-layout-post-content-module.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/layout-types-modules/singular-layout-type/themer-singular-layout-post-info-module.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/layout-types-modules/singular-layout-type/themer-singular-layout-post-navigation-module.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/layout-types-modules/singular-layout-type/themer-singular-layout-post-title-module.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/layout-types-modules/singular-layout-type/themer-singular-layout-type.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/layout-types-modules/singular-layout-type/use-the-posts-module-to-create-related-posts.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/locations/themer-locations-reference.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/troubleshooting/full-width-layout-types.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/troubleshooting/message-this-post-has-a-themer-layout-assigned.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/troubleshooting/themer-layouts-menu-missing.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/troubleshooting/troubleshooting-singular-layout-appears-in-post-preview-but-not-actual-post-themer.md delete mode 100644 beaver-themer_versioned_docs/version-1.5/troubleshooting/why-does-my-themer-layout-say-unsupported.md delete mode 100644 beaver-themer_versioned_sidebars/version-1.5-sidebars.json delete mode 100644 beaver-themer_versions.json delete mode 100644 versioned_docs/version-2.10/account/affiliate-program.md delete mode 100644 versioned_docs/version-2.10/account/billing-info.md delete mode 100644 versioned_docs/version-2.10/account/domain-manager.md delete mode 100644 versioned_docs/version-2.10/account/index.md delete mode 100644 versioned_docs/version-2.10/account/license/activations.md delete mode 100644 versioned_docs/version-2.10/account/license/cancel.md delete mode 100644 versioned_docs/version-2.10/account/license/downgrade.md delete mode 100644 versioned_docs/version-2.10/account/license/expiry.md delete mode 100644 versioned_docs/version-2.10/account/license/index.md delete mode 100644 versioned_docs/version-2.10/account/license/renew.md delete mode 100644 versioned_docs/version-2.10/account/license/suspension.md delete mode 100644 versioned_docs/version-2.10/account/license/transfer.md delete mode 100644 versioned_docs/version-2.10/account/license/types.md delete mode 100644 versioned_docs/version-2.10/account/license/upgrade.md delete mode 100644 versioned_docs/version-2.10/account/license/view-activate.md delete mode 100644 versioned_docs/version-2.10/account/request-invoice.md delete mode 100644 versioned_docs/version-2.10/account/suggest-new-features.md delete mode 100644 versioned_docs/version-2.10/account/update-email-password.md delete mode 100644 versioned_docs/version-2.10/advanced/adding-pdf.md delete mode 100644 versioned_docs/version-2.10/advanced/convert-content.md delete mode 100644 versioned_docs/version-2.10/advanced/css-gradients.md delete mode 100644 versioned_docs/version-2.10/advanced/custom-image-sizes.md delete mode 100644 versioned_docs/version-2.10/advanced/diy-website-builder-platform.md delete mode 100644 versioned_docs/version-2.10/advanced/index.md delete mode 100644 versioned_docs/version-2.10/advanced/migration.md delete mode 100644 versioned_docs/version-2.10/advanced/performance.md delete mode 100644 versioned_docs/version-2.10/advanced/smooth-scrolling-tweaks.md delete mode 100644 versioned_docs/version-2.10/basics/border.md delete mode 100644 versioned_docs/version-2.10/basics/color-picker.md delete mode 100644 versioned_docs/version-2.10/basics/custom-code.md delete mode 100644 versioned_docs/version-2.10/basics/display-only-bb-content.md delete mode 100644 versioned_docs/version-2.10/basics/duplicate-layout.md delete mode 100644 versioned_docs/version-2.10/basics/index.md delete mode 100644 versioned_docs/version-2.10/basics/inline-editing.md delete mode 100644 versioned_docs/version-2.10/basics/multi-layer-backgrounds.md delete mode 100644 versioned_docs/version-2.10/basics/restore-previous-version.md delete mode 100644 versioned_docs/version-2.10/basics/show-hide-page-title.md delete mode 100644 versioned_docs/version-2.10/basics/smooth-scrolling.md delete mode 100644 versioned_docs/version-2.10/basics/typography.md delete mode 100644 versioned_docs/version-2.10/basics/undo-redo.md delete mode 100644 versioned_docs/version-2.10/developer/acf-blocks.md delete mode 100644 versioned_docs/version-2.10/developer/conditionally-hidden-content.md delete mode 100644 versioned_docs/version-2.10/developer/container-modules.md delete mode 100644 versioned_docs/version-2.10/developer/custom-modules/01-create-a-plugin.md delete mode 100644 versioned_docs/version-2.10/developer/custom-modules/02-add-a-module-to-your-plugin.md delete mode 100644 versioned_docs/version-2.10/developer/custom-modules/03-define-module-settings.md delete mode 100644 versioned_docs/version-2.10/developer/custom-modules/04-module-settings-css-javascript.md delete mode 100644 versioned_docs/version-2.10/developer/custom-modules/05-module-html.md delete mode 100644 versioned_docs/version-2.10/developer/custom-modules/06-module-css.md delete mode 100644 versioned_docs/version-2.10/developer/custom-modules/07-module-javascript.md delete mode 100644 versioned_docs/version-2.10/developer/custom-modules/08-module-property-reference.md delete mode 100644 versioned_docs/version-2.10/developer/custom-modules/09-module-method-reference.md delete mode 100644 versioned_docs/version-2.10/developer/custom-modules/10-setting-fields-reference.md delete mode 100644 versioned_docs/version-2.10/developer/custom-modules/11-responsive-fields-reference.md delete mode 100644 versioned_docs/version-2.10/developer/custom-modules/12-repeater-fields-reference.md delete mode 100644 versioned_docs/version-2.10/developer/custom-modules/13-sanitize-field-values.md delete mode 100644 versioned_docs/version-2.10/developer/custom-modules/14-create-custom-fields.md delete mode 100644 versioned_docs/version-2.10/developer/custom-modules/15-helpers.md delete mode 100644 versioned_docs/version-2.10/developer/custom-modules/16-live-preview-reference.md delete mode 100644 versioned_docs/version-2.10/developer/custom-modules/17-partial-refresh-reference.md delete mode 100644 versioned_docs/version-2.10/developer/custom-modules/18-override-modules.md delete mode 100644 versioned_docs/version-2.10/developer/custom-modules/19-localization.md delete mode 100644 versioned_docs/version-2.10/developer/custom-modules/20-module-aliases.md delete mode 100644 versioned_docs/version-2.10/developer/custom-modules/index.md delete mode 100644 versioned_docs/version-2.10/developer/how-to-tips/add-custom-attributes-to-rows-columns-or-modules.md delete mode 100644 versioned_docs/version-2.10/developer/how-to-tips/create-a-video-lightbox-for-an-amazon-s3-video.md delete mode 100644 versioned_docs/version-2.10/developer/how-to-tips/data-storage.md delete mode 100644 versioned_docs/version-2.10/developer/how-to-tips/disable-minification-and-caching-with-wpdebug.md delete mode 100644 versioned_docs/version-2.10/developer/how-to-tips/disable-schema-markup-beaver-builder.md delete mode 100644 versioned_docs/version-2.10/developer/how-to-tips/display-subset-typography-controls.md delete mode 100644 versioned_docs/version-2.10/developer/how-to-tips/html-css-and-javascript-reference.md delete mode 100644 versioned_docs/version-2.10/developer/how-to-tips/load-css-and-javascript-inline.md delete mode 100644 versioned_docs/version-2.10/developer/how-to-tips/load-google-fonts-locally-gdpr.md delete mode 100644 versioned_docs/version-2.10/developer/how-to-tips/map-module-filter-google.md delete mode 100644 versioned_docs/version-2.10/developer/how-to-tips/prevent-css-and-javascript-from-loading-on-archive-pages.md delete mode 100644 versioned_docs/version-2.10/developer/how-to-tips/render-layouts-with-php.md delete mode 100644 versioned_docs/version-2.10/developer/iframe-ui.md delete mode 100644 versioned_docs/version-2.10/developer/module-blocks.md delete mode 100644 versioned_docs/version-2.10/developer/module-deprecations.md delete mode 100644 versioned_docs/version-2.10/developer/tutorials-guides/add-a-custom-shape-layer.md delete mode 100644 versioned_docs/version-2.10/developer/tutorials-guides/add-icons-to-your-custom-modules.md delete mode 100644 versioned_docs/version-2.10/developer/tutorials-guides/change-how-css-and-javascript-are-loaded.md delete mode 100644 versioned_docs/version-2.10/developer/tutorials-guides/common-beaver-builder-plugin-filter-examples.md delete mode 100644 versioned_docs/version-2.10/developer/tutorials-guides/create-a-custom-module-to-compare-images-with-a-slider.md delete mode 100644 versioned_docs/version-2.10/developer/tutorials-guides/create-a-filter-to-customize-the-display-of-post-data.md delete mode 100644 versioned_docs/version-2.10/developer/tutorials-guides/customize-keyboard-shortcuts.md delete mode 100644 versioned_docs/version-2.10/developer/tutorials-guides/customize-row-resizing-behavior.md delete mode 100644 versioned_docs/version-2.10/developer/tutorials-guides/customize-settings-forms.md delete mode 100644 versioned_docs/version-2.10/developer/tutorials-guides/install-beaver-builder-via-composer.md delete mode 100644 versioned_docs/version-2.10/developer/tutorials-guides/remove-rename-tools-menu-items.md delete mode 100644 versioned_docs/version-2.10/developer/tutorials-guides/wp-cli-plugin-theme.md delete mode 100644 versioned_docs/version-2.10/getting-started/install.md delete mode 100644 versioned_docs/version-2.10/getting-started/launch-builder.md delete mode 100644 versioned_docs/version-2.10/getting-started/system-requirements.md delete mode 100644 versioned_docs/version-2.10/getting-started/what-can-i-do-with-beaver-builder.md delete mode 100644 versioned_docs/version-2.10/integrations/font-awesome.md delete mode 100644 versioned_docs/version-2.10/integrations/index.md delete mode 100644 versioned_docs/version-2.10/integrations/popup-maker.md delete mode 100644 versioned_docs/version-2.10/integrations/query-monitor.md delete mode 100644 versioned_docs/version-2.10/integrations/rankmath.md delete mode 100644 versioned_docs/version-2.10/integrations/woocommerce.md delete mode 100644 versioned_docs/version-2.10/integrations/yoast.md delete mode 100644 versioned_docs/version-2.10/introduction/about-release.md delete mode 100644 versioned_docs/version-2.10/introduction/accessibility.md delete mode 100644 versioned_docs/version-2.10/introduction/faq.md delete mode 100644 versioned_docs/version-2.10/introduction/gdpr.md delete mode 100644 versioned_docs/version-2.10/introduction/index.md delete mode 100644 versioned_docs/version-2.10/introduction/releases-versioning.md delete mode 100644 versioned_docs/version-2.10/introduction/support-policy.md delete mode 100644 versioned_docs/version-2.10/introduction/translations.md delete mode 100644 versioned_docs/version-2.10/layouts/advanced-tab/animation.md delete mode 100644 versioned_docs/version-2.10/layouts/advanced-tab/copy-paste.md delete mode 100644 versioned_docs/version-2.10/layouts/advanced-tab/css-js.md delete mode 100644 versioned_docs/version-2.10/layouts/advanced-tab/html-element.md delete mode 100644 versioned_docs/version-2.10/layouts/advanced-tab/index.md delete mode 100644 versioned_docs/version-2.10/layouts/advanced-tab/spacing.md delete mode 100644 versioned_docs/version-2.10/layouts/advanced-tab/visibility.md delete mode 100644 versioned_docs/version-2.10/layouts/columns/assets/column-layouts-overview-10400ffc.png delete mode 100644 versioned_docs/version-2.10/layouts/columns/assets/column-layouts-overview-675008fe.png delete mode 100644 versioned_docs/version-2.10/layouts/columns/column-layouts-overview.md delete mode 100644 versioned_docs/version-2.10/layouts/columns/duplicate-a-column.md delete mode 100644 versioned_docs/version-2.10/layouts/columns/edit-a-column.md delete mode 100644 versioned_docs/version-2.10/layouts/columns/insert-columns.md delete mode 100644 versioned_docs/version-2.10/layouts/columns/move-a-column.md delete mode 100644 versioned_docs/version-2.10/layouts/columns/resize-or-reset-column-width.md delete mode 100644 versioned_docs/version-2.10/layouts/columns/stacking.md delete mode 100644 versioned_docs/version-2.10/layouts/columns/tips-for-working-with-columns.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/accordion/css-customization.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/accordion/index.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/accordion/link-specific-item.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/accordion/settings/index.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/accordion/settings/items.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/accordion/settings/style.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/audio.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/bigcommerce-products.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/box/index.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/box/settings/children.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/box/settings/container.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/box/settings/index.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/box/using-align-options.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/button-group.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/button/button.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/button/make-a-button-transparent.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/callout-and-call-to-action.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/contact-form/add-a-google-recaptcha-checkbox-to-a-form.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/contact-form/contact-form.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/content-slider.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/countdown.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/gallery/gallery.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/gallery/open-a-gallery-lightbox-on-button-click.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/heading.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/html.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/icon-and-icon-group.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/index.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/list.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/login-form.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/loop/index.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/loop/settings.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/map.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/menu/add-a-menu-item-that-links-to-a-page-section.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/menu/menu.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/module-blocks.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/north-commerce.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/number-counter.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/photo/add-hover-effects-to-the-photo-module.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/photo/display-full-captions-under-photos.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/photo/photo.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/posts/increase-space-between-images-in-posts-module-gallery.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/posts/posts-carousel.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/posts/posts-posts-carousel-and-posts-slider-modules-examples.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/posts/posts-slider.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/posts/posts.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/pricing-table.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/search/limit-post-types-search-module.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/search/search.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/separator.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/sidebar.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/slideshow.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/social-buttons.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/star-rating.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/subscribe-form/configure-subscribe-form-module-for-mailchimp-double-opt-in.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/subscribe-form/subscribe-form.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/tabs/index.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/tabs/link-specific-item.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/tabs/settings/index.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/tabs/settings/items.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/tabs/settings/style.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/testimonials.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/text.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/video/open-a-video-in-a-lightbox.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/video/video.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/widgets.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/woocommerce.md delete mode 100644 versioned_docs/version-2.10/layouts/modules/wordpress-patterns.md delete mode 100644 versioned_docs/version-2.10/layouts/post-layouts/add-rows-and-modules-to-index-archive-and-post-pages.md delete mode 100644 versioned_docs/version-2.10/layouts/post-layouts/basics-how-wordpress-handles-blog-posts-and-archives.md delete mode 100644 versioned_docs/version-2.10/layouts/post-layouts/generated-wordpress-archives-versus-beaver-builder-layouts.md delete mode 100644 versioned_docs/version-2.10/layouts/post-layouts/how-beaver-builder-works-with-blogs-and-custom-post-types-start-here.md delete mode 100644 versioned_docs/version-2.10/layouts/post-layouts/use-beaver-builder-to-lay-out-post-content.md delete mode 100644 versioned_docs/version-2.10/layouts/post-layouts/wordpress-archive-types.md delete mode 100644 versioned_docs/version-2.10/layouts/responsive-design/assets/responsive-columns-163bfe78.png delete mode 100644 versioned_docs/version-2.10/layouts/responsive-design/breakpoints.md delete mode 100644 versioned_docs/version-2.10/layouts/responsive-design/disable.md delete mode 100644 versioned_docs/version-2.10/layouts/responsive-design/editor.md delete mode 100644 versioned_docs/version-2.10/layouts/responsive-design/index.md delete mode 100644 versioned_docs/version-2.10/layouts/responsive-design/responsive-columns.md delete mode 100644 versioned_docs/version-2.10/layouts/responsive-design/toggle.md delete mode 100644 versioned_docs/version-2.10/layouts/reusable-content/components.md delete mode 100644 versioned_docs/version-2.10/layouts/reusable-content/globals.md delete mode 100644 versioned_docs/version-2.10/layouts/reusable-content/index.md delete mode 100644 versioned_docs/version-2.10/layouts/reusable-content/templates.md delete mode 100644 versioned_docs/version-2.10/layouts/rows/add-prebuilt-rows-to-your-content.md delete mode 100644 versioned_docs/version-2.10/layouts/rows/change-row-background-image-on-table-or-mobile-view.md delete mode 100644 versioned_docs/version-2.10/layouts/rows/customize-the-row-height.md delete mode 100644 versioned_docs/version-2.10/layouts/rows/full-width-and-fixed-width.md delete mode 100644 versioned_docs/version-2.10/layouts/rows/full-width-rows-on-third-party-themes.md delete mode 100644 versioned_docs/version-2.10/layouts/rows/row-effects/create-a-ken-burns-effect-in-a-row-background.md delete mode 100644 versioned_docs/version-2.10/layouts/rows/row-effects/ideas-for-using-background-colors-and-effects.md delete mode 100644 versioned_docs/version-2.10/layouts/rows/row-effects/parallax-row-backgrounds.md delete mode 100644 versioned_docs/version-2.10/layouts/rows/row-effects/row-shape-overlays.md delete mode 100644 versioned_docs/version-2.10/layouts/rows/row-effects/video-backgrounds-in-rows.md delete mode 100644 versioned_docs/version-2.10/layouts/rows/set-global-site-wide-default-row-widths.md delete mode 100644 versioned_docs/version-2.10/layouts/rows/set-width-for-rows-and-content.md delete mode 100644 versioned_docs/version-2.10/layouts/rows/work-with-rows.md delete mode 100644 versioned_docs/version-2.10/layouts/templates/index.md delete mode 100644 versioned_docs/version-2.10/layouts/templates/prebuilt-templates.md delete mode 100644 versioned_docs/version-2.10/layouts/templates/saved-templates.md delete mode 100644 versioned_docs/version-2.10/layouts/templates/template-site.md delete mode 100644 versioned_docs/version-2.10/layouts/templates/theme-template-authors.md delete mode 100644 versioned_docs/version-2.10/settings/advanced.md delete mode 100644 versioned_docs/version-2.10/settings/blocks.md delete mode 100644 versioned_docs/version-2.10/settings/branding.md delete mode 100644 versioned_docs/version-2.10/settings/export-import.md delete mode 100644 versioned_docs/version-2.10/settings/help-button.md delete mode 100644 versioned_docs/version-2.10/settings/icons.md delete mode 100644 versioned_docs/version-2.10/settings/import-export-settings.md delete mode 100644 versioned_docs/version-2.10/settings/index.md delete mode 100644 versioned_docs/version-2.10/settings/layouts-menu.md delete mode 100644 versioned_docs/version-2.10/settings/license.md delete mode 100644 versioned_docs/version-2.10/settings/modules.md delete mode 100644 versioned_docs/version-2.10/settings/post-types.md delete mode 100644 versioned_docs/version-2.10/settings/template-exporter.md delete mode 100644 versioned_docs/version-2.10/settings/templates.md delete mode 100644 versioned_docs/version-2.10/settings/tools.md delete mode 100644 versioned_docs/version-2.10/settings/user-access.md delete mode 100644 versioned_docs/version-2.10/settings/version-control.md delete mode 100644 versioned_docs/version-2.10/settings/welcome.md delete mode 100644 versioned_docs/version-2.10/shortcode/find-id-slug.md delete mode 100644 versioned_docs/version-2.10/shortcode/index.md delete mode 100644 versioned_docs/version-2.10/shortcode/syntax.md delete mode 100644 versioned_docs/version-2.10/shortcode/using-css.md delete mode 100644 versioned_docs/version-2.10/shortcode/using-php-files.md delete mode 100644 versioned_docs/version-2.10/shortcode/using-shortcode.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/common-issues/403-forbidden-or-blocked-error.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/common-issues/404-error-when-trying-to-open-editor.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/common-issues/cloudflare-and-403-errors-when-loading-background-images.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/common-issues/destination-folder-already-exists.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/common-issues/dreamhost.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/common-issues/error-settings-not-saved.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/common-issues/error-when-trying-to-install-update.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/common-issues/exceeds-php-max-input-vars.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/common-issues/http-error-when-uploading-images.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/common-issues/i-am-getting-a-blank-screen.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/common-issues/i-cant-upload-the-installer-zip-file-because-it-is-unzipped-when-i-download.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/common-issues/i-migrated-a-site-but-my-image-urls-didnt-change.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/common-issues/im-getting-a-permission-denied-error.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/common-issues/increase-the-wordpress-allowed-memory-size.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/common-issues/internal-server-500-error.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/common-issues/require-once.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/common-issues/the-uploaded-file-exceeds-the-uploadmaxfilesize-directive-in-php-ini.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/common-issues/title-bar-incorrect.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/common-issues/use-smtp-to-send-form-notifications.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/common-issues/zlib-output-compression.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/debugging/cache-clearing-tool.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/debugging/enable-beaver-builder-debug-mode.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/debugging/issue-fixer-clear-the-cache.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/debugging/known-beaver-builder-incompatibilities.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/debugging/plugin-conflicts.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/debugging/safe-mode.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/debugging/theme-conflict.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/miscellaneous/background-color-or-image-doesnt-appear.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/miscellaneous/beaver-builder-does-not-open-for-editing-on-nginx-servers.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/miscellaneous/cant-find-the-beaver-builder-menu-in-the-admin-panel.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/miscellaneous/cant-open-page-in-beaver-builder.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/miscellaneous/classic-wordpress-and-beaver-builder-text-editor-toolbars-dont-match.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/miscellaneous/device-previews-beaver-builder-customizer-and-beyond.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/miscellaneous/font-awesome-icons.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/miscellaneous/how-beaver-builder-renders-the-title-of-an-image.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/miscellaneous/i-cant-drag-and-drop-modules.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/miscellaneous/limit-on-adding-rows.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/miscellaneous/mailchimp-subscriber-popup-form-breaks-beaver-builder.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/miscellaneous/my-custom-column-width-keeps-changing.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/miscellaneous/new-slideshow-images-dont-appear-on-siteground-staging-sites.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/miscellaneous/reduce-disable-undo-redo-manager.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/miscellaneous/subscribe-form-mailchimp-merge-fields-invalid.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/miscellaneous/uploaded-icon-set-is-blank.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/miscellaneous/why-am-i-seeing-an-eye-icon-in-my-module-toolbar.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/miscellaneous/wordpress-admin-bar-is-hidden.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/updates-license/beaver-builder-not-working-after-upgrading.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/updates-license/manually-reinstall-beaver-builder.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/updates-license/not-getting-beaver-builder-updates.md delete mode 100644 versioned_docs/version-2.10/troubleshooting/updates-license/uninstall-or-deactivate-the-beaver-builder-plugin.md delete mode 100644 versioned_docs/version-2.10/user-interface/cloud.md delete mode 100644 versioned_docs/version-2.10/user-interface/content-panel.md delete mode 100644 versioned_docs/version-2.10/user-interface/global-settings.md delete mode 100644 versioned_docs/version-2.10/user-interface/global-styles.md delete mode 100644 versioned_docs/version-2.10/user-interface/index.md delete mode 100644 versioned_docs/version-2.10/user-interface/layout-css-js.md delete mode 100644 versioned_docs/version-2.10/user-interface/link-values.md delete mode 100644 versioned_docs/version-2.10/user-interface/outline-panel.md delete mode 100644 versioned_docs/version-2.10/user-interface/overlay.md delete mode 100644 versioned_docs/version-2.10/user-interface/settings-window.md delete mode 100644 versioned_docs/version-2.10/user-interface/tools-menu-styles.module.css delete mode 100644 versioned_docs/version-2.10/user-interface/tools-menu.md delete mode 100644 versioned_docs/version-2.10/user-interface/top-bar.md delete mode 100644 versioned_sidebars/version-2.10-sidebars.json delete mode 100644 versions.json diff --git a/beaver-themer_versioned_docs/version-1.5/conditional-logic/beaver-themer-conditional-logic.md b/beaver-themer_versioned_docs/version-1.5/conditional-logic/beaver-themer-conditional-logic.md deleted file mode 100644 index 91ccc11d..00000000 --- a/beaver-themer_versioned_docs/version-1.5/conditional-logic/beaver-themer-conditional-logic.md +++ /dev/null @@ -1,225 +0,0 @@ ---- -id: beaver-themer-conditional-logic -title: Beaver Themer conditional logic -sidebar_label: Beaver Themer conditional logic -description: Conditional logic lets you create rules that determine when to display a Themer layout or a Beaver Builder row, column, or module. ---- - -Beaver Themer's conditional logic feature gives you the power to fine-tune when Themer layouts or parts of Beaver Builder layouts are displayed. - -## The conditional logic if-then statement - -The basic logic is an if-then statement, but with Beaver conditional logic, you only specify the if-expression. The form of the statement is always: - -_If {my expression is true} then display this item_ - -The if-expression can contain both rules and rule groups. Rules in the same group use AND logic, while rules groups use OR logic. See the examples in the following section and more details further below. - -## Where you can apply conditional logic - -You can apply conditional logic in two different locations: - -- In the **Rules** section of the Beaver Themer editing panel: - ![](/img/conditional-logic-themer-edit-panel_800.png) - This screenshot shows the editing panel for a Part layout. In addition to the **Position** and the **Location** of the part, there's a **Rules** section where you can set up a complex conditional logic rule. See the first example in the next section. -- In the **Display** setting on the **Advanced** tab of any row, column, or module in a Beaver Builder layout: - ![](/img/conditional-logic-module_800.png) - -:::info -The **Display** setting is always available in Beaver Builder layouts, but the **Conditional Logic** choice only appears when Beaver Themer is installed. -::: - -There are a huge number of ways that you can use conditional logic, but here are a couple of examples, followed by more details about the rules and lists of choices and comparison operators for the if-expressions. - -## Conditional logic examples - -### Display a Themer layout only when users are Editors - -Suppose you want to display a banner at the top of the page with special instructions to editors when they are logged in, showing how to open a page for editing in Beaver Builder, as in this screenshot: - -![](/img/conditional-logic-themer-editing-banner_800.png) - -This is easy to accomplish with a Part-type Themer layout and conditional logic, following the steps here. - -1. Create a Part-type Themer layout. -2. In the editor panel for the Themer layout, set **Position** to **Before header**. -3. Set **Location** to **Page > All pages**. -4. In the **Rules** section, create a rule for **User Role** **equals** **Editor**, as shown in the following screenshot. - ![](/img/conditional-logic-themer-banner-setup_800.png) -5. Click **Update** to save the edits. - -In other words, this banner will display above the header whenever the user is logged into the site with the role of Editor. - -### Display a button only when a specific ACF custom field has a value - -Suppose you have created an Advanced Custom Fields (ACF) field for posts so that you can display the company title below the Author's name in the post title row. But company title is not a required field, and you want to display the row or column containing it only when the company title field has a value. For example, here's a screenshot of a post that has the company title in a column group below the author name: - -![](/img/beaver-themer-conditional-logic-74fe4598.jpg) - -And here's the same page when the ACF field is blank: - -![](/img/beaver-themer-conditional-logic-2f30569a.jpg) - -While the difference is subtle, the column group containing the custom field for company title is no longer displayed, and the rest of the text has recentered vertically. The need to hide a row is much more obvious in the following case, where the lack of the custom field value would leave an empty blue band. - -![](/img/beaver-themer-conditional-logic-9cd20ed7.png) - -The solution is to set a normal field connection to the custom field in the module and then add conditional logic to the row or column containing it to display the row or column only when the custom field value exists. Here's how. - -:::info -With this procedure, if you have any other content in the row or column in addition to the custom field, it will also be hidden when the custom field has no value. Plan your rows, columns, and modules so you'll be showing and hiding what you want. -::: - -**To hide a row or column containing an ACF custom field that doesn't have a value:** - -1. Create a module to display your ACF custom field. - For example, add a Heading module, and in the **Heading** field, add a field connection to the ACF field. -2. Open the settings for the row or column containing that module and go to the **Advanced** tab. -3. Go to the **Visibility** section, and in the **Display** field, choose **Conditional logic**, then click **Open Conditional logic settings.** -4. Click **Choose**, scroll down to the **Advanced Custom Fields** section, and choose **ACF post field**. -5. In the second column, enter the field name of your custom field. -6. In the third column, scroll down and choose **is set**. - This means that this row or column will display when this custom field has a value. -7. Click **Save**. - -## Conditional logic details - -### Rules and rule groups - -You can add one or more rules to form a rule group. You can add as many rule groups as you want. Rules operate with AND logic. Rule groups operate with OR logic. - -For example, you could have two rule groups with two rules each for the following conditions: - -> Display this module if a particular ACF custom field isn't empty AND the post category is "news" -> OR -> Display this module if a particular ACF custom field isn't empty AND the post category is "events" - -#### Bulk Options - -Bulk options are available for the conditional logic for nodes (rows, columns, modules) and allow you to quickly duplicate or delete rules, saving valuable time. This is especially useful when you need to create a similar rule with only minor differences; you can duplicate an existing rule and then modify the condition to your preference, rather than creating a new rule from scratch. - -:::tip - -Bulk options become available only when you have more than one rule and are limited to individual rule groups, meaning you can only duplicate or delete rules within the same group. You cannot apply bulk actions across different rule groups. - -::: - -### Comparison operators - -You can set rules for various aspects of posts, archives, authors, users, and ACF custom fields. The items you choose for the rule determine which comparison operators are available. For example, **Post title**, **Post excerpt**, **Post featured image** have some or all of the following comparison operators: - -- **is set** or **exists**, **is not set** or **doesn't exist** - Used to show or hide rows, columns, or modules if the value is set (such as a featured image) or exists (such as a custom field) -- **equals** or **does not equal**, **starts with**, **ends with**, **contains**, **doesn't contain** - Used to evaluate text values for a particular item. - -### Conditional logic for Themer layouts - -The conditional logic selections that appear in Themer layouts depend on the type of layout. In most cases, you can select not only logged-in vs. logged-out and user status, but also user properties such as user role, user capability, or even a specific username, as shown in the following screenshot. - -![](/img/beaver-themer-conditional-logic-60a0bbc2.png) - -In Singular-type Themer layouts, you can also set conditions that control whether layouts appear depending on the value or status of items in the post, as shown in this screenshot. - -![](/img/beaver-themer-conditional-logic-fc83f077.png) - -In Archive-type layouts, you can set conditions based on the archive properties of title, description, or meta, as shown in the following screenshot. - -![](/img/beaver-themer-conditional-logic-8d1c438d.png) - -### Visibility setting for rows, columns, and modules - -In a standard Beaver Builder layout without Beaver Themer activated, there's a **Display** field on the **Advanced** tab where you can choose to display the module **Never**, only to logged-out users, or only to logged-in users, as shown in this screenshot. The default display choice is **Always**. - -![](/img/beaver-themer-conditional-logic-ab689e66.png) - -With Beaver Themer installed, in either a standard Beaver Builder layout or a Themer layout, the Display field has an additional **Conditional Logic** choice, as you can see in this screenshot. - -![](/img/beaver-themer-conditional-logic-dbd8a972.png) - -The rules you set there determine the conditions under which the row, column, or module is visible. - -:::info -You can use conditional logic in any Beaver Builder layout, but conditional logic is only available when Beaver Themer is installed. -::: - -### Conditional logic categories - -Rows, columns, and modules have the following conditional logic selections for rules. - -#### Posts - -- Post -- Post parent -- Post type -- Post title -- Post excerpt -- Post content -- Post featured image -- Post comments number -- Post template -- Post taxonomy term -- Post status -- Post custom field - -#### Archive - -- Archive -- Archive title -- Archive description -- Archive taxonomy term -- Archive term meta - -#### Author - -- Author -- Author bio -- Author meta -- Author login status - -#### User - -- User -- User bio -- User meta -- User login status -- User role -- User capability -- User registered - -#### Browser - -- Cookie - You can base the visibility on a particular key in your cookie. -- Referer - **Referer** means the page that contains a link that the user follows to get to the page containing the conditional logic, such as a link from the layout or a menu link. [Here's some more information about HTTP Referers.](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referer) - **Note:** This misspelling of `referer` is built into WordPress. -- URL variable - -### 3rd party integrations - -The following conditional rules appear when the following third-party plugins are installed. - -#### WooCommerce - -- Customer products purchased -- Customer first ordered -- Customer last ordered -- Customer total orders -- Customer total products -- Customer total spent -- Customer billing address -- Customer shipping address -- Cart -- Cart products -- Cart total - -#### Advanced Custom Fields - -These choices refer to the source or destination of the ACF field on your site. For more information, see [the article about ACF field connections](../integrations/acf/index.md). - -- ACF Archive field -- ACF Post field -- ACF Post Author field -- ACF User field -- ACF Option field diff --git a/beaver-themer_versioned_docs/version-1.5/developer/add-custom-attributes-to-themer-layouts.md b/beaver-themer_versioned_docs/version-1.5/developer/add-custom-attributes-to-themer-layouts.md deleted file mode 100644 index 5d0d3e10..00000000 --- a/beaver-themer_versioned_docs/version-1.5/developer/add-custom-attributes-to-themer-layouts.md +++ /dev/null @@ -1,42 +0,0 @@ ---- -id: add-custom-attributes-to-themer-layouts -title: Add custom attributes to Beaver Themer layouts -sidebar_label: Add custom attributes to Beaver Themer layouts ---- - -You can easily add custom attributes when you need them for your Beaver Themer layouts. -The code example below uses the `fl_render_content_by_id_attrs` filter to add the attribute(s) to your Beaver Themer layout whose ID you have specified in the code. This example will add an attribute of `role` with a value of `banner`. This is useful for [Header Layout Types](/beaver-themer/layout-types-modules/header-layout-type/themer-header-layout-type.md). - -The code example below uses an ID of `2168` this is the ID of your Beaver Themer layout. To get the ID, copy the post number from the URL in your browser’s address bar, as shown in this screenshot. - -![](/img/how-to-tips-get-slug-id-shortcode-2.jpg) - -Substitute your own attribute name and value and your Themer layout ID in the code and place the code in -the _functions.php_ file of your child theme. - -```php -add_filter( 'fl_render_content_by_id_attrs', function( $attrs, $post_id ) { - - if ( '2168' === $post_id ) { - $attrs['role'] = 'banner'; - } - - return $attrs; - -}, 10, 2 ); -``` - -This example demonstrates how to use the filter to add multiple attributes to a Themer layout. - -```php -add_filter( 'fl_render_content_by_id_attrs', function( $attrs, $post_id ) { - - if ( '2168' === $post_id ) { - $attrs['role'] = 'banner'; - $attrs['data-foo'] = 'bar'; - } - - return $attrs; - -}, 10, 2 ); -``` \ No newline at end of file diff --git a/beaver-themer_versioned_docs/version-1.5/developer/add-themer-support.md b/beaver-themer_versioned_docs/version-1.5/developer/add-themer-support.md deleted file mode 100644 index 74263f38..00000000 --- a/beaver-themer_versioned_docs/version-1.5/developer/add-themer-support.md +++ /dev/null @@ -1,110 +0,0 @@ ---- -id: add-themer-support -title: Add Themer Support -sidebar_label: Add Themer Support ---- - -Most themes support Archive, Singular, and 404 layout types out of the box. However, to support the Header, Footer, and Part layout types, the theme must allow its header, footer, and parts to be removed using hooks. - -See the [list of themes that are currently supported](/beaver-themer/developer/add-themer-support). If your theme isn't currently supported, you can add support for headers, footers, and parts by following the instructions below. - -## Add Header & Footer Support - -There are other ways than using hooks to remove the theme's headers and footers, but using hooks is the easiest and cleanest. For example, in Genesis you can remove the header with the following code. - -```php -remove_action( 'genesis_header', 'genesis_do_header' ); -``` - -If your theme's header and footer can be removed with hooks, the first step to providing support for Beaver Themer is by declaring it on the `after_setup_theme` action in your _functions.php_ file: - -```php -add_action( 'after_setup_theme', 'my_theme_header_footer_support' ); - -function my_theme_header_footer_support() { - add_theme_support( 'fl-theme-builder-headers' ); - add_theme_support( 'fl-theme-builder-footers' ); -} -``` - -The next step varies from theme to theme, but the general idea is to check to see if a header or footer exists for the current page. If it does, remove the theme's default header or footer and add an action to render the header or footer built by Beaver Themer. Here's what the code looks like to do that for Genesis: - -```php -add_action( 'wp', 'my_theme_header_footer_render' ); - -function my_theme_header_footer_render() { - // Get the header ID. - $header_ids = FLThemeBuilderLayoutData::get_current_page_header_ids(); - - // If we have a header, remove the theme header and hook in Beaver Themer' - if ( ! empty( $header_ids ) ) { - remove_action( 'genesis_header', 'genesis_do_header' ); - add_action( 'genesis_header', 'FLThemeBuilderLayoutRenderer::render_header' ); - } - - // Get the footer ID. - $footer_ids = FLThemeBuilderLayoutData::get_current_page_footer_ids(); - - // If we have a footer, remove the theme footer and hook in Beaver Themer. - if ( ! empty( $footer_ids ) ) { - remove_action( 'genesis_footer', 'genesis_do_footer' ); - add_action( 'genesis_footer', 'FLThemeBuilderLayoutRenderer::render_footer' ); - } -} -``` - -:::tip - -If you're interested in an object-oriented approach to theme support, check out how we implemented Genesis support in the _extensions/themes/class-fl-theme-builder-support-genesis.php_ file. - -::: - -## Add Parts Support - -Theme parts are references to actions in your theme that a layout can be hooked into. For example, if your theme has a `before_header` action, you can register that so Part layout types can be rendered there. - -Adding support for part layout types is basically the same as adding support for headers and footers layout types. In fact, you can declare support for headers, footers, and parts at the same time: - -```php -add_action( 'after_setup_theme', 'my_theme_header_footer_support' ); - -function my_theme_header_footer_support() { - add_theme_support( 'fl-theme-builder-headers' ); - add_theme_support( 'fl-theme-builder-footers' ); - add_theme_support( 'fl-theme-builder-parts' ); -} -``` - -After you've declared support for parts, you can use the `fl_theme_builder_part_hooks` filter to register your parts. The function for your filter should return an array of arrays for each group of parts, as shown below. Within the hooks array, set your actions to the array key, and set the human-readable label to the array value. - -Here's an example of what that would look like for Genesis: - -```php -add_filter( 'fl_theme_builder_part_hooks', 'my_theme_register_part_hooks' ); - -function my_theme_register_part_hooks() { - return array( - array( - 'label' => 'Header', - 'hooks' => array( - 'genesis_before_header' => 'Before Header', - 'genesis_after_header' => 'After Header', - ) - ), - array( - 'label' => 'Content', - 'hooks' => array( - 'genesis_before_content' => 'Before Content', - 'genesis_after_content' => 'After Content', - ) - ), - array( - 'label' => 'Footer', - 'hooks' => array( - 'genesis_before_footer' => 'Before Footer', - 'genesis_after_footer' => 'After Footer', - ) - ) - ); -} -``` diff --git a/beaver-themer_versioned_docs/version-1.5/developer/conditional-logic-apis.md b/beaver-themer_versioned_docs/version-1.5/developer/conditional-logic-apis.md deleted file mode 100644 index 034649e9..00000000 --- a/beaver-themer_versioned_docs/version-1.5/developer/conditional-logic-apis.md +++ /dev/null @@ -1,628 +0,0 @@ ---- -id: conditional-logic-apis -title: Conditional Logic APIs -sidebar_label: Conditional Logic APIs ---- - -This document covers APIs for writing custom rules for the Beaver Themer conditional logic feature in third-party plugins. - -:::info - -- Add these rules via a plugin as `bb_logic_init` is fired during the `plugins_loaded` WordPress action, which occurs before the theme is loaded. - -- Beaver Themer’s conditional logic feature does not currently support dynamic rules that are specific to each unique visitor of your website, such as cookies and geotargeting. Caching prevents those rules from working, because a single cached copy of the page is returned and cannot be modified using conditional logic. In the future, we will be working on making dynamic rules possible with caching. - -::: - -## What is a rule? - -A rule is a set of data edited by a simple form and evaluated into a true or false boolean value to decide if a particular action should happen or not. For example, in Beaver Builder we use conditional logic to decide if a piece of content should render. In Beaver Themer we use conditional logic to decide if entire layouts should render. The following screenshot shows an example of a conditional rule form in the Beaver Themer UI. - -![](/img/conditional-logic-apis-50280878.png) - -## Add a Custom Rule - -There are two steps to adding a custom rule: - -- Frontend rule registration in JavaScript -- Server-side rule processing in PHP. - -You can follow along by [downloading the example plugin here](https://www.wpbeaverbuilder.com/downloads/beaver-themer-example-rules.zip). - -### 1. Frontend Rule Registration - -1. Create a new JavaScript file in your plugin. - In this example, a file called _rules.js_ in the example plugin is created and enqueued on the `bb_logic_enqueue_scripts` action, as follows. - -```php -add_action( 'bb_logic_enqueue_scripts', function() { - wp_enqueue_script( - 'bb-logic-example-rules', - BB_LOGIC_EXAMPLE_URL . 'js/rules.js', - array( 'bb-logic-core' ), - '1.0', - true - ); -} ); -``` - -2. Add a new rule type in your _rules.js_ file using the `BBLogic.api.addRuleType` function. - The following example shows a rule created to match the number of posts the current user has authored. See the section below on the Frontend API for more information about using the functions in the API object `BBLogic` for creating new rule types. - -```javascript -// Frontend rule registration step2 -var addRuleType = BBLogic.api.addRuleType; -var __ = BBLogic.i18n.__; - -addRuleType("bb-logic-example/user-post-count", { - label: __("User Post Count"), - category: "user", - form: { - operator: { - type: "operator", - operators: [ - "equals", - "does_not_equal", - "is_less_than", - "is_greater_than", - ], - }, - count: { - type: "number", - defaultValue: "0", - }, - }, -}); -``` - -### 2. Server-side rule processing - -1. Create a new PHP file in your plugin. In this example, a file called _rules.php_ in the example plugin is included on the `bb_logic_init` action. - -```php -add_action( 'bb_logic_init', function() { - require_once BB_LOGIC_EXAMPLE_DIR . 'includes/rules.php'; -} ); -``` - -2. Register a callback function for processing your rule using `BB_Logic_Rules::register`. - See the section below on the backend API for more information about using the `BB_Logic_Rules` methods for processing rules. - -```php -BB_Logic_Rules::register( array( - 'bb-logic-example/user-post-count' => 'bb_logic_example_user_post_count', -) ); - -function bb_logic_example_user_post_count( $rule ) { - $user = wp_get_current_user(); - return BB_Logic_Rules::evaluate_rule( array( - 'value' => count_user_posts( $user->ID ), - 'operator' => $rule->operator, - 'compare' => $rule->count, - ) ); -} -``` - -That’s it! You’ve successfully created your first rule. - -## Frontend API - -To make it easy to work with the rules API, there's an object on the global window object called `BBLogic`. That object provides the following functions for your convenience. - -### BBLogic.api - -This API object contains the following functions for working with rules and rule categories. This is the main object you'll use to create new rule types. - -#### addRuleType( id, props ) - -Adds a new rule to the conditional logic form. It accepts two arguments: a rule ID and a `props` configuration object. - -**id** string -A unique value assigned to each rule. The value should follow the format of _namespace_ / _rule_ , where namespace is the name of your plugin, theme, or other identifying information. For example, if my company name was Acme Co. and my rule was for movies, my rule I would be `acme-co/movies`. - -**props** object -The required properties that must be defined on the `props` object for a rule to be added. - -- **label** string - The human-readable label for each rule that is shown in the conditional logic form. - -- **category** string - The ID of a registered rule category. See the `addRuleTypeCategory` function for information about adding custom rule categories. - -- **form** object | function - Specifies the conditional logic form field config for a rule. Each property on the `form` object must be the key for a field as well as an object for the field’s config. This is similar to but much simpler than Beaver Builder’s module form API, written in JavaScript. See the Form Field API section below for details about each type of field that you can register. - -Examples of `addRuleType()`: - -```js -// Example of BBLogic.api.addRuleType() -BBLogic.api.addRuleType("my-plugin/my-rule", { - label: BBLogic.i18n.__("My Rule"), - category: "my-category", - form: { - operator: { - type: "operator", - operators: ["equals", "does_not_equal"], - }, - compare: { - type: "text", - }, - }, -}); -``` - -The `form` property may also be a function that returns a form config object, as described above. That function receives an object with the current form’s data, which is useful for modifying your form config based on user input, as in the following example. - -```php -// Example of BBLogic.api.addRuleType() -BBLogic.api.addRuleType( 'my-plugin/my-rule', { - label: BBLogic.i18n.__( 'My Rule' ), - category: 'my-category', - form: function( props ) { - var operator = props.rule.operator - return { - operator: { - type: 'operator', - operators: [ - 'equals', - 'does_not_equal', - 'is_set', - 'is_not_set', - ], - }, - compare: { - type: 'text', - visible: 'is_set' !== operator || 'is_not_set' !== operator, - }, - } - }, -} ) -``` - -The `form` property can also be populated by using the `getFormPreset` function. That function lets you utilize common form configurations without having to define them yourself. See the `getFormPreset` function for more info on how that works. - -```php -// Example of BBLogic.api.addRuleType() -BBLogic.api.addRuleType( 'my-plugin/my-rule', { - label: BBLogic.i18n.__( 'My Rule' ), - category: 'my-category', - form: BBLogic.api.getFormPreset( 'string' ), -} ) -``` - -#### removeRuleType( id ) - -Removes a registered rule type with the provided ID. This must be called after the rule has been added. Calling it before will have no effect. - -**id** string -The ID of the rule to remove. - -Example of `removeRuleType()`: - -```php -BBLogic.api.removeRuleType( 'my-plugin/my-rule' ) -``` - -#### addRuleTypeCategory( id, props ) - -The `addRuleTypeCategory` function allows you to add a new rule category to the conditional logic form. It accepts two arguments, a rule category `id` and a `props` configuration object. - -**id** string -A value assigned to that must be unique and cannot be defined for another category. - -**props** object -The required properties that must be defined on the `props` object for a category. - -- **label** string - The human-readable label for each category that is shown in the conditional logic form. - -Example of `addRuleTypeCategory()`: - -```php -// Example of BBLogic.api.addRuleTypeCategory() -BBLogic.api.addRuleTypeCategory( 'my-category', { - label: BBLogic.i18n.__( 'My Category' ) -} ) -``` - -#### getFormPreset( id ) - -Defines the form value of the `props` object for the `addRuleType` function. This function lets you utilize common form configurations without having to define them yourself. - -**id** string -The ID for the form preset. The following form presets are currently available as `id` values. - -- **address** \- for matching the various parts of an address -- **date** \- for matching complex date rules such as on, over, before or after -- **key-value** \- for matching key/value pairs -- **number** \- for matching a specific number -- **string** \- for matching a specific string - -Example of `getFormPreset()`: - -```php -BBLogic.api.getFormPreset( 'string' ) -``` - -### BBLogic.i18n - -The i18n object contains methods for making your rules available for translation. - -#### `__( string )` - -Makes a string available for translation. - -**string** string -The string to make available for translation. - -Example of `BBLogic.i18n`: - -```php -BBLogic.i18n.__( 'My Label' ) -``` - -## Form Field API - -The form field API provides a basic set of fields that you can register for your rule forms when calling `BBLogic.api.addRuleType`. - -### date - -A text input that displays a date picker when focused. - -```js -// A text input that displays a date picker when focused. -my_date: { - type: 'date', -}, -``` - -### datetime - -A text input that displays a date and time picker when focused. - -```js -// A text input that displays a date and time picker when focused. -my_datetime: { - type: 'datetime', -}, -``` - -### number - -An input for entering a number. - -```js -// An input for entering a number. -my_number: { - type: 'number', - defaultValue: 0, - placeholder: '0', -}, -``` - -### operator - -A select input for picking one of the provided core operators for your rules. - -Instead of using the `operator` field, you can create a select field with custom operators. However, the `operator` field provides common operators that can be used with the `evaluate_rule` method on the server side, saving you the hassle of having to write that logic yourself. - -Here’s the complete list of operators. Include only the ones needed for your rule. - -```js -// Complete list of operators. -my_operator: { - type: 'operator', - operators: [ - 'equals', - 'does not equal', - 'is less than', - 'is less than or equal to', - 'is greater than', - 'is greater than or equal to', - 'starts with', - 'ends with', - 'contains', - 'does not contain', - 'include', - 'includes', - 'do not include', - 'does not include', - 'is set', - 'is not set', - 'is empty', - 'is not empty', - 'on', - 'is on', - 'not on', - 'is not on', - 'before', - 'is before', - 'on or before', - 'is on or before', - 'after', - 'is after', - 'on or after', - 'is on or after', - 'within', - 'is within', - 'not within', - 'is not within', - 'between', - 'is between', - 'not between', - 'is not between', - 'in the past', - 'over', - ], -}, -``` - -### select - -A select input for picking one of the provided values. - -```js -// A select input for picking one of the provided values. -my_select: { - type: 'select', - options: [ - { - label: 'Option 1', - value: '1', - }, - { - label: 'Option 2', - value: '2', - }, - ] -}, -``` - -In addition to providing an array of predefined options, you can also specify a REST API route that will request the options from the server. This is useful when you need dynamically generated options such as the taxonomies available on a site. See the REST API Routes section for more information about the core routes that are available. - -```js -// Example of specifying a REST API route that will -// dynamically generate form options from the server. -my_select: { - type: 'select', - route: 'bb-logic/v1/wordpress/taxonomies', -}, -``` - -You can also use a function to define your form and modify the route based on user input. For example, you can change the route form terms based on the selected taxonomy, as in the following example. - -```js -// Example of modifying the REST API route based on user input. -form: function( props ) { - var taxonomy = props.rule.taxonomy - return { - operator: { - type: 'operator', - operators: [ - 'equals', - 'does_not_equal', - ], - }, - taxonomy: { - type: 'select', - route: 'bb-logic/v1/wordpress/taxonomies', - }, - term: { - type: 'select', - route: taxonomy ? 'bb-logic/v1/wordpress/terms?taxonomy=' + taxonomy : null, - visible: taxonomy, - }, - } -}, -``` - -### suggest - -A text input that shows a list of suggestions based on the text that was entered. Suggestions are populated using a REST API route as shown in the following example. - -```js -// A text input that shows a list of suggestions based on the text that was entered. -username: { - type: 'suggest', - placeholder: 'Username', - route: 'bb-logic/v1/wordpress/users?suggest={search}', -}, -``` - -:::info -The `{search}` string will be replaced with the user’s current search string. -::: - -### text - -An input for entering text. - -```js -// An input for entering text. -my_text: { - type: 'text', - defaultValue: 'My Text', - placeholder: 'My Text', -}, - -``` - -### time - -A text input that displays a time picker when focused. - -```js -// A text input that displays a time picker when focused. -my_time: { - type: 'time', -}, -``` - -## Form Field Visibility - -Using the **visible** property on a field’s configuration object lets you determine if a field should be visible to the user or not. This is useful when you have rules that require an additional field that should only be visible when other fields have a specific value. For example, below we are showing that the `compare` field is only visible when the operator field does not equal `is_set`. - -```js -// Example showing that the compare field is only visible when -// the operator field does not equal is_set. -form: function( props ) { - var operator = props.rule.operator - return { - key: { - type: 'text', - placeholder: 'Key', - }, - operator: { - type: 'operator', - operators: [ - 'equals', - 'does_not_equal', - 'is_set', - ], - }, - compare: { - type: 'text', - placeholder: 'Value', - visible: 'is_set' !== operator, - }, - } -} -``` - -## Backend API - -While the frontend APIs deal with registering rules, the backend APIs primarily deal with processing rules. - -### BB_Logic_Rules::register( $rules ) - -This method registers an array of rule callback functions that will be called to evaluate each instance of a rule. - -The callback function receives a rule object (shown below) that contains all of the data from the rule form that was registered on the frontend. You must use that data to decide whether a rule callback function should return true or false. That is typically done with the `evaluate_rule` method, but it doesn’t have to be. You can use any custom logic you want with the provided rule data to decide whether a callback function should return true or false for a rule. - -**$rules** array -An array of rule callback functions to register. The key is the rule ID and the value is the callback function. - -Example of `BB_Logic_Rules::register()`: - -```js -// Example of BB_Logic_Rules::register() -BB_Logic_Rules::register( array( - 'my-plugin/my-rule' => 'my_plugin_rule_callback', -) ); - -function my_plugin_rule_callback( $rule ) { - return BB_Logic_Rules::evaluate_rule( array( - 'value' => 'my-value', - 'operator' => $rule->operator, - 'compare' => $rule->compare, - ) ); -} -``` - -### BB_Logic_Rules::evaluate_rule( $data ) - -Helper method that helps to decide whether a rule is true or false. This method is not required to evaluate a rule. Any custom logic that returns true or false based on rule data will do. However, this method provides logic for common operations such as equals, does not equal, greater than or less than, and it can save you the hassle of having to write that logic yourself. - -**$data** array -An array of rule data that will be evaluated as either true or false. - -- **value** mixed - A value to test other data (such as compare) against. -- **operator** string - A registered core operator string from the operator field such as equals, does_not_equal, starts_with or ends_with. -- **compare** mixed (optional) - Used to compare against the provided value. This is only required for operators that use a compare value such as `equals` or `does_not_equal`. Operators such as `is_set` or `is_empty` do not require a compare value. -- **isset** boolean (optional) - Used for the `is_set` and `is_not_set` operators to check if a value is set or not. -- **start** integer (optional) - Used as the start value for `within`, `not_within`, `between` or `not_between` operators to check if an integer is within a range or not. -- **end** integer (optional) - Used as the end value for `within`, `not_within`, `between` or `not_between` operators to check if an integer is within a range or not. - -Example of `BB_Logic_Rules::evaluate_rule`: - -```js -// Example of BB_Logic_Rules::evaluate_rule to help decide whether a rule is true or false -BB_Logic_Rules::evaluate_rule( array( - 'value' => 'my-value', - 'operator' => $rule->operator, - 'compare' => $rule->compare, - 'isset' => isset( $my_var ), - 'start' => strtotime( $my_date ), - 'end' => strtotime( $my_date ), -) ); -``` - -## REST API Routes - -The core REST API Routes are available for populating your fields with data for the user to choose from. If one of these routes doesn’t fit your needs, you can create a custom route for your fields. - -**Archives** -Returns an array of `select` options for selecting a type of archive. - -```js -bb - logic / v1 / wordpress / archives; -``` - -**Capabilities** -Returns an array of `select` options for selecting a user capability. - -```js -bb - logic / v1 / wordpress / capabilities; -``` - -**Posts** -Returns an array of `select` options for selecting a post. - -```js -bb-logic/v1/wordpress/posts?post_type= -``` - -**Post Stati** -Returns an array of `select` options for selecting a post status. - -```js -bb - logic / v1 / wordpress / post - stati; -``` - -**Post Templates** -Returns an array of `select` options for selecting a post template. - -```js -bb - logic / v1 / wordpress / post - templates; -``` - -**Post Types** -Returns an array of `select` options for selecting a post type. - -```js -bb - logic / v1 / wordpress / post - types; -``` - -**Roles** -Returns an array of `select` options for selecting a user role. - -```js -bb - logic / v1 / wordpress / roles; -``` - -**Taxonomies** -Returns an array of `select` options for selecting a taxonomy. - -```js -bb - logic / v1 / wordpress / taxonomies; -``` - -**Terms** -Returns an array of `select` options for selecting a taxonomy term. - -```js -bb-logic/v1/wordpress/terms?taxonomy= -``` - -**User** -Returns an array of `suggest` options for selecting a username. - -``` -bb-logic/v1/wordpress/users?suggest= -``` diff --git a/beaver-themer_versioned_docs/version-1.5/developer/customize-field-connections-themer.md b/beaver-themer_versioned_docs/version-1.5/developer/customize-field-connections-themer.md deleted file mode 100644 index 067da3b4..00000000 --- a/beaver-themer_versioned_docs/version-1.5/developer/customize-field-connections-themer.md +++ /dev/null @@ -1,173 +0,0 @@ ---- -id: customize-field-connections-themer -title: Customize field connections -sidebar_label: Customize field connections ---- - -There are several ways to customize field connections: - -* Add custom connections to the field connections menu -* Create a custom settings form for field connections -* Add a new group to organize field connections displayed in the connections menu -* Add support for field connections to your module fields - -## Add New Connections - -You can use the APIs to add custom connections to the field connections menu in order to connect any kind of data you want. - -There are three main methods for adding new connections: - -* `FLPageData::add_post_property( $key, $config )` -Adds a connection related to posts. - -* `FLPageData::add_archive_property( $key, $config )` -Adds a connection related to archives. - -* `FLPageData::add_site_property( $key, $config )` -Adds a connection related to the site. - -Use these methods to add your connections within the `fl_page_data_add_properties` action. Each method accepts a key for your connection and a config array. - -:::caution -Be sure to namespace the key for your connection in order to avoid possible collisions with other custom connections. For example, if your connection is called Post Title, the key should be `my_namespace_post_title`, where *my_namespace* is your custom namespace. -::: - -The following code example shows the method `FLPageData::add_post_property()` used within the `fl_page_data_add_properties` action. - -```php -add_action( 'fl_page_data_add_properties', function() { - - FLPageData::add_post_property( 'my_connection', array( - 'label' => 'My Connection', - 'group' => 'general', - 'type' => 'string', - 'getter' => 'my_connection_getter', - ) ); -} ); - -function my_connection_getter() { - return 'My text'; -} -``` - -The config array accepts the following properties: - -**label (required)** - The label for your connection that will show in the menu. - -**group (required)** - The group you want your connection to appear in. Currently, the following groups are built in (array key values in parentheses): - -* General (`general`) -* Archives (`archives`) -* Posts (`posts`) -* Comments (`comments`) -* Author (`author`) -* User (`user`) -* Site (`site`) -* Advanced (`advanced`) -* Advanced Custom Fields (`acf`) -* BigCommerce (`bigcommerce`) -* Easy Digital Downloads (`edd`) -* The Events Calendar (`the-events-calendar`) -* WooCommerce (`woocommerce`) - -See the section below to [add custom groups](customize-field-connections-themer.md/#adding-custom-groups). - -**type (required)** -The type of connection. Use this when you connect a field to indicate what type of connections are available. For example, when you add a text field to a settings form, you can indicate that all of the string and HTML-based connections are available. - -You can set the type to anything you want. However, we recommend that you stick with the built-in connection types if you want your connections to appear in built-in modules. Currently, the following connection types are built in: - -* color -* string -* html -* photo -* multiple-photos -* url -* custom_field - -**getter (required)** -A reference to a function or class method that is used to retrieve the data for your connection. - -## Add a Settings Form - -Creating custom forms for field connections is very similar to [creating custom modules](/beaver-builder/developer/custom-modules). There are three main methods for adding settings, the choice of which depends on the type of connection: - -* `FLPageData::add_post_property_settings_fields( $key, $config )` -Adds settings to a post connection. - -* `FLPageData::add_archive_property_settings_fields( $key, $config )` -Adds settings to a archive connection. - -* `FLPageData::add_site_property_settings_fields( $key, $config )` -Adds settings to a site connection. - -Each method accepts a key for your form and a config array. - -:::caution -Be sure to namespace the key for your form in order to avoid possible collisions with other forms. For example, if your form is for the post title, the key should be `my_namespace_post_title_form`, where *my_namespace* is your custom namespace. -::: - -The following code example shows the use of the method that adds settings to a post connection. - -```php -FLPageData::add_post_property_settings_fields( 'my_connection', array( - 'css' => 'https://www.mysite.com/path-to-settings.css', - 'js' => 'https://www.mysite.com/path-to-settings.js', - 'my_setting' => array( - 'type' => 'text', - 'label' => 'My Setting' - ) -) ); -``` - -The config array for adding settings should have field config as discussed in the [custom module documentation](/beaver-builder/developer/custom-modules). It can also have a `css` and `js` property for defining CSS and JavaScript files that should be loaded along with your settings. - -See also the Beaver Builder Plugin article about [customizing settings forms](/beaver-builder/developer/tutorials-guides/customize-settings-forms). - -## Adding Custom Groups - -You can add a group to the list of field connections. In the following screenshot, **Posts**, **Author**, and **User** are groups that organize the field connections. - -![](/img/beaver-themer/developer--field-connection-api--1.jpg) - -To add a new group, use the `FLPageData::add_group( $key, $config )` method, as shown in the following example: - -```php -FLPageData::add_group( 'my_group', array( - 'label' => 'My Group' -) ); -``` - -## Connect Module Fields - -You can add support for field connections to your module fields by defining what kind of connections they should support. Use the `connections` property in the field config. The following code example shows how you would add support for all connections registered as strings: - -```php -'text' => array( - 'type' => 'text', - 'label' => 'My Text Field', - 'connections' => array( 'string' ) -) -``` - -You can support multiple connection types: - -```php -'text' => array( - 'type' => 'text', - 'label' => 'My Text Field', - 'connections' => array( 'string', 'html', 'url' ) -) -``` - -See the type section above for the list of built-in field types. - -You can simply declare support for connections in your field config, and the rest is taken care of. In your module's _frontend.php_ file, you can access all of your settings on the `$settings` object, just as you normally would, whether they are connected or not. For example, if your setting key is `text`, you would still access it like this: - -```php -text; -``` diff --git a/beaver-themer_versioned_docs/version-1.5/developer/customize-themer-modules.md b/beaver-themer_versioned_docs/version-1.5/developer/customize-themer-modules.md deleted file mode 100644 index dceb0b33..00000000 --- a/beaver-themer_versioned_docs/version-1.5/developer/customize-themer-modules.md +++ /dev/null @@ -1,33 +0,0 @@ ---- -id: customize-themer-modules -title: Customize Themer modules -sidebar_label: Customize Themer modules ---- - -Beaver Themer includes a set of modules designed specifically for Themer layouts, such as the Post Navigation module used in Singular layout types. You can modify or extend the functionality of these Themer-specific modules by overriding them. - -The process is the same as [overriding regular Beaver Builder modules](/beaver-builder/developer/custom-modules/override-modules). Simply create a `/fl-builder` directory in your child theme, then add a `/modules` directory inside it. From there, copy the module folder you want to override from the Beaver Themer plugin `/bb-theme-builder/modules/` into the `/modules` directory, as shown in the example below: - -```bash -/bb-theme-child -├── /fl-builder -│ └── /modules -│ └── /fl-post-navigation -├── functions.php -└── style.css -``` - -:::info - -Beaver Themer includes a mix of regular modules and a special type of module called module aliases. Unfortunately, module aliases cannot be overridden. You can use the list below to identify which modules are aliases: - -- Archive Title -- Attached Images -- Featured Image -- Post Gallery -- Post Columns -- Post List -- Post Masonry -- Post Title - -::: diff --git a/beaver-themer_versioned_docs/version-1.5/developer/hide-node-when-field-connection-is-empty.md b/beaver-themer_versioned_docs/version-1.5/developer/hide-node-when-field-connection-is-empty.md deleted file mode 100644 index d7165a88..00000000 --- a/beaver-themer_versioned_docs/version-1.5/developer/hide-node-when-field-connection-is-empty.md +++ /dev/null @@ -1,104 +0,0 @@ ---- -id: hide-node-when-field-connection-is-empty -title: Hide Node when a Field Connection is Empty -sidebar_label: Hide Node when Field Connection is Empty ---- - -There may be times when you don't want entire rows or modules to show up when a field connection is empty. - -:::tip - -If you don't need to hide entire rows or modules, you can use conditional shortcodes instead of PHP code to [display field connections only when they return content](/beaver-themer/field-connections/conditionals/). - -::: - -You can use the following code to hide rows or modules that have empty field connections. Add it to your child theme's _functions.php_ file. - -:::info - -This code is just a starting point and will not work in every situation. Use your knowledge of PHP to extend this code, using the `$node` variable to choose which rows, columns or modules are hidden based on a number of circumstances such as `$node->type` or `$node->settings`. - -::: - -```php -add_filter( 'fl_builder_is_node_visible', function ( $is_visible, $node ) { - if ( isset( $node->settings->connections ) ) { - foreach ( $node->settings->connections as $key => $connection ) { - if ( ! empty( $connection ) && empty( $node->settings->$key ) ) { - return false; - } - } - } - return $is_visible; -}, 10, 2 ); -``` - -## Hide Row - -The example below removes a row if row has a [class](/beaver-builder/layouts/advanced-tab/html-element#class) of `my-target-row`. - -```php -add_filter( 'fl_builder_is_node_visible', function ( $is_visible, $node ) { - if ( 'row' === $node->type ) { - if ( ! empty( $node->settings->class ) && false !== strpos( $node->settings->class, 'my-target-row' ) ) { - return false; - } - } - return $is_visible; -}, 10, 2 ); -``` - -## Hide Column - -The example below removes a column if column has a [class](/beaver-builder/layouts/advanced-tab/html-element#class) of `my-target-column`. - -```php -add_filter( 'fl_builder_is_node_visible', function ( $is_visible, $node ) { - if ( 'column' === $node->type ) { - if ( ! empty( $node->settings->class ) && false !== strpos( $node->settings->class, 'my-target-column' ) ) { - return false; - } - } - return $is_visible; -}, 10, 2 ); -``` - -## Hide Module - -The example below removes a module if module has a [class](/beaver-builder/layouts/advanced-tab/html-element#class) of `my-target-module`. - -```php -add_filter( 'fl_builder_is_node_visible', function ( $is_visible, $node ) { - if ("module" === $node->type) { - if ( !empty($node->settings->class) && false !== strpos($node->settings->class, "my-target-module") ) { - return false; - } - } - return $is_visible; -}, 10, 2 ); -``` - -## Hide on Specific Pages - -To hide a specific row on a certain page—when the row has a class of `my-target-row` and the page `ID` is 123—use the following approach. This can be easily refactored to target other types of WordPress pages, such as archives or the front page, by leveraging [WordPress conditional tags](https://developer.wordpress.org/themes/basics/conditional-tags/). - -```php -add_filter( 'fl_builder_is_node_visible', function ( $is_visible, $node ) { - if ( 'row' === $node->type ) { - if ( ! empty( $node->settings->class ) && false !== strpos( $node->settings->class, 'my-target-row' ) && is_page( 123 ) ) { - return false; - } - } - return $is_visible; -}, 10, 2 ); -``` - -You can also target different elements like columns or modules by replacing the `$node->type`: - -- `if ( 'column' === $node->type ) {` for Column -- `if ( 'module' === $node->type ) {` for Module. - -**Customization Tips:** - -- Replace `is_page(123)` with any other WordPress conditional to adapt the behavior to archives, the front page, category pages, etc. -- Adjust `my-target-row` to match the actual class you’re targeting in your Advanced tab settings. diff --git a/beaver-themer_versioned_docs/version-1.5/developer/hooks-reference-themer.md b/beaver-themer_versioned_docs/version-1.5/developer/hooks-reference-themer.md deleted file mode 100644 index 330c1eb8..00000000 --- a/beaver-themer_versioned_docs/version-1.5/developer/hooks-reference-themer.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -id: hooks-reference-themer -title: Themer hooks reference -sidebar_label: Themer hooks reference ---- - -The list of Beaver Themer hooks is autogenerated from the code at . diff --git a/beaver-themer_versioned_docs/version-1.5/developer/wp-cli-for-beaver-themer.md b/beaver-themer_versioned_docs/version-1.5/developer/wp-cli-for-beaver-themer.md deleted file mode 100644 index bc27e235..00000000 --- a/beaver-themer_versioned_docs/version-1.5/developer/wp-cli-for-beaver-themer.md +++ /dev/null @@ -1,88 +0,0 @@ ---- -id: wp-cli-for-beaver-themer -title: WP-CLI for Beaver Themer -sidebar_label: WP-CLI for Beaver Themer ---- - -[WP-CLI](https://wp-cli.org/) is a set of command-line tools for managing WordPress installations. You can update plugins, configure multisite installs and much more, without using a web browser. - -After you've installed WP-CLI, you can enter the following command to get a list of all Beaver Builder commands: - -`wp beaver` - -The on-screen information will tell you what commands are available and the syntax of each command, with options and examples. - -Currently, the following commands are available for Beaver Themer. To see a description of the Beaver Builder Plugin and Theme commands, see [this article](/beaver-builder/developer/tutorials-guides/wp-cli-plugin-theme). - -## List all Themer layouts - -The following command lists all of the Themer layouts with the following values: - -* ID of the Themer layout -* Name of the Themer layout -* Status of the Themer layout (Publish or Draft) -* Type of Themer layout (part, footer, etc.) -* Hook where the Part will appear, if the Themer layout is of type Part. -* Locations to which the Themer layout applies - - ``` - wp beaver themer list - ``` - ![](/img/wp-cli-for-beaver-themer-178c944c.png) - -You can also use this command to list the values that can be used for the `--hooks` option to specify the location of a Part type, as described in the section below on setting the type for the Themer layout. - -## Change status for a Themer layout to Published or Draft - -Changes the Themer layout status to either **Published** or **Draft** with the following commands. - -``` -wp beaver themer set-status --id=123 --status=publish -``` -``` -wp beaver themer set-status --id=456 --status=draft -``` - -Setting a Themer layout to Draft status effectively disables the Themer layout from being applied. - -## Set type for Themer layout - -The following command sets the Themer layout type to Archive: - -``` -wp beaver themer set-type --id=123 --type=archive -``` - -The following command sets the Themer layout type to Part, using the `-hook` argument to determine the Part location, in this case before the content area: - -``` -wp beaver themer set-type --id=456 --type=part --hook=fl_before_content -``` - -To get a list of `--hook` values for -`-type=part`, use the following command: - -``` -wp beaver themer list-hooks -``` - -## Add a location to the Themer layout - -Set the location of the Themer layout: - -``` -wp beaver themer add-location --id=123 --location=general:single -``` - -Add location `general:site` to Themer layout with ID 456 as the first element of the array: - -``` -wp beaver themer add-location --id=456 --location=general:single --position=0 -``` - -## Delete location from Themer layout - -Remove a specified location from a Themer layout. Use the `wp beaver themer list` command to find the value for the location you want to remove. - -``` -wp beaver themer del-location --id=123 --location=general:single -``` diff --git a/beaver-themer_versioned_docs/version-1.5/field-connections/conditionals.md b/beaver-themer_versioned_docs/version-1.5/field-connections/conditionals.md deleted file mode 100644 index 728c097c..00000000 --- a/beaver-themer_versioned_docs/version-1.5/field-connections/conditionals.md +++ /dev/null @@ -1,73 +0,0 @@ ---- -id: conditionals -title: Conditionals -sidebar_label: Conditionals ---- - -The Field Connections shortcode syntax supports conditionals, allowing you to display dynamic content based on the evaluation of statements as `TRUE` or `FALSE`. This functionality is available for all Beaver Themer field connection shortcodes, including Advanced Custom Fields (ACF), BigCommerce, Easy Digital Downloads, The Events Calendar, and WooCommerce. - -## Statements - -The conditional shortcode syntax supports three statements: `if`, `if not`, and `else`. - -### If `[wpbb-if]` - -The `[wpbb-if]` statement enables you to display custom content if the statement evaluates to `TRUE`. - -```markup -[wpbb-if some-field-connection] - - If True, show this! - -[/wpbb-if] -``` - -### Else `[wpbb-else]` - -The `[wpbb-else]` statement extends the `[wpbb-if]` statement to display custom content when the `[wpbb-if]` statement evaluates to `FALSE`. - -```markup -[wpbb-if some-field-connection] - - If True, show this! - -[wpbb-else] - - If False, show this instead! - -[/wpbb-if] -``` - -### If Not `[wpbb-if !]` - -The `[wpbb-if !]` statement allows you to display custom content when the statement evaluates to `FALSE`. The exclamation mark `!` functions as the logical operator `NOT`. - -```markup -[wpbb-if !some-field-connection] - - If False, show this! - -[/wpbb-if] -``` - -## Limitation - -Nested `if` statements are not supported. Meaning you can't place an `if` statement inside another, as shown in the example below. If you need more complex conditional logic, we recommend creating a custom shortcode instead. - -```markup -[wpbb-if some-field-connection] - - If True, show this! - - [wpbb-if some-field-connection] - - If also True, show this! - - [/wpbb-if] - -[wpbb-else] - - If False, show this instead! - -[/wpbb-if] -``` diff --git a/beaver-themer_versioned_docs/version-1.5/field-connections/examples/combining.md b/beaver-themer_versioned_docs/version-1.5/field-connections/examples/combining.md deleted file mode 100644 index f3cd70f1..00000000 --- a/beaver-themer_versioned_docs/version-1.5/field-connections/examples/combining.md +++ /dev/null @@ -1,105 +0,0 @@ ---- -id: combining -title: Combining Shortcode Examples -sidebar_label: Combining Shortcodes -toc_min_heading_level: 2 -toc_max_heading_level: 2 -description: The following examples demonstrate how you can combine field connections. You can also use HTML and CSS to give you greater control over the markup and style the field connection output. ---- - -import Tabs from '@theme/Tabs'; -import TabItem from '@theme/TabItem'; - -This article offers various examples demonstrating how to effectively combine field connections to grant you greater freedom and flexibility over the output. This includes the ability to wrap the field connection within HTML tags and apply custom CSS classes. - -## Post Title with Custom HTML & CSS - -To display a post title into your layout, the easiest approach involves utilizing a Heading module with the [Post Title](../wordpress-data.md#post-title) field connection. - -In the following code example, we have made use of the [Post Title](../wordpress-data.md#post-title) and [Post URL](../wordpress-data.md#post-url) field connections, alongside custom HTML markup and CSS, to generate the Post Title with a personalized HTML structure and CSS classes. - -```markup -

- - - [wpbb post:title] - - -

-``` - -### Output - -```markup -

- - - Hello World - - -

-``` - -## Featured image using custom HTML and CSS - -It's possible to use multiple field connections to output the featured image. As a result, you have more control over the HTML structure and can use your own CSS classes. - -```markup -[wpbb post:featured_image display='alt'] -``` - -### Output - -```markup -My Post's Featured Image -``` - -## Post Title & Post Author - -In this particular example, the [Post Title](../wordpress-data.md#post-title) and [Author Name](../wordpress-data.md#author-name) field connections are used, with the word "by" inserted between them. This allows for displaying both the post title and author within a single heading tag. - -```markup -

[wpbb post:title] by [wpbb post:author_name type='display' link='no']

-``` - -### Output - -> Hello World by Beaver Builder - -## Categories or Tag Name as CSS Class - -In this example, the [Post Term List](../wordpress-data.md#post-terms-list) field connection is used to implement the category slug as a CSS class name. This proves beneficial for customizing individual categories, like assigning unique colors or adding category-specific icons. - -```markup -

- - [wpbb post:title] - -

-``` - -### Output - -```markup -

- - Some Movie Title - -

-``` - -## Featured Image as Background Image - -In this example, the [Featured Image](../wordpress-data.md#featured-image) field connection is applied as an inline CSS value for the CSS `background-image` property. This allows you to set the post's featured image as a background image, which can be conveniently overlaid with additional content, like the post title. This provides a great example of how to use field connections as inline CSS values. - -:::info -Some custom CSS is required to make this display the featured image correctly. The CSS code is not included in this example. -::: - -```markup -
- -

[wpbb post:title]

- -
-``` diff --git a/beaver-themer_versioned_docs/version-1.5/field-connections/examples/conditional.md b/beaver-themer_versioned_docs/version-1.5/field-connections/examples/conditional.md deleted file mode 100644 index 035511c5..00000000 --- a/beaver-themer_versioned_docs/version-1.5/field-connections/examples/conditional.md +++ /dev/null @@ -1,132 +0,0 @@ ---- -id: conditional -title: Conditional Shortcode Examples -sidebar_label: Conditional Shortcodes -description: The examples in this article demonstrates how to use conditional field connections for standard WordPress fields, custom WordPress fields and Advanced Custom Fields. ---- - -The examples in this article demonstrates how to use conditional field connections for standard WordPress fields, custom WordPress fields and Advanced Custom Fields. - -## If `[wpbb-if]` - -Below are some examples that showcase the practical use of the `[wpbb-if]` shortcode: - -### Check for the existence of a featured image. - -In this example, we are verifying whether a post contains a featured image or not. When the statement evaluates to `TRUE`, the post's featured image will be displayed. However, if the statement evaluates to `FALSE`, no image will be shown for the post. - -```markup -[wpbb-if post:featured_image] - -
- - [wpbb post:featured_image size="large" display="tag" linked="yes"] - -
- -[/wpbb-if] -``` - -### Display content based on User Role - -In this example, the [User Logged In](../wordpress-data.md#user-logged-in) field connection is utilized to show content for any user assigned to the administrator role. - -:::tip -You can replace the administrator role with any other WordPress user role. -::: - -```markup -[wpbb-if site:logged_in role='administrator'] - -

This text will only be visible to users assigned to the administrator role.

- -[/wpbb-if] -``` - -### Display tags for posts that have tags - -In this example, the [Post Term List](../wordpress-data.md#post-terms-list) field connection is utilized to display all tags assigned to a post. If a post has no tags, then no tags will be shown. - -```markup -[wpbb-if post:terms_list taxonomy='post_tag'] - -

Tagged in: [wpbb post:terms_list taxonomy='post_tag' html_list='no' display='name' separator=', ' limit='' linked='yes']

- -[/wpbb-if] -``` - -## Else `[wpbb-else]` - -Below are some examples that showcase the practical use of the Else `[wpbb-else]` shortcode: - -### Fallback Featured Image - -This example demonstrates the use of the `[wpbb-else]` statement to verify the presence of a featured image in a post. When the statement is `TRUE`, the post's featured image will be shown. If the statement is `FALSE`, the fallback image will be displayed instead. - -```markup -[wpbb-if post:featured_image] - -
- - [wpbb post:featured_image size="large" display="tag" linked="yes"] - -
- -[wpbb-else] - -
- - Fallback Image - -
- -[/wpbb-if] -``` - -### Show Content if Field is Empty - -This example demonstrates the use of the `[wpbb-else]` statement to verify whether a post's Advanced Custom Field (ACF) field is empty or not. When the statement is `TRUE`, the post's ACF field value will be shown. If the statement is `FALSE`, the fallback content will be displayed instead. - -```markup -[wpbb-if post:acf type='text' name='ACF_FIELD_NAME'] - -

[wpbb post:acf type='text' name='ACF_FIELD_NAME']

- -[wpbb-else] - -

This post's ACF field is empty!

- -[/wpbb-if] -``` - -## If Not `[wbpp-if !]` - -Below are some examples that showcase the practical use of the If Not `[wpbb-if !]` shortcode: - -### Test for Absence of Featured Image - -This example tests for the absence of a featured image. - -```markup -[wpbb-if !post:featured_image] - -
- - - -
- -[/wpbb-if] -``` - -### Test for Absence of Field Value - -This example tests for the absence of a post's Advanced Custom Field (ACF) field value. If the statement evaluates to `TRUE`, the text *"This post's FIELD_NAME has no value."* will be displayed. This is a great way to locate posts that are missing a value for a specific field. - -```markup -[wpbb-if !post:acf type='image' name='acfimg'] - -

This post's FIELD_NAME has no value.

- -[/wpbb-if] -``` \ No newline at end of file diff --git a/beaver-themer_versioned_docs/version-1.5/field-connections/examples/expressions.md b/beaver-themer_versioned_docs/version-1.5/field-connections/examples/expressions.md deleted file mode 100644 index 4b9debdd..00000000 --- a/beaver-themer_versioned_docs/version-1.5/field-connections/examples/expressions.md +++ /dev/null @@ -1,235 +0,0 @@ ---- -id: expressions -title: Expression Examples -sidebar_label: Expression Examples ---- - -This article provides examples of practical uses for expressions in your field connections, demonstrating how to effectively incorporate them with WordPress data, WordPress custom fields, and Advanced Custom Fields. - -## Equals - -Below are some examples that showcase the practical use of the `equals` operator: - -### Show Content Based on Author Name - -In this example, we're using the `equals` operator to check whether the authors name has a specific value in this case **Beaver Builder**. If the statement is `TRUE`, the content inside the shortcode will display. If the statement is `FALSE` meaning the authors name isn't **Beaver Builder**, but something else, then no content will return. - -```markup -[wpbb-if post:author_name exp='equals' value='Beaver Builder'] - -

This content will only display if the author name is Beaver Builder.

- -[/wpbb-if] -``` - -### Style elements based on Post Type - -In this example, the [Post Type](../wordpress-data.md#post-type) field connection is utilized to style elements based on the post type. In this example, we are styling the post title differently based on the post type when a Post module is set up to showcase multiple post types within the same module. - -```markup -[wpbb-if post:post_type display='slug' exp='equals' value='post'] - -

[wpbb post:title]

- -[wpbb-else] - -

[wpbb post:title]

- -[/wpbb-if] -``` - -:::tip - -You can replace `value='post'` with the slug of your chosen post type or custom post type. For instance, `value='movies'`. - -::: - -### Style Specific Taxonomy - -In this example, we're using the equals operator to check whether the post has a specific taxonomy term assigned to it called **New**. If the statement is `TRUE`, the **New** tag will be styled with a red background and white text. If the statement is `FALSE` meaning the post doesn't have the taxonomy term assigned, then no styling will return. - -This is a great way to style specific taxonomy terms differently than others. - -**Tag Name:** New - -```markup -[wpbb-if post:terms_list taxonomy='post_tag' exp='equals' value='New'] - - New - -[/wpbb-if] -``` - -#### Output - -> New - -### Hide End Date for All Day Events - -In this example, we're using the `equals` expression to check whether the event's end date is the same day as the start date. If the statement is `true`, only the start date displays. If the statement is `false` meaning the start date and end date do not match, both the start date and end date display. - -```markup -[wpbb-if post:the_events_calendar_start_date exp='equals' value='[wpbb post:the_events_calendar_end_date']'] - -

Date: [wpbb post:the_events_calendar_start_date format='']

- -[wpbb-else] - -

Date: [wpbb post:the_events_calendar_start_date format=''] - [wpbb post:the_events_calendar_end_date format='']

- -[/wpbb-if] -``` - -## Not Equals - -Below are some examples that showcase the practical use of the `notequals` operator: - -### Display Categories, Hide Uncategorized - -This example utilizes the "terms_list" field connection to display all categories assigned to a post. By using the `notequals` operator, it checks for the existence of the **"uncategorized"** category and, if `TRUE`, excludes it from displaying. - -This is a great way to hide specific taxonomy terms from displaying, such as **Uncategorized**. - -```markup -[wpbb-if post:terms_list taxonomy='category' exp='notequals' value='uncategorized'] - - [wpbb post:terms_list taxonomy='category' html_list='no' display='name' separator=', ' limit='' linked='yes'] - -[/wpbb-if] -``` - -## Contains - -Below are some examples that showcase the practical use of the `contains` operator: - -### Display Extra Content Based on Post Title - -In this example, we're using the `contains` operator to check whether the post title contains a specific value in this case **What's New**. - -If the statement is `TRUE`, meaning any post that has a title containing the words **What's New**, such as **What's New in Beaver Builder 2.8**, a Font Awesome icon will prefix the post title. If the statement is `FALSE` meaning the post title doesn't contain **What's New**, then no Font Awesome icon will display. - -```markup -[wpbb-if post:title exp='contains' value='What’s New'] - -

[wpbb post:title]

- -[wpbb-else] - -

[wpbb post:title]

- -[/wpbb-if] -``` - -#### Output - -> What's New in Beaver Builder 2.8 - -## Greater - -Below are some examples that showcase the practical use of the `greater` operator: - -### Test for Value of ACF Number Field using Greater - -The following example uses the ACF number field along with the `greater` operator and a comparison value of `500`. If the field value is greater than **500** then the statement is `TRUE` and will return the **TRUE** markup in the example. - -**Field Value:** 501 - -```markup -[wpbb-if post:acf type='number' name='FIELD_NAME' exp='greater' value='500'] - - TRUE: The ACF Number field FIELD_NAME value is greater than 500.
- The number field value is [wpbb post:acf type='number' name='FIELD_NAME'] - -[wpbb-else] - - FALSE: The ACF Number field FIELD_NAME value isn't greater than 500. .
- The number field value is [wpbb post:acf type='number' name='FIELD_NAME']. - -[/wpbb-if] -``` - -#### Output - -> TRUE: The ACF Number field FIELD_NAME value is greater than 500. -> The number field value is 501. - -## Greater Equals - -### Test for Value of ACF Number Field using Greater Equals - -The following example uses the ACF number field along with the `greaterequals` operator with a comparison value of `100`. If the field value is equal to or greater than 100 then the statement is `TRUE` and will return the **TRUE** markup from the example. - -**Field Value:** 100 - -```markup -[wpbb-if post:acf type='number' name='FIELD_NAME' exp='greaterequals' value='100'] - - TRUE: The ACF Number field FIELD_NAME value is equal to or greater than 100.
- The number field value is [wpbb post:acf type='number' name='FIELD_NAME'] - -[wpbb-else] - - FALSE: The ACF Number field FIELD_NAME value is less than 100.
- The number field value is [wpbb post:acf type='number' name='FIELD_NAME']. - -[/wpbb-if] -``` - -#### Output - -> TRUE: The ACF Number field FIELD_NAME value equal to or greater than 100. -> The number field value is 100. - -## Less - -### Test for Value of ACF Number Field using Less - -The following example uses the ACF number field along with the `less` operator with a comparison value of `100`. If the field value is less than 100 then the statement is `TRUE` and will return the **TRUE** markup in the example. - -**Field Value:** 50 - -```markup -[wpbb-if post:acf type='number' name='FIELD_NAME' exp='less' value='100'] - - TRUE: The ACF Number field FIELD_NAME value is less than 100.
- The number field value is [wpbb post:acf type='number' name='FIELD_NAME'] - -[wpbb-else] - - FALSE: The ACF Number field FIELD_NAME value isn't less than 100. .
- The number field value is [wpbb post:acf type='number' name='FIELD_NAME']. - -[/wpbb-if] -``` - -#### Output - -> TRUE: The ACF Number field FIELD_NAME value is less than 100. -> The number field value is 50. - -## Less Equals - -### Test for value of ACF number field - -The following example uses the ACF number field along with the `lessequals` operator with a comparison value of `100`. If the field value is equal to or less than 100 then the statement is `TRUE` and will return the **TRUE** markup in the example. - -**Field Value:** 90 - -```markup -[wpbb-if post:acf type='number' name='FIELD_NAME' exp='lessequals' value='100'] - - TRUE: The ACF Number field FIELD_NAME value is equal to or less than 100.
- The number field value is [wpbb post:acf type='number' name='FIELD_NAME'] - -[wpbb-else] - - FALSE: The ACF FIELD_NAME field isn't equal to or less than 100. .
- The number field value is [wpbb post:acf type='number' name='FIELD_NAME']. - -[/wpbb-if] -``` - -#### Output - -> True: The ACF number_value field is equal to or less than 100. -> The number field value is 90. diff --git a/beaver-themer_versioned_docs/version-1.5/field-connections/examples/index.md b/beaver-themer_versioned_docs/version-1.5/field-connections/examples/index.md deleted file mode 100644 index 1fdd4dc8..00000000 --- a/beaver-themer_versioned_docs/version-1.5/field-connections/examples/index.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -id: index -title: Shortcode Examples -sidebar_label: Shortcode Examples -description: The examples in this article demonstrates how to use conditional field connections for standard WordPress fields, custom WordPress fields and Advanced Custom Fields. ---- - -The purpose of this section is to provide examples of how to use field connections, including conditionals, expressions, default values, and combining multiple field connections with HTML. - -import DocCardList from '@theme/DocCardList'; - - diff --git a/beaver-themer_versioned_docs/version-1.5/field-connections/expressions.md b/beaver-themer_versioned_docs/version-1.5/field-connections/expressions.md deleted file mode 100644 index 49f7654b..00000000 --- a/beaver-themer_versioned_docs/version-1.5/field-connections/expressions.md +++ /dev/null @@ -1,227 +0,0 @@ ---- -id: expressions -title: Expressions -sidebar_label: Expressions ---- - -Expressions enhance the capabilities of conditional field connection shortcodes, allowing you to showcase content depending on the value retrieved from the field. For instance, you can create an expression where if the field's value is **less** than `2`, it will display the text *"This field has a value less than 2"*. If the value is **greater** than `2`, it will show the text *"This field has a value greater than 2"*. - -By utilizing expressions, you gain the ability to dynamically manage the content displayed, tailoring it based on the specific field values. This approach offers a more versatile and adaptable way to present your content, making it responsive to different scenarios. - -## Syntax - -The syntax for expressions involves an [Operator](#operators) and a [Comparison Value](#comparison-value), both added as parameters to the conditional field connection shortcode. The `exp=` parameter is used to specify the operator, while the `value=` parameter is used to indicate the comparison value. - -```markup -[wpbb-if some-field-connection exp='' value=''] - - Display this text when the value test is True. - -[wpbb-else] - - Display this text when the value test is False. - -[/wpbb-if] -``` - -## Operators - -Expression operators offer the ability to execute logical operations on comparison values, enabling you to display content based on the field's returned value. - -When dealing with **Strings** (Text), you have the option to utilize the following operators: - -* `equals` -* `notequals` -* `contains` - -When working with **Integers** (Numbers), you have access to the following operators: - -* `equals` -* `notequals` -* `contains` -* `greater` -* `greaterequals` -* `less` -* `lessequals` - -### Equals - -The **Equals** operator (`exp='equals'`) compares the exact text or number provided as the comparison value and verifies if it is identical to the value obtained from the field. - -**Field Value:** Beaver Builder - -```markup -[wpbb-if post:author_name type='display' link='no' exp='equals' value='Beaver Builder'] - - TRUE: The author's name is Beaver Builder! - -[wpbb-else] - - FALSE: The author's name is not Beaver Builder! - -[/wpbb-if] -``` - -**Output:** - -> TRUE: The author's name is Beaver Builder! - -### Not Equals - -The **Not Equals** operator (`exp='notequals'`) compares the exact text or number provided as the comparison value and verifies if it is **not equal** to the value obtained from the field. - -**Field Value:** Justin Busa - -```markup -[wpbb-if post:author_name type='display' link='no' exp='notequals' value='Beaver Builder'] - - TRUE: The author's name is not Beaver Builder! - -[wpbb-else] - - FALSE: The author's name is not Beaver Builder! - -[/wpbb-if] -``` - -**Output:** - -> FALSE: The author's name is not Beaver Builder! - -### Contains - -The **Contains** operator (`exp='contains'`) verifies if the comparison value includes similar characters or numbers. For example, if a field has a value of **Hello World** and the comparison value you're testing for is **ello** this will be `TRUE`. - -**Post Title:** Hello World - -```markup -[wpbb-if post:title exp='contains' value='ello'] - - TRUE: The post title is Hello World. - -[wpbb-else] - - FALSE: The post title is not Hello World. - -[/wpbb-if] -``` - -**Output:** - -> TRUE: The post title is Hello World. - -### Greater - -The **Greater** operator (`exp='greater'`) verifies if the comparison value is greater than the value obtained from the field. - -**Field Value:** 1001 - -```markup -[wpbb-if post:custom_field key='my-number-field' exp='greater' value='1000'] - - TRUE: my-number-field is greater than comparison value "1000". - -[wpbb-else] - - FALSE: my-number-field is not greater than comparison value "1000". - -[/wpbb-if] -``` - -**Output:** - -> True: my-number-field is greater than test value "1000". - -### Greater Equals - -The **Greater Equals** operator (`exp='greaterequals'`) verifies if the comparison value is greater than or equal to the value obtained from the field. - -**Field Value:** 1000 - -```markup -[wpbb-if post:custom_field key='my-number-field' exp='greaterequals' value='1000'] - - TRUE: my-number-field is greater than or equals comparison value "1000". - -[wpbb-else] - - FALSE: my-number-field isn't greater than or equals comparison value "1000". - -[/wpbb-if] -``` - -**Output:** - -> TRUE: my-number-field is greater than or equals comparison value "1000". - -### Less - -The **Less** operator (`exp='less'`) verifies if the comparison value is less than the value obtained from the field. - -**Field Value:** 999 - -```markup -[wpbb-if post:custom_field key='my-number-field' exp='less' value='1000'] - - TRUE: my-number-field is less than comparison value "1000". - -[wpbb-else] - - FALSE: my-number-field is not less than comparison value "1000". - -[/wpbb-if] -``` - -**Output:** - -> TRUE: my-number-field is less than comparison value "1000". - -### Less Equals - -The **Less Equals** operator (`exp='lessequals'`) verifies if the comparison value is less than or equal to the value obtained from the field. - -**Field Value:** 1000 - -```markup -[wpbb-if post:custom_field key='my-number-field' exp='lessequals' value='1000'] - - TRUE: my-number-field is less than or equals than test value "1000". - -[wpbb-else] - - FALSE: isn't less than or equals test value "1000" - -[/wpbb-if] -``` - -**Output:** - -> TRUE: my-number-field is less than or equals to the comparison value "1000". - -## Comparison Value - -The comparison value represents the value you wish to test against the value of your field. It can be either a string (text) or an integer (number). The `value=""` parameter is used to specify this comparison value. - -:::caution -The `value=''` attribute **is case-sensitive**. -::: - -:::warning warning -When performing a comparison value test, it is essential to ensure that the fields being evaluated contain a value. If a field is empty, the comparison value test will always yield a `FALSE` result. - -For instance, if you are testing whether a field `equals` the string "abc" and the field happens to be empty, both an `equals` and a `notequals` test will produce a `FALSE` outcome. To guarantee that the field has a value, the most effective approach is to make it a required field. -::: - -### Dates - -You can perform a comparison value test for a date value as long as it is using the data format `YYYYMMDD`. This allows the value to be compared as an integer (number). - -### Numbers - -When using operators such as `greater`, `greaterequals`, `less`, or `lessequals`, both the Number field value and the value specified in the comparison value parameter are converted to integers before comparison. However, for `equals` and `notequals`, the comparison is made using the exact strings as they are. - -For instance, if you are testing whether **377.78** is `lessequals` **377.77**, the result is `TRUE` because both values are converted to **377** before the comparison occurs, making them equal. Conversely, if you test whether **377.77** `equals` **377.78**, the result is `FALSE` because the two strings are compared as they are without any conversions. - -### URLs - -When conducting **URL** tests, any trailing slash is disregarded in both the field value and the comparison value. For instance, whether the URL is provided as `https://my-website.com` or `https://my-website.com/`, the result will be `TRUE` as the trailing slash is ignored in the comparison. diff --git a/beaver-themer_versioned_docs/version-1.5/field-connections/getting-started.md b/beaver-themer_versioned_docs/version-1.5/field-connections/getting-started.md deleted file mode 100644 index fa08dc3e..00000000 --- a/beaver-themer_versioned_docs/version-1.5/field-connections/getting-started.md +++ /dev/null @@ -1,79 +0,0 @@ ---- -id: getting-started -title: Getting Started -sidebar_label: Getting Started ---- - -This article serves as a comprehensive guide to help you get started with field connections. We will walk you through the process of adding, editing, and deleting field connections, as well as explain the distinctions between "connect" and "insert" functions and field connection limitations. - -## Access Field Connections - -To gain access to field connections, ensure Beaver Themer is installed on your website. After the plugin installation, you will see the field connection toggle denoted by a plus (+) icon positioned on the right-hand side of specific row, column, and module options, as depicted in the screenshot below. This toggle provides access to the field connection menu, allowing you to explore the various available field connections. - -:::caution -Please be aware that any row, column, or module option lacking a plus (+) icon does not support field connections. -::: - -![Access Field Connections](/img/beaver-themer/field-connections--getting-started--1.png) - -## Field Connection Menu - -When you click the field connection toggle, it activates the field connection menu, which presents a comprehensive list of available field connections tailored specifically for the layout you are currently editing. Additionally, the inclusion of a search feature further streamlines the process, enabling you to quickly find the exact field connection you want to use without having to scroll through a long list. - -![Field Connection Menu](/img/beaver-themer/field-connections--getting-started--2.png) - -## Add Field Connection - -To add a field connection, mouse over the connection you want to use and click either **Connect** or **Insert**. If the field connection has parameters (options), a window of settings for that field connection may pop up. Configure the settings and click **Save**. - -![Add Field Connections](/img/beaver-themer/field-connections--getting-started--3.png) - -## Connect vs Insert - -Connect and Insert both apply the field connection to the chosen option. However, they do have subtle differences in their function. - -### Connect - -When you choose to "Connect," the field connection is applied directly to the option, and it effectively locks the option to the field connection. This means that no additional content can be added to the option, and it remains linked exclusively to the field connection. - -![Connect Field Connections](/img/beaver-themer/field-connections--getting-started--4.png) - -### Insert - -When you opt for "Insert," the field connection is applied to the option as a field connection shortcode. This approach allows you to incorporate additional content, such as plain text, HTML, or other shortcodes, both before and after the field connection within the option. - -![Insert Field Connections](/img/beaver-themer/field-connections--getting-started--5.png) - -## Field Connection Parameters (Options) - -Some field connections, such as Post Date or Post Excerpt, have parameters (options) that you can configure. For example, you can choose the date format for the Post Date field connection or the number of words for the Post Excerpt field connection. - -These parameters (options) are available when you first apply the field connection to the option, and they can be edited later. - -![Field Connection Parameters](/img/beaver-themer/field-connections--getting-started--6.png) - -## Edit/Modify Field Connections - -Field connections applied to row, column, and module options can be edited or modified. The process, however, varies slightly depending on how you initially applied the field connection to the option. - -- **Connect** - If you selected the **Connect** option while adding your field connection, you can easily modify it by hovering your mouse over the connection and clicking the Wrench icon. This will provide you with access to the field connection options once again, allowing you to reconfigure it. - - However, keep in mind that if you want to switch to a different field connection, you will need to delete the current field connection first before making the switch. - - ![Delete Field Connections](/img/beaver-themer/field-connections--getting-started--7.png) - - :::info - If the field connection has no parameters (options), the Wrench icon will not appear. - ::: - -- **Insert** - When adding your field connection using the **Insert** option, the process to modify it differs slightly. Knowing the field connection parameters (options) enables you to add them to the shortcode, replacing the existing ones. However, if you're not familiar with the parameters, you'll have to remove the field connection shortcode from the option and then add the field connection again. - -## Delete Field Connections - -When a field connection is applied to a row, column, or module option using **Connect**, it can be deleted by hovering your mouse over the connection and clicking the () X icon. This will remove the field connection from the option, allowing you to add a new one. - -![Delete Field Connections](/img/beaver-themer/field-connections--getting-started--8.png) - -When a field connection is applied to a row, column, or module option using **Insert**, it can be deleted by removing the field connection shortcode from the option. This will remove the field connection from the option, allowing you to add a new one. diff --git a/beaver-themer_versioned_docs/version-1.5/field-connections/index.md b/beaver-themer_versioned_docs/version-1.5/field-connections/index.md deleted file mode 100644 index defe9dad..00000000 --- a/beaver-themer_versioned_docs/version-1.5/field-connections/index.md +++ /dev/null @@ -1,101 +0,0 @@ ---- -id: index -title: Field Connections -sidebar_label: Field Connections ---- - -Field connections enable you to seamlessly retrieve data from your website's WordPress database and effortlessly integrate it into designated row, column, and module options, presenting the data beautifully within your Beaver Themer layouts. - -The versatility of these connections allows data extraction from a multitude of sources, including WordPress data, WordPress custom fields, and popular plugins like Advanced Custom Fields, Big Commerce, Easy Digital Downloads, The Events Calendar, and WooCommerce. - -Furthermore, field connections extend their support to [shortcodes](syntax.md), granting you the flexibility to apply them not only within row, column, or module options but also throughout your entire layout wherever text can be inserted. This includes HTML modules or the custom layout option for the Post module. - -```mermaid -flowchart LR - A(WordPress) --> F(Field Connection) - B(Advanced Custom Fields) --> F(Field Connection) - C(WooCommerce) --> F(Field Connection) - F(Field Connection) --> G(Template/Layout) - - style A fill:#21759b,stroke:#21759b,stroke-width:0px,color:#ffffff - style B fill:#00e4bc,stroke:#00e4bc,stroke-width:0px,color:#ffffff - style C fill:#96588a,stroke:#96588a,stroke-width:0px,color:#ffffff - style F fill:#ffffff,stroke:#373737,stroke-width:1px,color:#373737 - style G fill:#e2e8f0,stroke:#e2e8f0,stroke-width:0px,color:#373737 -``` - -*Note: The above diagram showcases WordPress, Advanced Custom Fields and WooCommerce as data sources, but field connections can also be used with other supported plugin, such as BigCommerce, Easy Digital Downloads, and The Events Calendar.* - -## Why use Field Connections? - -Field Connections allow you to streamline your workflow by eliminating the need to create separate layouts for individual posts or pages. Instead, you can create one singular layout, assign this to all posts on your website and use field connections to dynamically display the correct data for each post or page. - -## Data Sources & Natively Supported Plugins - -Field Connections natively support the following data sources and plugins. - -* [WordPress Data](wordpress-data.md) -* [WordPress Custom Fields](wordpress-custom-fields.md) -* [Advanced Custom Fields](../integrations/acf/index.md) -* [BigCommerce](../integrations/bigcommerce/field-connections.md) -* [Easy Digital Downloads](../integrations/easy-digital-downloads/field-connections.md) -* [The Events Calendar](../integrations/tec/field-connections.md) -* [WooCommerce](../integrations/woocommerce/field-connections.md) - -[Toolset](third-party.md#toolset) custom fields are fully compatible and function in a manner similar to WordPress custom fields. However, to utilize Toolset custom fields effectively, it is necessary to prefix your field's name (key) with `wpcf-`. - -Additionally, third-party plugins like Pods, and Meta Box have integrated their own field connections, ensuring smooth compatibility with Beaver Themer. - -* [Meta Box](third-party.md#meta-box) -* [Pods](third-party.md#pods) - -## Data Types - -When applying field connections to options, ensuring the data type aligns with the intended option is crucial. This ensures that the option you are connecting can accurately output the data. - -For example, when using a field connection that outputs an image, like the Featured Image field connection, it should be applied to an option that can display images, such as the option found in the Photo module. If you attempt to apply the Featured Image field connection to a text option, like those present in the Header and Text modules, the connection can still be made. But, you will only be able to output details about the image, such as URL, Title, Caption, Description, or Alt Text, as these details can be presented as text. - -```mermaid -flowchart LR - F(Featured Image Field Connection) --> P[Photo Module] - F(Featured Image Field Connection) --> H[Heading Module] - - P(Photo Module) --> OP(Photo Option) --> O1(Output: Display Image) - - H(Heading Module) --> OP1(Heading Option) - OP1(Heading Option) --> O2(Output: Image Alt Text) - OP1(Heading Option) --> O3(Output: Image Caption Text) - OP1(Heading Option) --> O4(Output: Image URL) - - style F fill:#ffffff,stroke:#373737,stroke-width:1px,color:#373737 - style H fill:#2563eb,stroke:#2563eb,stroke-width:0px,color:#ffffff - style P fill:#2563eb,stroke:#2563eb,stroke-width:0px,color:#ffffff - style OP fill:#334155,stroke:#334155,stroke-width:0px,color:#ffffff - style OP1 fill:#334155,stroke:#334155,stroke-width:0px,color:#ffffff - style O1 fill:#475569,stroke:#475569,stroke-width:0px,color:#ffffff - style O2 fill:#475569,stroke:#475569,stroke-width:0px,color:#ffffff - style O3 fill:#475569,stroke:#475569,stroke-width:0px,color:#ffffff - style O4 fill:#475569,stroke:#475569,stroke-width:0px,color:#ffffff -``` - -## Theme Data - -Due to variations in how each theme manages customizer settings, it is not possible to utilize field connections for outputting theme data from the WordPress Customizer settings. - -:::tip -An alternative is to utilize the Advanced Custom Fields (ACF) Options Page feature, which allows you to create an additional admin page in your WordPress Dashboard. Any fields you include on the Options Page become global, meaning the data can be accessed and used throughout your entire website. - -See the [ACF Options Page](integrations/acf/options-page.md) article for more information. -::: - -## WordPress Multisite Support - -Field Connection are supported in [WordPress Multisite Network](https://wordpress.org/support/article/create-a-network/) installations. However, it is important to be aware that these field connections cannot be used to retrieve data between sub-sites. - -For instance, if you have a WordPress Multisite network with three sub-sites - Site A, Site B, and Site C - using field connections, you cannot retrieve data from Site A and display it on Site B or Site C. The data retrieval is limited to within each individual sub-site and cannot be extended across the network. - -## In this Section - -import DocCardList from '@theme/DocCardList'; - - diff --git a/beaver-themer_versioned_docs/version-1.5/field-connections/syntax.md b/beaver-themer_versioned_docs/version-1.5/field-connections/syntax.md deleted file mode 100644 index ea711cfd..00000000 --- a/beaver-themer_versioned_docs/version-1.5/field-connections/syntax.md +++ /dev/null @@ -1,111 +0,0 @@ ---- -id: syntax -title: Field Connection Shortcode Syntax -sidebar_label: Shortcode Syntax ---- - - -The Field Connection shortcode offers a straightforward way to showcase data from custom fields in your layouts. This reference illustrates the syntax for the field connection shortcode. - -:::tip -To make things even easier, you can generate the shortcode automatically by using an [HTML module](/beaver-builder/layouts/modules/html) and the Field Connection [Insert](getting-started.md#connect-vs-insert) function. -::: - -## Syntax - -The Field Connections shortcode syntax varies based on the data type, the location where it is applied, and whether it supports [parameters](#parameters). Below are two examples that demonstrate how the syntax can vary depending on the data's location. - -```markup title="Post Title" -[wpbb post:title] -``` - -```markup title="Archive Title" -[wpbb archive:title] -``` - -## Conditional Shortcodes - -The Field Connections shortcode syntax supports conditionals, allowing you to display dynamic content based on the evaluation of statements as `TRUE` or `FALSE`. - -```markup -[wpbb-if some-field-connection] - - If True, show this! - -[/wpbb-if] -``` - -See the [Conditionals](conditionals.md) article for more information. - -## Parameters - -The Field Connection shortcode syntax provides support for a range of parameters, enabling you to perform various actions, such as modifying the output, displaying content based on the field's returned value, or setting a default value. - -### Modifiers - -The modifier parameter is available for field connections that have option support. These options grant you the ability to configure the field connection output according to your preferences. After configuring the options, they are incorporated into the shortcode syntax as modifier parameters. The value you selected for each individual option is then utilized as the corresponding value for the modifier parameter. - -The two examples below demonstrate how the modifier parameters can differ for each field connection. - -* **Example: Post Date** - The post date field connection comes with a parameter named `format`, which allows you to modify the date format returned using PHP `date()`. - - ```markup title="Post Date" - [wpbb post:date format='F Y, J'] - ``` - -* **Example: Featured Image** - The featured image field connection offers parameters like `size`, `display`, `align`, and `linked`, allowing you to adjust the output accordingly. - - ```markup title="Featured Image" - [wpbb post:featured_image size='large' display='tag' align='default' linked='no'] - ``` - -### Expressions - -Expressions extend the functionality of the conditional field connection shortcode through two parameters: `exp` (operator) and `value` (comparison value). This allows you to display content based on the value returned by the field. - -```markup -[wpbb-if some-field-connection exp='' value=''] - - Display this text when the value test is True. - -[wpbb-else] - - Display this text when the value test is False. - -[/wpbb-if] -``` - -See the [Expressions](expressions.md) article for more information. - -### Defaults - -Field Connection shortcodes support default modifier parameters that enable the addition of a default value to a Field Connection shortcode. These two default modifiers have slightly different functions, depending on the default value you’re adding. - -:::warning Warning -The parameters `default=''` and `wpbb_default=''` are incompatible with [Conditional](conditionals.md) shortcodes, as they enforce the statement to be consistently `TRUE`. -::: - -#### `default=''` - -The `default=''` parameter is optional and specifies a default value that is returned if the field has no value. The default value can include plain text, or HTML markup. - -```markup -[wpbb post:custom_field key='name' default='John Doe'] -``` - -* **Example: Default Featured Image** - In this example, the default value is a URL to a default image (default.jpg). If the post has no featured image, the default image is displayed. - - ```markup - - ``` - -#### `wpbb_default=''` - -The `wpbb_default=''` parameter is optional and used instead of `default=''` when the default value is sourced from a custom field. - -```markup title="wpbb_default Example" -[wpbb post:custom_field key='FIELD_NAME' wpbb_default="wpbb post:custom_field key='FIELD_NAME'"] -``` diff --git a/beaver-themer_versioned_docs/version-1.5/field-connections/third-party.md b/beaver-themer_versioned_docs/version-1.5/field-connections/third-party.md deleted file mode 100644 index 38f61722..00000000 --- a/beaver-themer_versioned_docs/version-1.5/field-connections/third-party.md +++ /dev/null @@ -1,45 +0,0 @@ ---- -id: third-party -title: Third-party Custom Fields -sidebar_label: Third-party -description: This article gives a brief introduction to using field connections with fields created in third-party plugins that are not inherently supported by Beaver Themer. ---- - -This article gives a brief introduction to using field connections with fields created in third-party plugins that are not inherently supported by Beaver Themer. - -:::caution -If you encounter any issues with field connections related to Toolset, Pods, or Meta Box, we advise reaching out to their respective support teams for assistance. -::: - -## Meta Box - -By utilizing the [Meta Box - Beaver Themer Integrator](https://metabox.io/plugins/meta-box-beaver-themer-integrator/) plugin, you can seamlessly integrate custom fields generated with Meta Box. This integration enables you to effortlessly select and display custom fields, created using the Meta Box plugin, through a dropdown menu in Beaver Themer. - -Below is an example of a Meta Box field connection shortcode. It's important to be aware that the shortcode syntax may differ based on the type of field you aim to display and the layout type to which you are applying it. - -```markup -[wpbb post:meta_box field='FIELD_NAME'] -``` - -## Pods - -By installing the [Pods Beaver Themer Add-On](https://wordpress.org/plugins/pods-beaver-builder-themer-add-on/), you gain the ability to effortlessly select Pods fields in Beaver Themer field connections through a dropdown menu. This dropdown menu corresponds to the currently displayed item, whether it's a Custom Post Type or Taxonomy. - -Below is an example of a Pods field connection shortcode. It's important to be aware that the shortcode syntax may differ based on the type of field you aim to display and the layout type to which you are applying it. - -```markup -[wpbb post:pods_display field='FIELD_NAME'] -``` - -## Toolset - -Toolset fields are compatible with Beaver Themer and function almost identically to [WordPress Custom fields](wordpress-custom-fields.md). The only difference is that you should prefix your field's name (key) with `wpcf-`. - -1. In the field connection panel list, select **Post Custom Field**. -2. In the **Field Key** field, enter the name of your Toolset custom field, prefixed with `wpcf-`. - -For example, if your Toolset custom field is named `my_tc_field`, in Themer, it should be specified as `wpcf-my_tc_field`. - -```markup -[wpbb post:custom_field key='wpcf-my_tc_field'] -``` \ No newline at end of file diff --git a/beaver-themer_versioned_docs/version-1.5/field-connections/wordpress-custom-fields.md b/beaver-themer_versioned_docs/version-1.5/field-connections/wordpress-custom-fields.md deleted file mode 100644 index 30ed80c3..00000000 --- a/beaver-themer_versioned_docs/version-1.5/field-connections/wordpress-custom-fields.md +++ /dev/null @@ -1,102 +0,0 @@ ---- -id: wordpress-custom-fields -title: WordPress Custom Fields -sidebar_label: WordPress Custom Fields ---- - -[WordPress Custom Fields](https://wordpress.org/support/article/custom-fields/) is a feature in WordPress which allows you to add additional information to your pages, posts, and custom post types. You do this by adding a `key` which is the custom field name and a value which is the information you want to display on your page or post. You can then use Beaver Themer field connections to display this data into your layout. - -## Enable WordPress Custom Fields - -By default, Custom fields are hidden. You can make the custom fields panel visible on your post edit screen in two ways depending on whether you're using the default WordPress editor (Gutenberg) or the [Classic Editor plugin](https://wordpress.org/plugins/classic-editor/). - -:::info -When the Advanced Custom Fields plugin is installed and active on your website, the functionality of WordPress custom fields is deactivated. To utilize WordPress custom fields, you need to disable the Advanced Custom Fields plugin. -::: -### Block Editor (Gutenberg) - -To enable WordPress custom fields while utilizing the Block editor, follow these steps: - -1. On the **WordPress Edit Screen** for pages or posts and access the **Options** panel by clicking the () vertical ellipsis icon. -2. Choose **Preferences** from the dropdown menu. -3. In the popup window, select the **Panel** option. -4. Toggle the **Custom Fields** option to enable and finalize the process by clicking the **Enable & Reload** button. - -![Access custom fields using WordPress default editor](/img/beaver-themer/field-connections--wp-custom-fields--1.jpg) - -### Classic Editor Plugin - -To enable WordPress custom fields while using the Classic Editor plugin, follow these steps: - -1. On the **WordPress Edit Screen** for pages or posts, access the **Screen Options** panel located in the upper right corner. -2. Mark the checkbox for **Custom Fields**. -3. The **Custom Fields** panel will now become visible beneath the Classic Editor. - -![Access custom fields using WordPress classic editor](/img/beaver-themer/field-connections--wp-custom-fields--2.jpg) - -## Add a WordPress Custom Field - -To add a WordPress custom field: - -1. Input the name (key) for your custom field and provide a value for the field. -2. Apply the changes by clicking **Publish**. - -:::info -If you have previously added WordPress custom fields, you'll notice a dropdown menu that presents a list of all existing custom fields. To add a new custom field, click on the **Enter New** button. -::: - -![Add a WordPress Custom Field](/img/beaver-themer/field-connections--wp-custom-fields--3.jpg) - -## Apply WordPress Custom Field - -A WordPress custom field can be assigned to a row, column, or module option using the following steps: - -1. Access the specific row, column, or module to which you intend to apply the WordPress custom field. -2. Click the [Field Connection toggle](getting-started.md#access-field-connections) and within the [Field Connection menu](getting-started.md#field-connection-menu), choose **Post Custom Field**. -3. Select either [Connect](getting-started.md#connect) or [Insert](getting-started.md#insert) to apply the WordPress custom field onto the chosen option. - -![Apply a WordPress Custom Field](/img/beaver-themer/field-connections--wp-custom-fields--4.jpg) - -## WordPress Custom Field Shortcode - -You also have the option to display WordPress custom fields within your layouts using the Field Connection shortcode. This can be accomplished by choosing **Post Custom Field** from the [Field Connection Menu](getting-started.md#field-connection-menu) and then inputting the field name (key). - -```markup -[wpbb post:custom_field key='FIELD_NAME'] -``` - -### Conditionals & Expressions Support - -WordPress custom fields also have support for [conditionals](conditionals.md) and [expressions](expressions.md). - -#### Conditionals - -The following code provides a simple example of the syntax used for applying conditionals with your WordPress custom field connection shortcodes. - -```html -[wpbb-if post:custom_field key='FIELD_NAME'] - -

Show this if TRUE.

- -[wpbb-else] - -

Show this if FALSE.

- -[/wpbb-if] -``` - -Check out the [Conditional](conditionals.md) article to delve deeper into understanding how conditionals work. Also, take a look at the [Conditional Examples](examples/conditional.md) article for more instances that showcase how conditionals can be applied. - -#### Expressions - -The following code provides a simple example of the syntax used for applying expressions with your WordPress custom field connection shortcodes. - -```html -[wpbb-if post:custom_field key='FIELD_NAME' exp='equal' value='Beaver Builder'] - -

This content will only display if the field's value is Beaver Builder.

- -[/wpbb-if] -``` - -Check out the [Expressions](expressions.md) article to delve deeper into understanding how expressions work. Also, take a look at the [Expression Examples](examples/expressions.md) article for more instances that showcase how expressions can be applied. diff --git a/beaver-themer_versioned_docs/version-1.5/field-connections/wordpress-data.md b/beaver-themer_versioned_docs/version-1.5/field-connections/wordpress-data.md deleted file mode 100644 index 2be6bb98..00000000 --- a/beaver-themer_versioned_docs/version-1.5/field-connections/wordpress-data.md +++ /dev/null @@ -1,605 +0,0 @@ ---- -id: wordpress-data -title: WordPress Data -sidebar_label: WordPress Data ---- - -In this article, you'll find a comprehensive list of available WordPress data field connection shortcodes. These shortcodes enable you to retrieve various types of data, including the title of your page or post, page or post content, publishing date, archive title, and more. - -:::info - -You can locate Field Connection shortcodes for our third-party integrations by following the links provided below. - -- [Advanced Custom Fields (ACF)](../integrations/acf/index.md) -- [BigCommerce](../integrations/bigcommerce/field-connections.md) -- [Easy Digital Downloads](../integrations/easy-digital-downloads/field-connections.md) -- [The Events Calendar](../integrations/tec/field-connections.md) -- [WooCommerce](../integrations/woocommerce/field-connections.md) - -::: - -:::tip -WordPress data field connection shortcodes also support conditionals and expressions. Learn more by visiting the following links: - -- [Conditionals](conditionals.md) -- [Expressions](expressions.md) -- [Conditional Examples](examples/conditional.md) -- [Expression Examples](examples/expressions.md) - -::: - -## Archive - -### Archive Title - -Outputs an archive's title. - -```markup -[wpbb archive:title] -``` - -### Archive Description - -Outputs an archive's description. - -```markup -[wpbb archive:description] -``` - -### Archive Count - -Outputs an archive's count. Example: _(Showing 1-5 of 25.)_ - -```markup -[wpbb archive:show_count] -``` - -### Archive Page Count - -Outputs an archive page count. Example: _(Page 1 of 3.)_ - -```markup -[wpbb archive:show_page_count] -``` - -### Archive Term Meta - -Outputs an archive’s meta term, such as the value of a custom field assigned to a taxonomy (a post category or tag or a custom taxonomy). - -```markup -[wpbb archive:term_meta key=''] -``` - -## Author - -### Author Name - -Outputs the authors name. - -```markup -[wpbb post:author_name] -``` - -- Options - - - **Type** - Choices are display (default), first name, last name, first last, last first, nickname, and username. - - **Link** - Enable/Disable a link to the author's archive or to the website in the author's user profile. - -- Example - - ```markup - [wpbb post:author_name type='first' link='yes' link_type='website'] - ``` - -### Author Bio - -Outputs the author's bio (**WordPress Dashboard > Users > Profile > Biographical Info**). - -```markup -[wpbb post:author_bio] -``` - -### Author URL - -Outputs the author's website or archive e.g. `https://my-website.com/author/name/`. - -```markup -[wpbb post:author_url type='archive'] -``` - -- Options - - - **Type** - Post Archive or Profile Website. - -:::tip **Tip** -You can wrap the field connection shortcode with `` tags to make a link. - -```markup -Author Website -``` - -::: - -### Author Picture - -Outputs the authors profile picture. - -```markup -[wpbb post:author_profile_picture link='no' link_type='archive' size='100'] -``` - -- Options - - - **Type** - Choices are display (default), first name, last name, first last, last first, nickname, and username. - - **Link** - Enable/Disable a link to the author's archive or to the website in the author's user profile. - -- Example - - ```markup - [wpbb post:author_name type='first' link='yes' link_type='website'] - ``` - -### Author Picture URL - -Outputs the authors profile picture URL. - -```markup -[wpbb post:author_profile_picture_url size='100'] -``` - -- Options - - - **Size** - Set the pixel size of the image e.g. 100px. - -### Author Meta - -Outputs the author’s meta term, such as the value of a custom field assigned to the user profile page. - -```markup -[wpbb post:author_meta key=''] -``` - -## Comments - -### Comments Number - -Outputs a post's comment number. Example: 21 Comments. - -```markup -[wpbb post:comments_number link='yes' none_text='No Comments' one_text='1 Comment' more_text='% Comments'] -``` - -- Options - - - **Link** - Enable/Disable link. - - **No Comments Text** - Set the text for when there are no comments. Default is "No Comments". - - **One Comment Text** - Set the text for when there is one comment. Default is "1 Comment". - - **Comments Text** - Set the text for when there are multiple comments. Default is "% Comments". - -### Comments URL - -Outputs a post's comment URL. Example: `https://my-website.com/hello-world/#respond` - -```markup -[wpbb post:comments_url] -``` - -## Post/Page - -The Post/Page field connections work for all public post types this includes custom post types. - -### Post Title - -Outputs the post's title. - -```markup -[wpbb post:title] -``` - -### Post ID - -Outputs the post's ID. - -```markup -[wpbb post:id] -``` - -### Post Excerpt - -Outputs the post excerpt. - -```markup -[wpbb post:excerpt length='55' more=''] -``` - -- Options - - - **Length** - Accepts a number (number of words). Default is 55. - - **More** - Accepts text to appear after the excerpt - -- Example - - ```markup - [wpbb post:excerpt length='100' more='Continue Reading'] - ``` - -### Post Content - -Outputs the post's content. - -```markup -[wpbb post:content] -``` - -### Post Custom Field - -Outputs [WordPress custom fields](https://wordpress.org/support/article/custom-fields/) added to the page, post or custom post type. - -```markup -[wpbb post:custom_field key=''] -``` - -- Options - - - **Key** - Your custom field key/name - -- Example - - ```markup - [wpbb post:custom_field key='my_field_name'] - ``` - - - **Format** - Accepts date formats, such as `F j, Y` if the field value is a date. - - - Example - - ```markup - [wpbb post:custom_field key='my_field_name' format='F j, Y'] - ``` - - - Output - - ```markup - December 25, 2025 - ``` - -### Post Link - -Outputs the post's Link. - -```markup -[wpbb post:link text='title'] -``` - -- Options - - - **Link Text** - Choice of Post Title or Custom. - -- Example - - ```markup - [wpbb post:link text='custom' custom_text='Read More...'] - ``` - -### Post URL - -Outputs the post's URL. Example: `https://my-website.com/hello-world/`. - -```markup -[wpbb post:url] -``` - -### Post Slug - -Outputs the post's slug. Example: `hello-world`. - -```markup -[wpbb post:slug] -``` - -### Post Type - -Outputs the post types name, singular name, or slug. Example: `post`. - -```markup -[wpbb post:post_type display='slug'] -``` - -**Options** - -- **Display** - Choices are Slug, Singular Same, Name, or No Posts Found. - -:::tip - -This field connection comes in handy when you're utilizing a Post module that's set up to showcase various post types and you wish to apply distinct styling to individual elements based on the post type. - -See the [Expression Examples](examples/expressions.md#style-elements-based-on-post-type) article for more details. - -::: - -### Post Date - -See the [PHP date() document](https://secure.php.net/manual/en/function.date.php) for a list of date formats or use the Insert functionality in the Beaver Builder UI to choose from a list of date formats when you insert this field connection. - -```markup -[wpbb post:date format=''] -``` - -- Options - - - **Format** - Accepts date formats - -- Example - - ```markup - [wpbb post:date format='F j, Y'] - ``` - - - Output - - ```markup - December 25, 2021 - ``` - -### Post Modified Date - -See the [PHP date() document](https://secure.php.net/manual/en/function.date.php) for a list of date formats or use the Insert functionality in the Beaver Builder UI to choose from a list of date formats when you insert this field connection. - -```markup -[wpbb post:modified_date format=''] -``` - -- Options - - - **Format** - Accepts date formats. - -- Example - - ```markup - [wpbb post:modified_date format='F j, Y'] - ``` - -### Post Featured Image - -Outputs the post's [featured image](https://wordpress.org/support/article/settings-sidebar/#featured-image). - -```markup -[wpbb post:featured_image size='thumbnail' display='tag' align='left' linked='yes'] -``` - -- Options - - - **Size** - Thumbnail, Medium, Large, Full Size and any custom sizes you have. - - **Display** - Image Tag ([``](https://www.w3schools.com/tags/tag_img.asp)), URL, Title, Caption, Description or Alt. - - **Align** - default, left, center, right. - - **Linked** - Enable or disable the link on the featured image. - -- Example - - ```markup - [wpbb post:featured_image size='medium' display='tag' align='center' linked='yes'] - ``` - -### Post Attached Image - -Outputs any [images attached to the post](https://wordpress.org/support/article/using-image-and-file-attachments/#attachment-to-a-post). - -:::info -This field connection only appears in modules that have a gallery field setting, such as the Gallery or Slideshow modules. -::: - -```markup -[wpbb post:attached_images] -``` - -### Post Terms List - -Outputs the post's terms assigned to the post type you are editing. - -```markup -[wpbb post:terms_list taxonomy='category' html_list='no' display='name' separator=', ' limit= linked='yes'] -``` - -**Options** - -- **Taxonomy** (`taxonomy=''`) - Displays the taxonomy terms assigned to the post type your Themer layout applies to. - Examples: For standard posts, the terms are Categories and Tags. For WooCommerce Products, the terms are Product Categories and Product Tags. - -- **Layout** (`html_list=''`) - Choose how the terms are displayed from Separator, Unordered List (`