Changeset 3441297

wp-commerce7/trunk/README.txt

-                      r3410240
+                      r3441297
 Requires at least: 6.0
 Tested up to: 6.9
 Stable tag: 1.5.4
+Stable tag: 1.6.1
 License: GPLv3 or later
 License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
 …
 == Plugin Removal ==
 Removing this plugin will render your widgets inactive, but will not remove them or the pages created.
+Removing this plugin will render your widgets and/or blocks inactive, but will not remove them or the pages created. Be sure to clean out all pages of Commerce7 content if removing.
 …
 == Changelog ==
+= 1.5.4 =
+= 1.6.1 - January 16, 2026 =
+* Added: alignment controls form blocks
+= 1.6 - December 15, 2025 =
+* Large plugin changes, please backup site before updating
+* Improved: Elementor blocks, adding static previews to some block types for inline styles and visual verifications
+* Improved: Themeco Cornerstone blocks, adding static previews to some block types for inline styles and visual verifications
+* Improved: Settings sanitization
+* Improved: C7WP notices
+* Improved: Page creation on initial plugin activation
+* Improved: Plugin settings cache speed
+* Improved: Pages post state text on dynamic routes
+* Added: WP Health Check screen
+* Fixed: RankMath canonical tag
+* Added: Uninstall handler to remove plugin data
+= 1.5.4 - August 11, 2025 =
 * Fix: Gutenberg block settings for old beta frontend
 * Fix: Login widget redirect path on V2 frontend
 …
 == Upgrade Notice ==
+= 1.6.1 =
+Large plugin update, create a backup before proceeding, and test all widgets on all pages afterwards.
 = 1.5.1 =
 You may need to resave existing Club Selector blocks if you've used them already.

wp-commerce7/trunk/admin/template.options.page.php

-                      r3292177
+                      r3441297
 if ( ! defined( 'ABSPATH' ) ) {
     return;
+    return;
+}
 …
 ?>
 <div class="c7wp-reset c7wp-wrap c7wp-wrap-about">
     <div class="c7wp-content">
         <div class="c7wp-main">
+    <div class="c7wp-content">
+        <div class="c7wp-main">
             <div class="c7wp-row">
                 <div class="c7wp-column">
+            <div class="c7wp-row">
+                <div class="c7wp-column">
                     <div class="c7wp-box gradient header">
+                    <div class="c7wp-box gradient header">
                         <div class="c7wp-box-content cols-2">
                             <div class="c7wp-box-content-left">
                                 <h1 class="c7wp-box-title"><?php esc_html_e( 'Commerce7 for WordPress', 'wp-commerce7' ); ?></h1>
                                 <p class="c7wp-box-content-text"><?php esc_html_e( 'Built for wineries that want more control, better performance, and smarter marketing.', 'wp-commerce7' ); ?></p>
                             </div>
+                        <div class="c7wp-box-content cols-2">
+                            <div class="c7wp-box-content-left">
+                                <h1 class="c7wp-box-title"><?php esc_html_e( 'Commerce7 for WordPress', 'wp-commerce7' ); ?></h1>
+                                <p class="c7wp-box-content-text"><?php esc_html_e( 'Built for wineries that want more control, better performance, and smarter marketing.', 'wp-commerce7' ); ?></p>
+                            </div>
                             <div class="c7wp-box-content-right">
                                 <a href="https://c7wp.com/documentation/" target="_blank" class="c7wp-btn c7wp-btn-primary c7wp-btn-large">
                                     <svg width="800px" height="800px" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="currentColor" d="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm23.744 191.488c-52.096 0-92.928 14.784-123.2 44.352-30.976 29.568-45.76 70.4-45.76 122.496h80.256c0-29.568 5.632-52.8 17.6-68.992 13.376-19.712 35.2-28.864 66.176-28.864 23.936 0 42.944 6.336 56.32 19.712 12.672 13.376 19.712 31.68 19.712 54.912 0 17.6-6.336 34.496-19.008 49.984l-8.448 9.856c-45.76 40.832-73.216 70.4-82.368 89.408-9.856 19.008-14.08 42.24-14.08 68.992v9.856h80.96v-9.856c0-16.896 3.52-31.68 10.56-45.76 6.336-12.672 15.488-24.64 28.16-35.2 33.792-29.568 54.208-48.576 60.544-55.616 16.896-22.528 26.048-51.392 26.048-86.592 0-42.944-14.08-76.736-42.24-101.376-28.16-25.344-65.472-37.312-111.232-37.312zm-12.672 406.208a54.272 54.272 0 0 0-38.72 14.784 49.408 49.408 0 0 0-15.488 38.016c0 15.488 4.928 28.16 15.488 38.016A54.848 54.848 0 0 0 523.072 768c15.488 0 28.16-4.928 38.72-14.784a51.52 51.52 0 0 0 16.192-38.72 51.968 51.968 0 0 0-15.488-38.016 55.936 55.936 0 0 0-39.424-14.784z"/></svg>
                                     <?php esc_html_e( 'Documentation', 'wp-commerce7' ); ?>
                                 </a>
                             </div>
+                            <div class="c7wp-box-content-right">
+                                <a href="https://c7wp.com/documentation/" target="_blank" class="c7wp-btn c7wp-btn-primary c7wp-btn-large">
+                                    <svg width="800px" height="800px" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="currentColor" d="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm23.744 191.488c-52.096 0-92.928 14.784-123.2 44.352-30.976 29.568-45.76 70.4-45.76 122.496h80.256c0-29.568 5.632-52.8 17.6-68.992 13.376-19.712 35.2-28.864 66.176-28.864 23.936 0 42.944 6.336 56.32 19.712 12.672 13.376 19.712 31.68 19.712 54.912 0 17.6-6.336 34.496-19.008 49.984l-8.448 9.856c-45.76 40.832-73.216 70.4-82.368 89.408-9.856 19.008-14.08 42.24-14.08 68.992v9.856h80.96v-9.856c0-16.896 3.52-31.68 10.56-45.76 6.336-12.672 15.488-24.64 28.16-35.2 33.792-29.568 54.208-48.576 60.544-55.616 16.896-22.528 26.048-51.392 26.048-86.592 0-42.944-14.08-76.736-42.24-101.376-28.16-25.344-65.472-37.312-111.232-37.312zm-12.672 406.208a54.272 54.272 0 0 0-38.72 14.784 49.408 49.408 0 0 0-15.488 38.016c0 15.488 4.928 28.16 15.488 38.016A54.848 54.848 0 0 0 523.072 768c15.488 0 28.16-4.928 38.72-14.784a51.52 51.52 0 0 0 16.192-38.72 51.968 51.968 0 0 0-15.488-38.016 55.936 55.936 0 0 0-39.424-14.784z"/></svg>
+                                    <?php esc_html_e( 'Documentation', 'wp-commerce7' ); ?>
+                                </a>
+                            </div>
                         </div>
+                        </div>
                     </div>
+                    </div>
                     <div class="c7wp-box">
+                    <div class="c7wp-box">
+                        <div class="c7wp-box-content">
+                            <form method="post" action="options.php">
+                                <?php
+                                settings_fields( 'commerce7' );
+                                do_settings_sections( 'commerce7' );
+                                submit_button();
+                                ?>
+                            </form>
+                        </div>
+                        <div class="c7wp-box-content">
+                            <form method="post" action="options.php">
+                                <?php
+                                settings_fields( 'commerce7' );
+                                do_settings_sections( 'commerce7' );
+                                submit_button();
+                                ?>
+                            </form>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+                    </div>
+                </div>
+            </div>
+        <div class="c7wp-sidebar">
+        </div>
+            <?php
+                /**
+                 * Filter: `c7wp_show_sidebar`
+                 *
+                 * Filter for hiding the sidebar in our plugin settings, which might include promotions for
+                 * our services. This is a whitelabel as you're going to get.
+                 *
+                 * @param bool Should the sidebar be shown? Default: true
+                 */
+            if ( apply_filters( 'c7wp_show_sidebar', true ) ) :
+        <div class="c7wp-sidebar">
+                $gists = array(
+                    '95be9529b9ba6f9cc96336e085a4b122',
+                    '902913bb4b5623f945c9ebe30dfbc0b6',
+                    'fb980c8d769a96f169250a79ca278f74',
+                );
+            <?php
+                $allowed_html      = wp_kses_allowed_html( 'post' );
+                $allowed_protocols = array(
+                    'https',
+                    'data',
+                );
+                /**
+                 * Filter: `c7wp_show_sidebar`
+                 *
+                 * Filter for hiding the sidebar in our plugin settings, which might include promotions for
+                 * our services. This is a whitelabel as you're going to get.
+                 *
+                 * @param bool Should the sidebar be shown? Default: true
+                 */
+                if ( apply_filters( 'c7wp_show_sidebar', true ) ) :
+                $args = array(
+                    'headers' => array( 'Content-Type' => 'application/json; charset=utf-8' ),
+                );
+                $gists = [
+                    '95be9529b9ba6f9cc96336e085a4b122',
+                    '902913bb4b5623f945c9ebe30dfbc0b6',
+                    'fb980c8d769a96f169250a79ca278f74',
+                ];
+                foreach ( $gists as $gist ) {
+                    $callout = get_transient( 'c7wp_' . $gist );
+                $allowed_html = wp_kses_allowed_html( 'post' );
+                $allowed_protocols = [
+                    'https',
+                    'data',
+                ];
+                    if ( empty( $callout ) ) {
+                        $response = wp_remote_get( 'https://api.github.com/gists/' . $gist, $args );
+                $args = [
+                    'headers' => [ 'Content-Type' => 'application/json; charset=utf-8' ],
+                ];
+                        if ( is_array( $response ) && ! is_wp_error( $response ) && '200' === wp_remote_retrieve_response_code( $response ) ) {
+                            $headers = $response['headers']; // array of http header lines
+                            $body    = json_decode( $response['body'], true ); // use the content
+                foreach ( $gists as $gist ) {
+                    $callout = get_transient( 'c7wp_' . $gist );
+                            if ( isset( $body['files']['index.html']['content'] ) ) {
+                                $callout = stripslashes( $body['files']['index.html']['content'] );
+                                set_transient( 'c7wp_' . $gist, $callout, WEEK_IN_SECONDS );
+                            } else {
+                                // Log error if WP_DEBUG is enabled
+                                if ( defined( 'WP_DEBUG' ) && WP_DEBUG ) {
+                                    error_log( 'Commerce7: Invalid response structure from GitHub API for gist ' . $gist );
+                                }
+                                continue;
+                            }
+                        } else {
+                            // Log error if WP_DEBUG is enabled
+                            if ( defined( 'WP_DEBUG' ) && WP_DEBUG ) {
+                                $error_message = is_wp_error( $response ) ? $response->get_error_message() : 'HTTP ' . wp_remote_retrieve_response_code( $response );
+                                error_log( 'Commerce7: Failed to fetch gist ' . $gist . ': ' . $error_message );
+                            }
+                            continue;
+                        }
+                    }
+                    if ( empty( $callout ) ) {
+                        $response = wp_remote_get( 'https://api.github.com/gists/' . $gist, $args );
+                    if ( ! empty( $callout ) ) {
+                        echo wp_kses( $callout, $allowed_html, $allowed_protocols );
+                    }
+                }
+                        if ( is_array( $response ) && ! is_wp_error( $response ) && '200' == wp_remote_retrieve_response_code( $response ) ) {
+                            $headers = $response['headers']; // array of http header lines
+                            $body    = json_decode( $response['body'], true ); // use the content
+                endif;
+            ?>
+                            $callout = stripslashes( $body['files']['index.html']['content'] );
+                            $trans = set_transient( 'c7wp_' . $gist, $callout, WEEK_IN_SECONDS );
+                        } else {
+                            continue;
+                        }
+                    }
+                    echo wp_kses( $callout, $allowed_html, $allowed_protocols );
+                }
+                endif;
+            ?>
+            <div class="c7wp-cta">
+                <p class="c7wp-cta-note">Plugin created by URSA6 & 5forests. Provided free to Commerce7 customers and agencies around the world.</p>
+                <hr class="c7wp-cta-spacing">
+                <p class="c7wp-cta-note">We offer unbeatable <a href="https://5forests.com/services/technology/website-care-plans/" target="_blank">sustainble hosting and care plans</a> to our WordPress clients.</p>
+            </div>
+        </div>
+            <div class="c7wp-cta">
+                <p class="c7wp-cta-note">Plugin created by URSA6 & 5forests. Provided free to Commerce7 customers and agencies around the world.</p>
+                <hr class="c7wp-cta-spacing">
+                <p class="c7wp-cta-note">We offer unbeatable <a href="https://5forests.com/services/technology/website-care-plans/" target="_blank">sustainable hosting and care plans</a> to our WordPress clients.</p>
+            </div>
+        </div>
     </div>
+    </div>
 </div>

wp-commerce7/trunk/assets/public/css/commerce7-for-wordpress.css

-                      r2768084
+                      r3441297
     flex-direction: row;
     align-items: center;
+}
+#c7wp-cart-box.top-left {
+    top: 0;
+    right: auto;
+    left: 0;
+    bottom: auto;
+}
+#c7wp-cart-box.bottom-left {
+    top: auto;
+    right: auto;
+    left: 0;
+    bottom: 0;
+    position: fixed;
+}
+#c7wp-cart-box.bottom-right {
+    top: auto;
+    right: 0;
+    left: auto;
+    bottom: 0;
+    position: fixed;
+}
+#c7wp-cart-box.c7dark > div > a {
+    color: #fff;
+}
+#c7wp-cart-box.c7light > div > a {
+    color: #333;
+    &.top-left {
+        top: 0;
+        right: auto;
+        left: 0;
+        bottom: auto;
+    }
+    &.bottom-left {
+        top: auto;
+        right: auto;
+        left: 0;
+        bottom: 0;
+        position: fixed;
+    }
+    &.bottom-right {
+        top: auto;
+        right: 0;
+        left: auto;
+        bottom: 0;
+        position: fixed;
+    }
+    &.c7dark > div > a {
+        color: #fff;
+    }
+    &.c7light > div > a {
+        color: #333;
+    }
+}
 .c7-dark {
 …
     padding: 0 1rem 0 0;
+}
+.c7-checkout__content__title a {
+    font-size: 0.95rem;
+.c7-checkout__content__title {
+    a {
+        font-size: 0.95rem;
+    }
+}
 .c7-cart__count {
 …
+}
 @media screen and (min-width: 46rem) {
+        .c7-form__group div div.date-picker, .c7-form__group div div.rdtPicker, .c7-form__group div div.rdtDays {
+        width: auto;
+        margin: 0;
+    .c7-form__group {
+        div div {
+            &.date-picker,
+            &.rdtPicker,
+            &.rdtDays {
+                width: auto;
+                margin: 0;
+            }
+        }
+    }
+}

wp-commerce7/trunk/commerce7-for-wordpress.php

-                      r3343231
+                      r3441297
  * Plugin Name: Commerce7 for WordPress
  * Description: Integrate Commerce7 functionality into your WordPress site easily
  * Version: 1.5.4
+ * Version: 1.6.1
  * Author: URSA6 & 5forests
  * Author URI: https://5forests.com
  * Plugin URI: https://c7wp.com
  * Requires at least: 6.0
  * Tested up to: 6.8
  * Stable tag: 1.5.4
+ * Tested up to: 6.9
+ * Stable tag: 1.6.1
  * Requires PHP: 7.4
  * License: GPL3
 …
  * Author: Michael Bourne
  * -----
  * Last Modified: Tuesday, August 5th 2025, 9:23:42 pm
+ * Last Modified: Wednesday, January 7th 2026, 3:14:12 pm
  * Modified By: Michael Bourne
  * -----
 …
 defined( 'C7WP_ROOT' ) || define( 'C7WP_ROOT', __DIR__ );
 defined( 'C7WP_URI' ) || define( 'C7WP_URI', plugin_dir_url( __FILE__ ) );
 defined( 'C7WP_VERSION' ) || define( 'C7WP_VERSION', '1.5.4' );
+defined( 'C7WP_VERSION' ) || define( 'C7WP_VERSION', '1.6.1' );
 if ( ! defined( 'C7WP_NOTICES_URL' ) || C7WP_NOTICES_URL !== 'https://c7wp.com/notices.json' ) {
     define( 'C7WP_NOTICES_URL', 'https://c7wp.com/notices.json' );
+    define( 'C7WP_NOTICES_URL', 'https://c7wp.com/notices.json' );
+}
 …
  */
 function c7wp_activate_plugin() {
+    add_option( 'c7wp_activation', true );
+    $pages = array( 'profile', 'collection', 'product', 'club', 'checkout', 'cart', 'reservation' );
+    $fail  = array();
+    foreach ( $pages as $page ) {
+        if ( get_page_by_path( $page, 'ARRAY_N', 'page' ) ) {
+            $fail[] = $page;
+            continue;
+        }
+        $c7_post = array(
+        'post_title'   => wp_strip_all_tags( ucfirst( $page ) ),
+        'post_content' => '<!-- wp:c7wp/default --><div class="wp-block-c7wp-default"><div id="c7-content"></div></div><!-- /wp:c7wp/default -->',
+        'post_status'  => 'publish',
+        'post_author'  => 1,
+        'post_type'    => 'page',
+        );
+        $pageid = wp_insert_post( $c7_post );
+    }
+    if ( ! empty( $fail ) ) {
+        set_transient( 'c7wp-admin-notice-pages', $fail, 5 );
+    }
+    $c7options = array(
+                    'c7wp_tenant'                => '',
+                    'c7wp_display_cart'          => 'no',
+                    'c7wp_display_cart_location' => 'tr',
+                    'c7wp_display_cart_color'    => 'light',
+                    'c7wp_widget_version'        => 'v2',
+                    'c7wp_enable_custom_routes'  => 'no',
+                    'c7wp_frontend_routes'       => array(
+                        'profile'     => 'profile',
+                        'collection'  => 'collection',
+                        'product'     => 'product',
+                        'club'        => 'club',
+                        'checkout'    => 'checkout',
+                        'cart'        => 'cart',
+                        'reservation' => 'reservation',
+                    ),
+                );
+    update_option( 'c7wp_settings', $c7options, true );
+    // set a default permalink structure if the installation has not yet done this
+    require_once ABSPATH . 'wp-admin/includes/upgrade.php';
+    if ( function_exists( 'wp_install_maybe_enable_pretty_permalinks' ) ) {
+        wp_install_maybe_enable_pretty_permalinks();
+    }
+    add_option( 'c7wp_activation', true );
+    // Schedule remote notices cron job
+    c7wp_schedule_notices_cron();
+    $pages = array( 'profile', 'collection', 'product', 'club', 'checkout', 'cart', 'reservation' );
+    $fail  = array();
+    foreach ( $pages as $page ) {
+        if ( get_page_by_path( $page, 'ARRAY_N', 'page' ) ) {
+            $fail[] = $page;
+            continue;
+        }
+        $c7_post = array(
+            'post_title'   => wp_strip_all_tags( ucfirst( $page ) ),
+            'post_content' => '<!-- wp:c7wp/default --><div class="wp-block-c7wp-default"><div id="c7-content"></div></div><!-- /wp:c7wp/default -->',
+            'post_status'  => 'publish',
+            'post_author'  => 1,
+            'post_type'    => 'page',
+        );
+        $pageid = wp_insert_post( $c7_post );
+        // Check if page creation was successful
+        if ( is_wp_error( $pageid ) ) {
+            // Log error if WP_DEBUG is enabled
+            if ( defined( 'WP_DEBUG' ) && WP_DEBUG ) {
+                error_log( 'Commerce7: Failed to create page "' . $page . '": ' . $pageid->get_error_message() );
+            }
+            $fail[] = $page;
+        } elseif ( ! $pageid ) {
+            // Log error if WP_DEBUG is enabled
+            if ( defined( 'WP_DEBUG' ) && WP_DEBUG ) {
+                error_log( 'Commerce7: Failed to create page "' . $page . '": Unknown error' );
+            }
+            $fail[] = $page;
+        }
+    }
+    if ( ! empty( $fail ) ) {
+        set_transient( 'c7wp-admin-notice-pages', $fail, 5 );
+    }
+    $c7options = array(
+        'c7wp_tenant'                => '',
+        'c7wp_display_cart'          => 'no',
+        'c7wp_display_cart_location' => 'tr',
+        'c7wp_display_cart_color'    => 'light',
+        'c7wp_widget_version'        => 'v2',
+        'c7wp_enable_custom_routes'  => 'no',
+        'c7wp_frontend_routes'       => array(
+            'profile'     => 'profile',
+            'collection'  => 'collection',
+            'product'     => 'product',
+            'club'        => 'club',
+            'checkout'    => 'checkout',
+            'cart'        => 'cart',
+            'reservation' => 'reservation',
+        ),
+    );
+    update_option( 'c7wp_settings', $c7options, true );
+    // set a default permalink structure if the installation has not yet done this
+    require_once ABSPATH . 'wp-admin/includes/upgrade.php';
+    if ( function_exists( 'wp_install_maybe_enable_pretty_permalinks' ) ) {
+        wp_install_maybe_enable_pretty_permalinks();
+    }
+}
 register_activation_hook( __FILE__, 'c7wp_activate_plugin' );
 …
  */
 function c7wp_upgrade_function( $upgrader_object, $options ) {
     $current_plugin_path_name = plugin_basename( __FILE__ );
     // If a plugin is being updated.
     if ( 'update' === $options['action'] && 'plugin' === $options['type'] && isset( $options['plugins'] ) ) {
         foreach ( $options['plugins'] as $each_plugin ) {
             // If the plugin being updated is this plugin.
+    $current_plugin_path_name = plugin_basename( __FILE__ );
+    // If a plugin is being updated.
+    if ( 'update' === $options['action'] && 'plugin' === $options['type'] && isset( $options['plugins'] ) ) {
+        foreach ( $options['plugins'] as $each_plugin ) {
+            // If the plugin being updated is this plugin.
             if ( $each_plugin == $current_plugin_path_name ) { // phpcs:ignore
+                $options = get_option( 'c7wp_settings' );
+                if ( isset( $options['c7wp_widget_version'] ) && 'v2' === $options['c7wp_widget_version']
+                  && isset( $options['c7wp_enable_custom_routes'] ) && 'yes' === $options['c7wp_enable_custom_routes']
+                  && isset( $options['c7wp_frontend_routes'] ) && is_array( $options['c7wp_frontend_routes'] ) ) {
+                    $pages = $options['c7wp_frontend_routes'];
+                } else {
+                    $pages = array(
+                        'profile'     => 'profile',
+                        'collection'  => 'collection',
+                        'product'     => 'product',
+                        'club'        => 'club',
+                        'checkout'    => 'checkout',
+                        'cart'        => 'cart',
+                        'reservation' => 'reservation',
+                    );
+                }
+                $fail = array();
+                // Loop through required paged for C7.
+                foreach ( $pages as $page => $slug ) {
+                    // if the page is missing, add it to the notice
+                    if ( ! get_page_by_path( $slug, 'ARRAY_N', 'page' ) ) {
+                        $fail[] = wp_strip_all_tags( ucfirst( $page ) );
+                        continue;
+                    }
+                }
+                // If we have missing pages, let's set a transient to display a notice.
+                if ( ! empty( $fail ) ) {
+                    set_transient( 'c7wp-admin-notice-pages-missing', $fail, 0 );
+                }
+                $c7options = array(
+                    'c7wp_tenant'                => '',
+                    'c7wp_display_cart'          => 'no',
+                    'c7wp_display_cart_location' => 'tr',
+                    'c7wp_display_cart_color'    => 'light',
+                    'c7wp_widget_version'        => 'v2',
+                    'c7wp_enable_custom_routes'  => 'no',
+                    'c7wp_frontend_routes'       => array(
+                        'profile'     => 'profile',
+                        'collection'  => 'collection',
+                        'product'     => 'product',
+                        'club'        => 'club',
+                        'checkout'    => 'checkout',
+                        'cart'        => 'cart',
+                        'reservation' => 'reservation',
+                    ),
+                );
+                // Merge client set options with default options to fix any unset array keys.
+                $normalized_options = array_merge( $c7options, $options );
+                update_option( 'c7wp_settings', $normalized_options, true );
+                // flush rewrite rules.
+                if ( function_exists( 'flush_rewrite_rules' ) ) {
+                    flush_rewrite_rules();
+                }
+            }
+        }
+    }
+                $options = get_option( 'c7wp_settings' );
+                if ( isset( $options['c7wp_widget_version'] ) && 'v2' === $options['c7wp_widget_version']
+                  && isset( $options['c7wp_enable_custom_routes'] ) && 'yes' === $options['c7wp_enable_custom_routes']
+                  && isset( $options['c7wp_frontend_routes'] ) && is_array( $options['c7wp_frontend_routes'] ) ) {
+                    $pages = $options['c7wp_frontend_routes'];
+                } else {
+                    $pages = array(
+                        'profile'     => 'profile',
+                        'collection'  => 'collection',
+                        'product'     => 'product',
+                        'club'        => 'club',
+                        'checkout'    => 'checkout',
+                        'cart'        => 'cart',
+                        'reservation' => 'reservation',
+                    );
+                }
+                $fail = array();
+                // Loop through required paged for C7.
+                foreach ( $pages as $page => $slug ) {
+                    // if the page is missing, add it to the notice
+                    if ( ! get_page_by_path( $slug, 'ARRAY_N', 'page' ) ) {
+                        $fail[] = wp_strip_all_tags( ucfirst( $page ) );
+                        continue;
+                    }
+                }
+                // If we have missing pages, let's set a transient to display a notice.
+                if ( ! empty( $fail ) ) {
+                    set_transient( 'c7wp-admin-notice-pages-missing', $fail, 0 );
+                }
+                $c7options = array(
+                    'c7wp_tenant'                => '',
+                    'c7wp_display_cart'          => 'no',
+                    'c7wp_display_cart_location' => 'tr',
+                    'c7wp_display_cart_color'    => 'light',
+                    'c7wp_widget_version'        => 'v2',
+                    'c7wp_enable_custom_routes'  => 'no',
+                    'c7wp_frontend_routes'       => array(
+                        'profile'     => 'profile',
+                        'collection'  => 'collection',
+                        'product'     => 'product',
+                        'club'        => 'club',
+                        'checkout'    => 'checkout',
+                        'cart'        => 'cart',
+                        'reservation' => 'reservation',
+                    ),
+                );
+                // Merge client set options with default options to fix any unset array keys.
+                $normalized_options = array_merge( $c7options, $options );
+                update_option( 'c7wp_settings', $normalized_options, true );
+                // Only flush rewrite rules if route settings have changed
+                $old_routes = isset( $options['c7wp_frontend_routes'] ) ? $options['c7wp_frontend_routes'] : array();
+                $new_routes = $normalized_options['c7wp_frontend_routes'];
+                if ( $old_routes !== $new_routes ) {
+                    if ( function_exists( 'flush_rewrite_rules' ) ) {
+                        flush_rewrite_rules();
+                    }
+                }
+            }
+        }
+    }
+}
 …
     if ( $data = get_transient( 'c7wp-admin-notice-pages' ) ) { // phpcs:ignore
+        $pages = implode( ', ', $data );
+        echo '<div class="notice notice-warning is-dismissible"><p>';
+        printf(
+            /* translators: 1: List of missing pages 2: List of missing pages */
+            esc_html__( 'Commerce7 requires specific pages exist in order for integration to work properly. The following pages are needed but were not created, as they already exist: %1$s.
+            Please ensure these pages contain the proper content.', 'wp-commerce7' ),
+            '<strong>' . esc_html( $pages ) . '</strong>'
+        );
+        echo '</p></div>';
+        /* Delete transient, only display this notice once. */
+        delete_transient( 'c7wp-admin-notice-pages' );
+    }
+        $pages = implode( ', ', $data );
+        echo '<div class="notice notice-warning is-dismissible"><p>';
+        printf(
+            /* translators: 1: List of missing pages 2: List of missing pages */
+            esc_html__(
+                'Commerce7 requires specific pages exist in order for integration to work properly. The following pages are needed but were not created, as they already exist: %1$s.
+            Please ensure these pages contain the proper content.',
+                'wp-commerce7'
+            ),
+            '<strong>' . esc_html( $pages ) . '</strong>'
+        );
+        echo '</p></div>';
+        /* Delete transient, only display this notice once. */
+        delete_transient( 'c7wp-admin-notice-pages' );
+    }
     if ( $data = get_transient( 'c7wp-admin-notice-pages-missing' ) ) { // phpcs:ignore
+        $pages = implode( ', ', $data );
+        echo '<div class="notice notice-warning is-dismissible"><p>';
+        printf(
+            /* translators: %s: List of missing pages */
+            esc_html__( 'Commerce7 requires specific pages exist in order for integration to work properly. The following pages were missing: %s.
+            These pages were not recreated in case you have removed them on purpose. Please review and crate these pages if needed.', 'wp-commerce7' ),
+            '<strong>' . esc_html( $pages ) . '</strong>'
+        );
+        echo '</p></div>';
+        /* Delete transient, only display this notice once. */
+        delete_transient( 'c7wp-admin-notice-pages-missing' );
+    }
+        $pages = implode( ', ', $data );
+        echo '<div class="notice notice-warning is-dismissible"><p>';
+        printf(
+            /* translators: %s: List of missing pages */
+            esc_html__(
+                'Commerce7 requires specific pages exist in order for integration to work properly. The following pages were missing: %s.
+            These pages were not recreated in case you have removed them on purpose. Please review and crate these pages if needed.',
+                'wp-commerce7'
+            ),
+            '<strong>' . esc_html( $pages ) . '</strong>'
+        );
+        echo '</p></div>';
+        /* Delete transient, only display this notice once. */
+        delete_transient( 'c7wp-admin-notice-pages-missing' );
+    }
+}
 add_action( 'admin_notices', 'c7wp_admin_notice_pages' );
 …
  */
 function c7wp_deactivate_plugin() {
     flush_rewrite_rules();
+    flush_rewrite_rules();
+}
 …
 /**
+ * Fetch and display remote admin notices
+ */
+function c7wp_remote_notices() {
+    $transient_key = 'c7wp_remote_notices';
+    $notices = get_transient( $transient_key );
+    if ( false === $notices ) {
+        $response = wp_remote_get( C7WP_NOTICES_URL );
+        if ( ! is_wp_error( $response ) && 200 === wp_remote_retrieve_response_code( $response ) ) {
+            $notices = json_decode( wp_remote_retrieve_body( $response ), true );
+            set_transient( $transient_key, $notices, 12 * HOUR_IN_SECONDS );
+        }
+    }
+    if ( ! empty( $notices ) && is_array( $notices ) ) {
+        foreach ( $notices as $notice ) {
+            if ( ! empty( $notice['message'] ) && ! get_user_meta( get_current_user_id(), 'c7wp_notice_dismissed_' . md5( $notice['message'] ), true ) ) {
+                add_action('admin_notices', function() use ( $notice ) {
+                    $dismiss_url = add_query_arg(array(
+                        'c7wp_dismiss_notice' => md5( $notice['message'] ),
+                        '_wpnonce' => wp_create_nonce( 'c7wp_dismiss_notice' ),
+                    ));
+                    ?>
+                    <div class="notice notice-<?php echo esc_attr( $notice['type'] ?? 'info' ); ?> is-dismissible">
+                        <?php if ( ! empty( $notice['format'] ) && 'html' === $notice['format'] ) : ?>
+                            <?php echo wp_kses_post( $notice['message'] ); ?>
+                        <?php else : ?>
+                            <p><?php echo wp_kses_post( $notice['message'] ); ?></p>
+                        <?php endif; ?>
+                        <a href="<?php echo esc_url( $dismiss_url ); ?>" class="notice-dismiss"><span class="screen-reader-text"><?php esc_html_e( 'Dismiss this notice.', 'wp-commerce7' ); ?></span></a>
+                    </div>
+                    <?php
+                });
+            }
+        }
+    }
+}
+add_action( 'admin_init', 'c7wp_remote_notices' );
+ * Fetch remote admin notices via cron job
+ */
+function c7wp_fetch_remote_notices() {
+    $response = wp_remote_get(
+        C7WP_NOTICES_URL,
+        array(
+            'timeout' => 10,
+            'headers' => array(
+                'User-Agent' => 'Commerce7-WordPress-Plugin/' . C7WP_VERSION,
+            ),
+        )
+    );
+    if ( is_wp_error( $response ) ) {
+        // Log error if WP_DEBUG is enabled
+        if ( defined( 'WP_DEBUG' ) && WP_DEBUG ) {
+            error_log( 'Commerce7: Failed to fetch remote notices: ' . $response->get_error_message() );
+        }
+        return;
+    }
+    $response_code = wp_remote_retrieve_response_code( $response );
+    if ( 200 !== $response_code ) {
+        // Log error if WP_DEBUG is enabled
+        if ( defined( 'WP_DEBUG' ) && WP_DEBUG ) {
+            error_log( 'Commerce7: Remote notices API returned HTTP ' . $response_code );
+        }
+        return;
+    }
+    $notices = json_decode( wp_remote_retrieve_body( $response ), true );
+    if ( json_last_error() !== JSON_ERROR_NONE ) {
+        // Log error if WP_DEBUG is enabled
+        if ( defined( 'WP_DEBUG' ) && WP_DEBUG ) {
+            error_log( 'Commerce7: Failed to parse remote notices JSON: ' . json_last_error_msg() );
+        }
+        return;
+    }
+    if ( is_array( $notices ) ) {
+        set_transient( 'c7wp_remote_notices', $notices, 12 * HOUR_IN_SECONDS );
+    }
+}
+/**
+ * Schedule remote notices cron job
+ */
+function c7wp_schedule_notices_cron() {
+    if ( ! wp_next_scheduled( 'c7wp_fetch_remote_notices' ) ) {
+        wp_schedule_event( time(), 'twicedaily', 'c7wp_fetch_remote_notices' );
+    }
+}
+/**
+ * Display remote admin notices
+ */
+function c7wp_display_remote_notices() {
+    $notices = get_transient( 'c7wp_remote_notices' );
+    if ( ! empty( $notices ) && is_array( $notices ) ) {
+        foreach ( $notices as $notice ) {
+            if ( ! empty( $notice['message'] ) && ! get_user_meta( get_current_user_id(), 'c7wp_notice_dismissed_' . md5( $notice['message'] ), true ) ) {
+                add_action(
+                    'admin_notices',
+                    function() use ( $notice ) {
+                        $dismiss_url = add_query_arg(
+                            array(
+                                'c7wp_dismiss_notice' => md5( $notice['message'] ),
+                                '_wpnonce'            => wp_create_nonce( 'c7wp_dismiss_notice' ),
+                            )
+                        );
+                        ?>
+                    <div class="notice notice-<?php echo esc_attr( $notice['type'] ?? 'info' ); ?> is-dismissible">
+                        <?php if ( ! empty( $notice['format'] ) && 'html' === $notice['format'] ) : ?>
+                            <?php echo wp_kses_post( $notice['message'] ); ?>
+                        <?php else : ?>
+                            <p><?php echo wp_kses_post( $notice['message'] ); ?></p>
+                        <?php endif; ?>
+                        <a href="<?php echo esc_url( $dismiss_url ); ?>" class="notice-dismiss"><span class="screen-reader-text"><?php esc_html_e( 'Dismiss this notice.', 'wp-commerce7' ); ?></span></a>
+                    </div>
+                        <?php
+                    }
+                );
+            }
+        }
+    }
+}
+// Clean up cron job on deactivation
+register_deactivation_hook(
+    __FILE__,
+    function() {
+        wp_clear_scheduled_hook( 'c7wp_fetch_remote_notices' );
+    }
+);
+// Hook the cron job
+add_action( 'c7wp_fetch_remote_notices', 'c7wp_fetch_remote_notices' );
+// Display notices on admin pages
+add_action( 'admin_init', 'c7wp_display_remote_notices' );
 /**
 …
  */
 function c7wp_handle_notice_dismissal() {
+    if ( isset( $_GET['c7wp_dismiss_notice'] ) && isset( $_GET['_wpnonce'] ) && wp_verify_nonce( wp_unslash( $_GET['_wpnonce'] ), 'c7wp_dismiss_notice' ) ) {
+        $notice_id = sanitize_text_field( wp_unslash( $_GET['c7wp_dismiss_notice'] ) );
+        update_user_meta( get_current_user_id(), 'c7wp_notice_dismissed_' . $notice_id, true );
+        wp_safe_redirect( remove_query_arg( array( 'c7wp_dismiss_notice', '_wpnonce' ) ) );
+        exit;
+    }
+    // Check user capabilities first
+    if ( ! current_user_can( 'manage_options' ) ) {
+        return;
+    }
+    if ( isset( $_GET['c7wp_dismiss_notice'] ) && isset( $_GET['_wpnonce'] ) && wp_verify_nonce( sanitize_text_field( wp_unslash( $_GET['_wpnonce'] ) ), 'c7wp_dismiss_notice' ) ) {
+        $notice_id = sanitize_text_field( wp_unslash( $_GET['c7wp_dismiss_notice'] ) );
+        update_user_meta( get_current_user_id(), 'c7wp_notice_dismissed_' . $notice_id, true );
+        wp_safe_redirect( remove_query_arg( array( 'c7wp_dismiss_notice', '_wpnonce' ) ) );
+        exit;
+    }
+}
 add_action( 'admin_init', 'c7wp_handle_notice_dismissal' );

wp-commerce7/trunk/includes/class-c7wp.php

-                      r3313519
+                      r3441297
     private $seoplugin;
+    /**
+     * Cached plugin settings
+     *
+     * @var array
+     */
+    private $settings;
     /**
 …
         add_action( 'admin_enqueue_scripts', array( $this, 'admin_enqueue_scripts' ) );
         add_action( 'elementor/editor/before_enqueue_scripts', array( $this, 'elementor_editor_enqueue_scripts' ) );
+        add_action( 'elementor/frontend/after_enqueue_scripts', array( $this, 'elementor_frontend_assets_fallback' ) );
         add_action( 'after_setup_theme', array( $this, 'load_c7_css' ), 9 );
         add_filter( 'body_class', array( $this, 'add_body_class' ) );
 …
         $this->seoplugin = false;
+        $options = get_option( 'c7wp_settings' );
+        if ( isset( $options['c7wp_widget_version'] ) && ! empty( $options['c7wp_widget_version'] ) ) {
+            $this->widgetsver = esc_attr( $options['c7wp_widget_version'] );
+        // Cache settings to avoid multiple database calls
+        $this->settings = get_option( 'c7wp_settings', array() );
+        if ( isset( $this->settings['c7wp_widget_version'] ) && ! empty( $this->settings['c7wp_widget_version'] ) ) {
+            $this->widgetsver = esc_attr( $this->settings['c7wp_widget_version'] );
         } else {
             $this->widgetsver = 'v2';
+        }
         // load translations
         add_action( 'plugins_loaded', array( $this, 'c7wp_load_textdomain' ) );
+        // load health check integration
+        require_once C7WP_ROOT . '/includes/health-check.php';
         // c7 div output for certain pagebuilders
 …
     /**
+     * Get plugin settings with caching
+     *
+     * @return array Plugin settings
+     */
+    public function get_settings() {
+        return $this->settings;
+    }
+    /**
+     * Refresh cached settings
+     */
+    public function refresh_settings() {
+        $this->settings = get_option( 'c7wp_settings', array() );
+    }
+    /**
      * @param mixed $instance Singleton instance.
      */
 …
     public function admin_init() {
+        $options = get_option( 'c7wp_settings' );
+        if ( ! isset( $options['c7wp_frontend_routes'] ) || ! is_array( $options['c7wp_frontend_routes'] ) ) {
+            $options['c7wp_frontend_routes'] = array(
+        if ( ! isset( $this->settings['c7wp_frontend_routes'] ) || ! is_array( $this->settings['c7wp_frontend_routes'] ) ) {
+            $this->settings['c7wp_frontend_routes'] = array(
                 'profile'     => 'profile',
                 'collection'  => 'collection',
 …
                 'reservation' => 'reservation',
             );
+            update_option( 'c7wp_settings', $options, true );
+            update_option( 'c7wp_settings', $this->settings, true );
+            $this->refresh_settings();
+        }
 …
      */
     public function load_cs_elements() {
         // Cornerstone Support
+        // Cornerstone Support for older versions
         if ( class_exists( 'Cornerstone_Plugin' ) || function_exists( 'cornerstone_boot' ) ) {
             require_once C7WP_ROOT . '/includes/themeco/load.php';
+            require_once C7WP_ROOT . '/includes/themeco/legacy/load.php';
+        }
+    }
 …
             \Elementor\Plugin::instance()->widgets_manager->register( new \C7WP_Elementor() );
+        }
+    }
-    /**
-     * Internationalization
-     */
-    public function c7wp_load_textdomain() {
-        load_plugin_textdomain( 'wp-commerce7', false, C7WP_ROOT . '/languages/' );
+    }
 …
+        }
+        // phpcs:ignore WordPress.Security.NonceVerification.Recommended
         if ( isset( $_GET['settings-updated'] ) && empty( get_settings_errors( 'c7wp_settings' ) ) ) { // phpcs:ignore
             add_settings_error( 'c7wp_settings', 'c7wp_settings_saved', __( 'Settings Saved', 'wp-commerce7' ), 'updated' );
 …
     protected function settings_init() {
+        register_setting( 'commerce7', 'c7wp_settings', 'c7wp_settings_callback' );
+        register_setting(
+            'commerce7',
+            'c7wp_settings',
+            array(
+                'sanitize_callback' => array( $this, 'c7wp_settings_callback' ),
+                'default'           => array(),
+            )
+        );
         add_settings_section(
 …
                 if ( is_array( $value ) ) {
                     foreach ( $value as $subkey => $subvalue ) {
                         $output[ $key ][ $subkey ] = sanitize_title( $subvalue );
+                        $output[ $key ][ $subkey ] = $this->sanitize_setting_field( $key, $subkey, $subvalue );
+                    }
                 } else {
                     $output[ $key ] = sanitize_title( $value );
+                    $output[ $key ] = $this->sanitize_setting_field( $key, null, $value );
+                }
+            }
+        }
+        $this->settings = $output;
         return apply_filters( 'c7wp_settings_post_validation', $output, $input );
+    }
+    /**
+     * Sanitize individual setting fields based on field type
+     *
+     * @param string      $key The setting key.
+     * @param string|null $subkey The subkey for array values.
+     * @param mixed       $value The value to sanitize.
+     * @return mixed The sanitized value.
+     */
+    private function sanitize_setting_field( $key, $subkey, $value ) {
+        // Handle tenant ID specifically
+        if ( 'c7wp_tenant' === $key ) {
+            // Tenant ID should be alphanumeric with possible hyphens/underscores
+            return trim( sanitize_text_field( $value ) );
+        }
+        // Handle frontend routes (page slugs)
+        if ( 'c7wp_frontend_routes' === $key && ! is_null( $subkey ) ) {
+            // Page slugs should be valid WordPress slugs
+            $sanitized = sanitize_title( $value );
+            // Ensure it's not empty and doesn't conflict with WordPress reserved terms
+            $reserved_terms = array( 'admin', 'api', 'wp-admin', 'wp-content', 'wp-includes' );
+            if ( empty( $sanitized ) || in_array( $sanitized, $reserved_terms, true ) ) {
+                // Return default value if invalid
+                $defaults = array(
+                    'profile'     => 'profile',
+                    'collection'  => 'collection',
+                    'product'     => 'product',
+                    'club'        => 'club',
+                    'checkout'    => 'checkout',
+                    'cart'        => 'cart',
+                    'reservation' => 'reservation',
+                );
+                return isset( $defaults[ $subkey ] ) ? $defaults[ $subkey ] : sanitize_title( $value );
+            }
+            return $sanitized;
+        }
+        // Handle select fields (these should be from predefined options)
+        $select_fields = array(
+            'c7wp_display_cart'          => array( 'yes', 'no' ),
+            'c7wp_display_cart_location' => array( 'tl', 'tr', 'br', 'bl' ),
+            'c7wp_display_cart_color'    => array( 'light', 'dark' ),
+            'c7wp_widget_version'        => array( 'v2', 'v2-compat', 'beta' ),
+            'c7wp_enable_custom_routes'  => array( 'yes', 'no' ),
+        );
+        if ( isset( $select_fields[ $key ] ) ) {
+            $allowed_values = $select_fields[ $key ];
+            if ( in_array( $value, $allowed_values, true ) ) {
+                return $value;
+            }
+            // Return default value if invalid
+            $defaults = array(
+                'c7wp_display_cart'          => 'no',
+                'c7wp_display_cart_location' => 'tr',
+                'c7wp_display_cart_color'    => 'light',
+                'c7wp_widget_version'        => 'v2',
+                'c7wp_enable_custom_routes'  => 'no',
+            );
+            return isset( $defaults[ $key ] ) ? $defaults[ $key ] : '';
+        }
+        // Default sanitization for other fields
+        return sanitize_text_field( $value );
+    }
     public function c7wp_tenant_render() {
         $options = get_option( 'c7wp_settings' );
+        $options = $this->settings;
         ?>
         <input type='text' name='c7wp_settings[c7wp_tenant]' value='<?php echo esc_attr( $options['c7wp_tenant'] ); ?>'>
 …
     public function c7wp_display_cart_render() {
         $options = get_option( 'c7wp_settings' );
+        $options = $this->settings;
         ?>
         <select name='c7wp_settings[c7wp_display_cart]' class='c7displaycart'>
 …
         <p><small>
             <?php
+                echo wp_kses( __( 'If set to <strong>yes</strong>, this plugin will add a floating login  cart box to the front end of your website. If set to <strong>no</strong>, you will need to add the <code>[c7wp type=\'login\']</code> and <code>[c7wp type=\'cart\']</code> shortcodes (or Commerce7\'s HTML) to your header manually. We recommend setting this to no and placing your cart manually.', 'wp-commerce7' ),
+                array( 'strong' => array(), 'code' => array() ) );
+         ?>
+         </small></p>
+                echo wp_kses(
+                    __(
+                        'If set to <strong>yes</strong>, this plugin will add a floating login  cart box to the front end of your website. If set to <strong>no</strong>, you will need to add the <code>[c7wp type=\'login\']</code> and <code>[c7wp type=\'cart\']</code> shortcodes (or Commerce7\'s HTML) to your header manually. We recommend setting this to no and placing your cart manually.',
+                        'wp-commerce7'
+                    ),
+                    array(
+                        'strong' => array(),
+                        'code'   => array(),
+                    )
+                );
+            ?>
+        </small></p>
         <?php
+    }
 …
     public function c7wp_display_cart_location_render() {
         $options  = get_option( 'c7wp_settings' );
+        $options  = $this->settings;
         $disabled = ( 'no' === $options['c7wp_display_cart'] ) ? 'disabled' : '';
         if ( ! isset( $options['c7wp_display_cart_location'] ) ) {
 …
     public function c7wp_display_cart_color_render() {
         $options  = get_option( 'c7wp_settings' );
+        $options  = $this->settings;
         $disabled = ( 'no' === $options['c7wp_display_cart'] ) ? 'disabled' : '';
         if ( ! isset( $options['c7wp_display_cart_color'] ) ) {
 …
     public function c7wp_widget_version_render() {
         $options = get_option( 'c7wp_settings' );
+        $options = $this->settings;
         ?>
         <select name='c7wp_settings[c7wp_widget_version]' class='c7widgetversion'>
 …
         <p><small>
             <?php
+                echo wp_kses( '<strong>V2:</strong> The standard front-end widgets version used by most wineries. Most users should select this option.
+                <br>
+                <strong>V2 (Compatibility Mode):</strong> Use this if you are having issues with the standard V2 widgets, such as widgets not displaying correctly or displaying multiple times. This will load the V2 widgets in a way that is compatible with more themes.
+                <br>
+                <strong>V1:</strong> Only a select few legacy sites are still using the old beta/V1 widgets.', array( 'strong' => array(), 'br' => array() ) );
+                echo wp_kses(
+                    __(
+                        '<strong>V2:</strong> The standard front-end widgets version used by most wineries.
+                        <br>
+                        <strong>V2 (Compatibility Mode):</strong> This will load the V2 widgets in a way that is compatible with more themes and plugins, with safer javascript invocation. Safe for all websites, and the recommended option for everyone.
+                        <br>
+                        <strong>V1:</strong> Only a select few legacy sites are still using the old beta/V1 widgets.',
+                        'wp-commerce7',
+                    ),
+                    array(
+                        'strong' => array(),
+                        'br'     => array(),
+                    )
+                );
             ?>
         </small></p>
-        </small></p>
         <?php
+    }
 …
     public function c7wp_enable_custom_routes_render() {
         $options  = get_option( 'c7wp_settings' );
+        $options  = $this->settings;
         $disabled = ( 'beta' === $options['c7wp_widget_version'] ) ? 'disabled' : '';
         ?>
         <select name='c7wp_settings[c7wp_enable_custom_routes]' <?php echo esc_attr( $disabled ); ?> >
             <option value='no'
+                <?php if ( isset( $options['c7wp_enable_custom_routes'] ) ) { selected( $options['c7wp_enable_custom_routes'], 'no' ); } ?>
+                <?php
+                if ( isset( $options['c7wp_enable_custom_routes'] ) ) {
+                    selected(
+                        $options['c7wp_enable_custom_routes'],
+                        'no'
+                    );
+                }
+                ?>
                 ><?php esc_html_e( 'No', 'wp-commerce7' ); ?></option>
             <option value='yes'
+                <?php if ( isset( $options['c7wp_enable_custom_routes'] ) ) { selected( $options['c7wp_enable_custom_routes'], 'yes' ); } ?>
+                <?php
+                if ( isset( $options['c7wp_enable_custom_routes'] ) ) {
+                    selected(
+                        $options['c7wp_enable_custom_routes'],
+                        'yes'
+                    );
+                }
+                ?>
                 ><?php esc_html_e( 'Yes', 'wp-commerce7' ); ?></option>
         </select>
 …
     public function c7wp_frontend_routes_render() {
         $options  = get_option( 'c7wp_settings' );
+        $options  = $this->settings;
         $disabled = ( 'yes' === $options['c7wp_enable_custom_routes'] ) ? '' : 'disabled';
         ?>
 …
             // Define the allowed HTML tags and attributes
             $allowed_html = array(
                     'a' => array(
                             'href' => array(),
                             'target' => array(),
                     ),
                     'strong' => array(),
                     'br' => array(),
+                'a' => array(
+                    'href'   => array(),
+                    'target' => array(),
+                ),
+                'strong' => array(),
+                'br'     => array(),
             );
 …
             /* translators: %1$s: URL to the routing settings in Commerce7 %2$s: URL to the permalinks settings in WordPress */
             $string = __(
                     'These routes <strong>must</strong> match your <a href="%1$s" target="_blank">routing settings in Commerce7</a>.
                     <br>
                     Make sure you edit the slugs of any existing pages if you are changing these values.
                     <br>
                     You <strong>must</strong> <a href="%2$s">resave your permalinks in WordPress</a> after changing these settings.',
                     'wp-commerce7',
+                'These routes <strong>must</strong> match your <a href="%1$s" target="_blank">routing settings in Commerce7</a>.
+                <br>
+                Make sure you edit the slugs of any existing pages if you are changing these values.
+                <br>
+                You <strong>must</strong> <a href="%2$s">resave your permalinks in WordPress</a> after changing these settings.',
+                'wp-commerce7',
             );
 …
     public function enqueue_scripts() {
         $options = get_option( 'c7wp_settings' );
+        $options = $this->settings;
         /**
 …
             wp_enqueue_script( 'c7js' );
+        }
+        // Enqueue block-specific assets only when needed
+        $this->enqueue_block_assets();
         /**
 …
     /**
+     * Enqueue block-specific assets only when blocks are present
+     */
+    private function enqueue_block_assets() {
+        global $post;
+        if ( ! $post ) {
+            return;
+        }
+        $post_content = $post->post_content;
+        // Check for Gutenberg blocks
+        if ( has_blocks( $post_content ) ) {
+            $blocks = parse_blocks( $post_content );
+            $this->enqueue_blocks_assets( $blocks );
+        }
+        // Check for shortcodes
+        if ( has_shortcode( $post_content, 'c7wp' ) ) {
+            $this->enqueue_shortcode_assets();
+        }
+    }
+    /**
+     * Recursively enqueue assets for blocks
+     *
+     * @param array $blocks Array of blocks to check.
+     */
+    private function enqueue_blocks_assets( $blocks ) {
+        foreach ( $blocks as $block ) {
+            // Check if this is a Commerce7 block
+            if ( isset( $block['blockName'] ) && strpos( $block['blockName'], 'c7wp/' ) === 0 ) {
+                $block_type = str_replace( 'c7wp/', '', $block['blockName'] );
+                $this->enqueue_specific_block_assets( $block_type );
+            }
+            // Check inner blocks
+            if ( isset( $block['innerBlocks'] ) && ! empty( $block['innerBlocks'] ) ) {
+                $this->enqueue_blocks_assets( $block['innerBlocks'] );
+            }
+        }
+    }
+    /**
+     * Enqueue assets for a specific block type
+     *
+     * @param string $block_type The block type to enqueue assets for.
+     */
+    private function enqueue_specific_block_assets( $block_type ) {
+        $options    = $this->settings;
+        $widgetsver = $options['c7wp_widget_version'];
+        // Determine the correct directory
+        $dir = in_array( $widgetsver, array( 'v2', 'v2-compat' ), true ) ? 'blocks-v2' : 'blocks';
+        // Enqueue frontend styles
+        $frontend_css_path = $dir . '/' . $block_type . '/frontend.css';
+        if ( file_exists( C7WP_ROOT . '/includes/gutenberg/' . $frontend_css_path ) ) {
+            wp_enqueue_style(
+                'c7wp-' . $block_type . '-frontend',
+                C7WP_URI . 'includes/gutenberg/' . $frontend_css_path,
+                array(),
+                C7WP_VERSION
+            );
+        }
+        // Enqueue frontend scripts
+        $frontend_js_path = $dir . '/' . $block_type . '/frontend.js';
+        if ( file_exists( C7WP_ROOT . '/includes/gutenberg/' . $frontend_js_path ) ) {
+            wp_enqueue_script(
+                'c7wp-' . $block_type . '-frontend',
+                C7WP_URI . 'includes/gutenberg/' . $frontend_js_path,
+                array(),
+                C7WP_VERSION,
+                true
+            );
+            // Localize settings for specific blocks
+            if ( 'clubselector' === $block_type ) {
+                $options = $this->settings;
+                wp_localize_script(
+                    'c7wp-' . $block_type . '-frontend',
+                    'c7wp_settings',
+                    array(
+                        'c7wp_frontend_routes' => isset( $options['c7wp_frontend_routes'] ) ? $options['c7wp_frontend_routes'] : array( 'club' => 'club' ),
+                    )
+                );
+            }
+        }
+    }
+    /**
+     * Enqueue assets for shortcode usage
+     */
+    private function enqueue_shortcode_assets() {
+        // Enqueue general Commerce7 styles
+        wp_enqueue_style(
+            'c7wp-shortcode',
+            C7WP_URI . 'assets/public/css/commerce7-for-wordpress.css',
+            array(),
+            C7WP_VERSION
+        );
+    }
+    /**
      * Elementor specific styles
+     *
 …
         wp_enqueue_style( 'wp-commerce7-icons', C7WP_URI . 'assets/admin/css/c7wpicons.css', array(), C7WP_VERSION );
+    }
+    /**
+     * Ensure clubselector frontend assets are loaded for Elementor when Gutenberg is disabled
+     *
+     * @return void
+     */
+    public function elementor_frontend_assets_fallback() {
+        // Only run if Gutenberg is not available (Classic Editor scenario)
+        if ( ! function_exists( 'register_block_type' ) ) {
+            // Check if we're on v2 widgets and clubselector frontend assets exist
+            if ( in_array( $this->widgetsver, array( 'v2', 'v2-compat' ), true ) ) {
+                $frontend_js_path  = 'blocks-v2/clubselector/frontend.js';
+                $frontend_css_path = 'blocks-v2/clubselector/frontend.css';
+                // Register and enqueue frontend script if it exists
+                if ( file_exists( C7WP_ROOT . '/includes/gutenberg/' . $frontend_js_path ) && empty( $_GET['ct_builder'] ) ) {
+                    $frontend_script_handle = 'c7wp-clubselector-frontend';
+                    wp_register_script(
+                        $frontend_script_handle,
+                        plugins_url( $frontend_js_path, C7WP_ROOT . '/includes/gutenberg/load.php' ),
+                        array(),
+                        C7WP_VERSION,
+                        true
+                    );
+                    // Localize settings
+                    $options = get_option( 'c7wp_settings' );
+                    wp_localize_script(
+                        $frontend_script_handle,
+                        'c7wp_settings',
+                        array(
+                            'c7wp_frontend_routes' => isset( $options['c7wp_frontend_routes'] ) ? $options['c7wp_frontend_routes'] : array( 'club' => 'club' ),
+                        )
+                    );
+                    wp_enqueue_script( $frontend_script_handle );
+                }
+                // Register and enqueue frontend styles if they exist
+                if ( file_exists( C7WP_ROOT . '/includes/gutenberg/' . $frontend_css_path ) ) {
+                    wp_register_style(
+                        'c7wp-clubselector-frontend',
+                        plugins_url( $frontend_css_path, C7WP_ROOT . '/includes/gutenberg/load.php' ),
+                        array(),
+                        C7WP_VERSION
+                    );
+                    wp_enqueue_style( 'c7wp-clubselector-frontend' );
+                }
+            }
+        }
+    }
 …
     public function add_data_to_c7_script( $tag, $handle, $src ) {
         if ( 'c7js' === $handle ) {
             $options = get_option( 'c7wp_settings' );
+            $options = $this->settings;
             $tag     = '<script data-cfasync="false" type="text/javascript" src="' . esc_url( $src ) . '" id="c7-javascript" data-tenant="' . esc_attr( $options['c7wp_tenant'] ) . '"></script>'; // phpcs:ignore
+        }
 …
     public function add_c7_rewrites() {
         if ( in_array( $this->widgetsver, [ 'v2', 'v2-compat' ] ) ) {
             $options = get_option( 'c7wp_settings' );
+        if ( in_array( $this->widgetsver, array( 'v2', 'v2-compat' ), true ) ) {
+            $options = $this->settings;
             if ( isset( $options['c7wp_frontend_routes'] ) && 'yes' === $options['c7wp_enable_custom_routes'] ) {
 …
     public function footer_inject() {
         $options = get_option( 'c7wp_settings' );
+        $options = $this->settings;
         if ( 'yes' === $options['c7wp_display_cart'] ) {
 …
+            }
             $login = ( in_array( $this->widgetsver, [ 'v2', 'v2-compat' ] ) ) ? 'c7-account' : 'c7-login';
+            $login = ( in_array( $this->widgetsver, array( 'v2', 'v2-compat' ) ) ) ? 'c7-account' : 'c7-login';
             echo '<div id="c7wp-cart-box" class="' . esc_attr( $class ) . esc_attr( $color ) . '"><div id="' . esc_attr( $login ) . '"></div><div id="c7-cart"></div></div>';
 …
         $output = '<div class="c7wp-wrap" data-c7-type="' . $atts['type'] . '">';
+        if ( in_array( $this->widgetsver, [ 'v2', 'v2-compat' ] ) ) {
+            switch ( $atts['type'] ) {
+                case 'default':
+                    $output .= '<div id="c7-content"></div>';
+                    break;
+                case 'personalization':
+                    $output .= '<div class="c7-personalization" data-block-code="' . esc_attr( $atts['data'] ) . '"></div>';
+                    break;
+                case 'subscribe':
+                    $output .= ( 'true' === $atts['data'] ) ? '<div class="c7-subscribe" data-has-name-field="true"></div>' : '<div class="c7-subscribe"></div>';
+                    break;
+                case 'collection':
+                    $output .= '<div class="c7-product-collection" data-collection-slug="' . esc_attr( $atts['data'] ) . '"></div>';
+                    break;
+                case 'login':
+                    $output .= '<div id="c7-account"></div>';
+                    break;
+                case 'cart':
+                    $output .= '<div id="c7-cart"></div>';
+                    break;
+                case 'reservation':
+                    $output .= '<div class="c7-reservation-availability" data-reservation-type-slug="' . esc_attr( $atts['data'] ) . '"></div>';
+                    break;
+                case 'form':
+                    $output .= '<div class="c7-custom-form" data-form-code="' . esc_attr( $atts['data'] ) . '"></div>';
+                    break;
+                case 'joinnow':
+                    $output .= '<div class="c7-club-join-button"
+                                                data-club-slug="' . esc_attr( $atts['data'] ) . '"
+                                                data-join-text="' . esc_attr( $atts['join-text'] ) . '"
+                                                data-edit-text="' . esc_attr( $atts['edit-text'] ) . '"
+                                                ></div>';
+                    break;
+                case 'buyslug':
+                    $output .= '<div class="c7-buy-product" data-product-slug="' . esc_attr( $atts['data'] ) . '"></div>';
+                    break;
+                case 'loginform':
+                    $output .= '<div id="c7-login-form" data-redirect-to="' . esc_attr( $atts['data'] ) . '"></div>';
+                    break;
+                case 'collectionlist':
+                    $output .= '<div id="c7-collection-list"></div>';
+                    break;
+                default:
+                    $output .= '<div id="c7-content"></div>';
+                    break;
+            }
+        if ( in_array( $this->widgetsver, array( 'v2', 'v2-compat' ), true ) ) {
+            $output .= $this->render_v2_widget( $atts );
         } else {
+            switch ( $atts['type'] ) {
+                case 'default':
+                    $output .= '<div id="c7-content"></div>';
+                    break;
+                case 'personalization':
+                    $output .= '<div class="c7-personalization" data-block-code="' . esc_attr( $atts['data'] ) . '"></div>';
+                    break;
+                case 'buy':
+                    $output .= '<div class="c7-buy-variant" data-sku="' . esc_attr( $atts['data'] ) . '"></div>';
+                    break;
+                case 'buyslug':
+                    $output .= '<div class="c7-buy-variant" data-product-slug="' . esc_attr( $atts['data'] ) . '"></div>';
+                    break;
+                case 'subscribe':
+                    $output .= ( 'true' === $atts['data'] ) ? '<div class="c7-subscribe" data-has-name-fields="true"></div>' : '<div class="c7-subscribe"></div>';
+                    break;
+                case 'collection':
+                    $output .= '<div class="c7-product-collection" data-collection-slug="' . esc_attr( $atts['data'] ) . '"></div>';
+                    break;
+                case 'login':
+                    $output .= '<div id="c7-login"></div>';
+                    break;
+                case 'cart':
+                    $output .= '<div id="c7-cart"></div>';
+                    break;
+                case 'reservation':
+                    $output .= '<div class="c7-reservation-availability" data-reservation-type-slug="' . esc_attr( $atts['data'] ) . '"></div>';
+                    break;
+                case 'form':
+                    $output .= '<div class="c7-form-wrapper" data-form-code="' . esc_attr( $atts['data'] ) . '"></div>';
+                    break;
+                case 'joinnow':
+                    $output .= '<div class="c7-club-join-button" data-club-slug="' . esc_attr( $atts['data'] ) . '"></div>';
+                    break;
+                case 'quickshop':
+                    $output .= '<div id="c7-quick-shop" data-collection-slug="' . esc_attr( $atts['data'] ) . '"></div>';
+                    break;
+                case 'loginform':
+                    $output .= '<div id="c7-login-form" data-redirect-to="' . esc_attr( $atts['data'] ) . '"></div>';
+                    break;
+                case 'createaccount':
+                    $output .= '<div id="c7-create-account" data-redirect-to="' . esc_attr( $atts['data'] ) . '"></div>';
+                    break;
+                default:
+                    $output .= '<div id="c7-content"></div>';
+                    break;
+            }
+            $output .= $this->render_v1_widget( $atts );
+        }
 …
         return $output;
+    }
+    /**
+     * Render V2 widget output
+     *
+     * @param array $atts Shortcode attributes.
+     * @return string Widget HTML.
+     */
+    private function render_v2_widget( $atts ) {
+        switch ( $atts['type'] ) {
+            case 'default':
+                return '<div id="c7-content"></div>';
+            case 'personalization':
+                return '<div class="c7-personalization" data-block-code="' . trim( esc_attr( $atts['data'] ) ) . '"></div>';
+            case 'subscribe':
+                return ( 'true' === $atts['data'] ) ? '<div class="c7-subscribe" data-has-name-field="true"></div>' : '<div class="c7-subscribe"></div>';
+            case 'collection':
+                return '<div class="c7-product-collection" data-collection-slug="' . trim( esc_attr( $atts['data'] ) ) . '"></div>';
+            case 'login':
+                return '<div id="c7-account"></div>';
+            case 'cart':
+                return '<div id="c7-cart"></div>';
+            case 'reservation':
+                return '<div class="c7-reservation-availability" data-reservation-type-slug="' . trim( esc_attr( $atts['data'] ) ) . '"></div>';
+            case 'form':
+                return '<div class="c7-custom-form" data-form-code="' . trim( esc_attr( $atts['data'] ) ) . '"></div>';
+            case 'joinnow':
+                return '<div class="c7-club-join-button"
+                    data-club-slug="' . trim( esc_attr( $atts['data'] ) ) . '"
+                    data-join-text="' . trim( esc_attr( $atts['join-text'] ) ) . '"
+                    data-edit-text="' . trim( esc_attr( $atts['edit-text'] ) ) . '"
+                    ></div>';
+            case 'buyslug':
+                return '<div class="c7-buy-product" data-product-slug="' . trim( esc_attr( $atts['data'] ) ) . '"></div>';
+            case 'loginform':
+                return '<div id="c7-login-form" data-redirect-to="' . trim( esc_attr( $atts['data'] ) ) . '"></div>';
+            case 'collectionlist':
+                return '<div id="c7-collection-list"></div>';
+            default:
+                return '<div id="c7-content"></div>';
+        }
+    }
+    /**
+     * Render V1 widget output
+     *
+     * @param array $atts Shortcode attributes.
+     * @return string Widget HTML.
+     */
+    private function render_v1_widget( $atts ) {
+        switch ( $atts['type'] ) {
+            case 'default':
+                return '<div id="c7-content"></div>';
+            case 'personalization':
+                return '<div class="c7-personalization" data-block-code="' . trim( esc_attr( $atts['data'] ) ) . '"></div>';
+            case 'buy':
+                return '<div class="c7-buy-variant" data-sku="' . trim( esc_attr( $atts['data'] ) ) . '"></div>';
+            case 'buyslug':
+                return '<div class="c7-buy-variant" data-product-slug="' . trim( esc_attr( $atts['data'] ) ) . '"></div>';
+            case 'subscribe':
+                return ( 'true' === $atts['data'] ) ? '<div class="c7-subscribe" data-has-name-fields="true"></div>' : '<div class="c7-subscribe"></div>';
+            case 'collection':
+                return '<div class="c7-product-collection" data-collection-slug="' . trim( esc_attr( $atts['data'] ) ) . '"></div>';
+            case 'login':
+                return '<div id="c7-login"></div>';
+            case 'cart':
+                return '<div id="c7-cart"></div>';
+            case 'reservation':
+                return '<div class="c7-reservation-availability" data-reservation-type-slug="' . trim( esc_attr( $atts['data'] ) ) . '"></div>';
+            case 'form':
+                return '<div class="c7-form-wrapper" data-form-code="' . trim( esc_attr( $atts['data'] ) ) . '"></div>';
+            case 'joinnow':
+                return '<div class="c7-club-join-button" data-club-slug="' . trim( esc_attr( $atts['data'] ) ) . '"></div>';
+            case 'quickshop':
+                return '<div id="c7-quick-shop" data-collection-slug="' . trim( esc_attr( $atts['data'] ) ) . '"></div>';
+            case 'loginform':
+                return '<div id="c7-login-form" data-redirect-to="' . trim( esc_attr( $atts['data'] ) ) . '"></div>';
+            case 'createaccount':
+                return '<div id="c7-create-account" data-redirect-to="' . trim( esc_attr( $atts['data'] ) ) . '"></div>';
+            default:
+                return '<div id="c7-content"></div>';
+        }
+    }
 …
     public function add_display_post_states( $post_states, $post ) {
         $options = get_option( 'c7wp_settings' );
+        $options = $this->settings;
         if ( isset( $options['c7wp_widget_version'] ) && 'v2' === $options['c7wp_widget_version']
         && isset( $options['c7wp_frontend_routes'] ) && 'yes' === $options['c7wp_enable_custom_routes'] ) {
 …
                 'checkout',
                 'cart',
-                'privacy',
-                'terms',
                 'reservation',
             );
 …
         if ( in_array( $post->post_name, $pages, true ) ) {
+            $post_states['c7wp'] = esc_html__( 'Commerce7 Required Page', 'wp-commerce7' );
+            $post_states['c7wp'] = esc_html__( 'Commerce7 Dynamic Route', 'wp-commerce7' );
+        }
+        $static_pages = array(
+            'privacy',
+            'terms',
+        );
+        if ( in_array( $post->post_name, $static_pages, true ) ) {
+            $post_states['c7wp-static'] = esc_html__( 'Commerce7 Required Page', 'wp-commerce7' );
+        }
 …
         return $classes;
+    }
+    /**
+     * Check if a page has proper Commerce7 content
+     *
+     * @param int|WP_Post $page Page ID or WP_Post object.
+     * @return bool True if page has proper C7 content.
+     */
+    public function page_has_c7_content( $page ) {
+        if ( is_numeric( $page ) ) {
+            $page = get_post( $page );
+        }
+        if ( ! $page || 'page' !== $page->post_type ) {
+            return false;
+        }
+        $content = $page->post_content;
+        // Check for various C7 content patterns
+        $patterns = array(
+            '/c7-content/',                    // Basic C7 div
+            '/wp:c7wp/',                       // Gutenberg blocks
+            '/<!-- wp:c7wp/',                  // Gutenberg block comments
+            '/\[c7wp/',                        // Shortcodes
+            '/class="c7wp-/',                  // C7WP wrapper classes
+        );
+        foreach ( $patterns as $pattern ) {
+            if ( preg_match( $pattern, $content ) ) {
+                return true;
+            }
+        }
+        return false;
+    }
+    /**
+     * Get pages that need Commerce7 content
+     *
+     * @return array Array of page objects that need C7 content.
+     */
+    public function get_pages_needing_c7_content() {
+        $options = $this->settings;
+        if ( isset( $options['c7wp_frontend_routes'] ) && 'yes' === $options['c7wp_enable_custom_routes'] ) {
+            $required_pages = array_values( $options['c7wp_frontend_routes'] );
+        } else {
+            $required_pages = array( 'profile', 'collection', 'product', 'club', 'checkout', 'cart', 'reservation' );
+        }
+        $pages_needing_content = array();
+        foreach ( $required_pages as $page_slug ) {
+            $page = get_page_by_path( $page_slug, 'ARRAY_N', 'page' );
+            if ( $page && ! $this->page_has_c7_content( $page[0] ) ) {
+                $pages_needing_content[] = get_post( $page[0] );
+            }
+        }
+        return $pages_needing_content;
+    }
+}

wp-commerce7/trunk/includes/elementor/elementor-buyslug.php

-                      r3292177
+                      r3441297
  * Author: Michael Bourne
  * -----
  * Last Modified: Thursday, January 9th 2025, 1:51:21 pm
+ * Last Modified: Tuesday, September 16th 2025, 10:24:41 pm
  * Modified By: Michael Bourne
  * -----
 …
         $this->add_control(
+            'preview_notice',
+            [
+                'type'            => \Elementor\Controls_Manager::RAW_HTML,
+                'raw'             => '<div style="background: #fff3cd; border: 1px solid #ffeaa7; padding: 10px; border-radius: 4px; margin-bottom: 15px;"><strong>Preview Notice:</strong> The preview shown in your editor is for example purposes only, it does not reflect the slug you provide nor is it interactive.</div>',
+                'content_classes' => 'elementor-panel-alert elementor-panel-alert-warning',
+            ]
+        );
+        $this->add_control(
             'data',
+            [
 …
         $data = esc_attr( $settings['data'] );
+        echo do_shortcode( '[c7wp type="buyslug" data="' . $data . '"]' );
+    }
+    protected function content_template() {} //phpcs:ignore
+        // Show preview in Elementor editor, shortcode on frontend
+        if ( \Elementor\Plugin::$instance->editor->is_edit_mode() || \Elementor\Plugin::$instance->preview->is_preview_mode() ) {
+            $slugProvided = !empty( $data );
+            ?>
+            <div class="c7-buy-product-placeholder" data-product-slug="<?php echo esc_attr( $data ); ?>">
+                <?php if ( $slugProvided ) : ?>
+                    <form action="#" class="c7-form c7-product__add-to-cart">
+                        <div class="c7-product__add-to-cart__price">
+                            <span class="c7-sr-only">Item Price</span>
+                            <span class="c7-price--original">$45<span>.00</span></span>
+                            <span class="c7-price--discounted">$38<span>.00</span></span>
+                            <span class="c7-product__add-to-cart__price__variant">
+                                <span class="c7-product__variant__price__title">bottle</span>
+                            </span>
+                        </div>
+                        <div class="c7-product__add-to-cart__form">
+                            <div class="c7-product__add-to-cart__form__quantity">
+                                <div class="c7-form__field">
+                                    <input name="quantity" type="text" inputmode="numeric" value="1" class="c7-product__quantity-input" tabindex="-1" disabled>
+                                </div>
+                            </div>
+                            <button type="submit" class="c7-btn c7-btn--primary" tabindex="-1" disabled>
+                                <span>Add to Cart</span>
+                            </button>
+                        </div>
+                    </form>
+                <?php else : ?>
+                    <div class="c7-message c7-message--alert-error" role="presentation">
+                        <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                            <circle cx="12" cy="12" r="10"></circle>
+                            <line x1="12" y1="8" x2="12" y2="12"></line>
+                            <line x1="12" y1="16" x2="12.01" y2="16"></line>
+                        </svg>
+                        Please enter a product slug in the widget settings
+                    </div>
+                <?php endif; ?>
+            </div>
+            <?php
+        } else {
+            // Frontend - show actual shortcode
+            echo do_shortcode( '[c7wp type="buyslug" data="' . $data . '"]' );
+        }
+    }
+    /**
+     * Render widget output in the editor.
+     *
+     * Written as a Backbone JavaScript template and used to generate the live preview.
+     *
+     * @since 1.0.0
+     * @access protected
+     */
+    protected function content_template() {
+        ?>
+        <#
+        var slugProvided = settings.data && settings.data.length > 0;
+        #>
+        <div class="c7-buy-product-placeholder" data-product-slug="{{{ settings.data }}}">
+            <# if (slugProvided) { #>
+                <form action="#" class="c7-form c7-product__add-to-cart">
+                    <div class="c7-product__add-to-cart__price">
+                        <span class="c7-sr-only">Item Price</span>
+                        <span class="c7-price--original">$45<span>.00</span></span>
+                        <span class="c7-price--discounted">$38<span>.00</span></span>
+                        <span class="c7-product__add-to-cart__price__variant">
+                            <span class="c7-product__variant__price__title">bottle</span>
+                        </span>
+                    </div>
+                    <div class="c7-product__add-to-cart__form">
+                        <div class="c7-product__add-to-cart__form__quantity">
+                            <div class="c7-form__field">
+                                <input name="quantity" type="text" inputmode="numeric" value="1" class="c7-product__quantity-input" tabindex="-1" disabled>
+                            </div>
+                        </div>
+                        <button type="submit" class="c7-btn c7-btn--primary" tabindex="-1" disabled>
+                            <span>Add to Cart</span>
+                        </button>
+                    </div>
+                </form>
+            <# } else { #>
+                <div class="c7-message c7-message--alert-error" role="presentation">
+                    <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                        <circle cx="12" cy="12" r="10"></circle>
+                        <line x1="12" y1="8" x2="12" y2="12"></line>
+                        <line x1="12" y1="16" x2="12.01" y2="16"></line>
+                    </svg>
+                    Please enter a product slug in the widget settings
+                </div>
+            <# } #>
+        </div>
+        <?php
+    }
     public function render_plain_content( $instance = [] ) {}

wp-commerce7/trunk/includes/elementor/elementor-form.php

-                      r3292177
+                      r3441297
         $this->add_control(
+            'preview_notice',
+            [
+                'type'            => \Elementor\Controls_Manager::RAW_HTML,
+                'raw'             => '<div style="background: #fff3cd; border: 1px solid #ffeaa7; padding: 10px; border-radius: 4px; margin-bottom: 15px;"><strong>Preview Notice:</strong> The preview shown in your editor is for example purposes only, it does not reflect the form you provide nor is it interactive.</div>',
+                'content_classes' => 'elementor-panel-alert elementor-panel-alert-warning',
+            ]
+        );
+        $this->add_control(
             'data',
+            [
 …
         $data = esc_attr( $settings['data'] );
+        echo do_shortcode( '[c7wp type="form" data="' . $data . '"]' );
+    }
+    protected function content_template() {} //phpcs:ignore
+        // Show preview in Elementor editor, shortcode on frontend
+        if ( \Elementor\Plugin::$instance->editor->is_edit_mode() || \Elementor\Plugin::$instance->preview->is_preview_mode() ) {
+            $slugProvided = !empty( $data );
+            ?>
+            <div class="c7-custom-form-placeholder" data-form-code="<?php echo esc_attr( $data ); ?>">
+                <?php if ( $slugProvided ) : ?>
+                    <form class="c7-form">
+                        <fieldset>
+                            <legend class="c7-sr-only">Contact Us</legend>
+                            <div class="c7-form__field">
+                                <label class="c7-required">First & Last Name</label>
+                                <input name="fullName" type="text" value="" disabled tabindex="-1">
+                            </div>
+                            <div class="c7-form__field">
+                                <label class="c7-required">Country</label>
+                                <select name="countryCode" disabled tabindex="-1">
+                                    <option value="CA">Canada</option>
+                                    <option value="US">United States</option>
+                                </select>
+                            </div>
+                            <div class="c7-form__field">
+                                <label>Phone</label>
+                                <input name="phone" type="tel" value="" disabled tabindex="-1">
+                            </div>
+                            <div class="c7-form__field">
+                                <label class="c7-required">Email</label>
+                                <input name="email" type="email" value="" disabled tabindex="-1">
+                            </div>
+                            <div class="c7-form__field">
+                                <label class="c7-required">Questions/Comments</label>
+                                <textarea name="questions-comments" rows="3" disabled tabindex="-1"></textarea>
+                            </div>
+                        </fieldset>
+                        <div class="c7-form__buttons">
+                            <button type="submit" class="c7-btn c7-btn--primary" disabled tabindex="-1">
+                                <span>Submit</span>
+                            </button>
+                        </div>
+                    </form>
+                <?php else : ?>
+                    <div class="c7-message c7-message--alert-error" role="presentation">
+                        <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                            <circle cx="12" cy="12" r="10"></circle>
+                            <line x1="12" y1="8" x2="12" y2="12"></line>
+                            <line x1="12" y1="16" x2="12.01" y2="16"></line>
+                        </svg>
+                        Please enter a form slug in the widget settings
+                    </div>
+                <?php endif; ?>
+            </div>
+            <?php
+        } else {
+            // Frontend - show actual shortcode
+            echo do_shortcode( '[c7wp type="form" data="' . $data . '"]' );
+        }
+    }
+    /**
+     * Render widget output in the editor.
+     *
+     * Written as a Backbone JavaScript template and used to generate the live preview.
+     *
+     * @since 1.0.0
+     * @access protected
+     */
+    protected function content_template() {
+        ?>
+        <#
+        var slugProvided = settings.data && settings.data.length > 0;
+        #>
+        <div class="c7-custom-form-placeholder" data-form-code="{{{ settings.data }}}">
+            <# if (slugProvided) { #>
+                <form class="c7-form">
+                    <fieldset>
+                        <legend class="c7-sr-only">Contact Us</legend>
+                        <div class="c7-form__field">
+                            <label class="c7-required">First & Last Name</label>
+                            <input name="fullName" type="text" value="" disabled tabindex="-1">
+                        </div>
+                        <div class="c7-form__field">
+                            <label class="c7-required">Country</label>
+                            <select name="countryCode" disabled tabindex="-1">
+                                <option value="CA">Canada</option>
+                                <option value="US">United States</option>
+                            </select>
+                        </div>
+                        <div class="c7-form__field">
+                            <label>Phone</label>
+                            <input name="phone" type="tel" value="" disabled tabindex="-1">
+                        </div>
+                        <div class="c7-form__field">
+                            <label class="c7-required">Email</label>
+                            <input name="email" type="email" value="" disabled tabindex="-1">
+                        </div>
+                        <div class="c7-form__field">
+                            <label class="c7-required">Questions/Comments</label>
+                            <textarea name="questions-comments" rows="3" disabled tabindex="-1"></textarea>
+                        </div>
+                    </fieldset>
+                    <div class="c7-form__buttons">
+                        <button type="submit" class="c7-btn c7-btn--primary" disabled tabindex="-1">
+                            <span>Submit</span>
+                        </button>
+                    </div>
+                </form>
+            <# } else { #>
+                <div class="c7-message c7-message--alert-error" role="presentation">
+                    <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                        <circle cx="12" cy="12" r="10"></circle>
+                        <line x1="12" y1="8" x2="12" y2="12"></line>
+                        <line x1="12" y1="16" x2="12.01" y2="16"></line>
+                    </svg>
+                    Please enter a form slug in the widget settings
+                </div>
+            <# } #>
+        </div>
+        <?php
+    }
     public function render_plain_content( $instance = [] ) {}

wp-commerce7/trunk/includes/elementor/elementor-joinnow.php

-                      r3292177
+                      r3441297
         $this->add_control(
+            'preview_notice',
+            [
+                'type'            => \Elementor\Controls_Manager::RAW_HTML,
+                'raw'             => '<div style="background: #fff3cd; border: 1px solid #ffeaa7; padding: 10px; border-radius: 4px; margin-bottom: 15px;"><strong>Preview Notice:</strong> The preview shown in your editor is for example purposes only, it does not reflect the club slug you provide nor is it interactive.</div>',
+                'content_classes' => 'elementor-panel-alert elementor-panel-alert-warning',
+            ]
+        );
+        $this->add_control(
             'data',
+            [
 …
         $data = esc_attr( $settings['data'] );
+        $extras = '';
+        if ( ! empty( $settings['join-text'] ) ) {
+            $extras .= ' join-text="' . esc_attr( $settings['join-text'] ) . '"';
+        // Show preview in Elementor editor, shortcode on frontend
+        if ( \Elementor\Plugin::$instance->editor->is_edit_mode() || \Elementor\Plugin::$instance->preview->is_preview_mode() ) {
+            $slugProvided = !empty( $data );
+            $joinText = !empty( $settings['join-text'] ) ? $settings['join-text'] : 'Join Now';
+            $editText = !empty( $settings['edit-text'] ) ? $settings['edit-text'] : 'Edit Membership';
+            ?>
+            <div class="c7-club-join-button-placeholder" data-club-slug="<?php echo esc_attr( $data ); ?>" data-join-text="<?php echo esc_attr( $joinText ); ?>" data-edit-text="<?php echo esc_attr( $editText ); ?>">
+                <?php if ( $slugProvided ) : ?>
+                    <a class="c7-btn c7-btn--primary" role="link" tabindex="-1" disabled>
+                        <?php echo esc_html( $joinText ); ?>
+                    </a>
+                <?php else : ?>
+                    <div class="c7-message c7-message--alert-error" role="presentation">
+                        <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                            <circle cx="12" cy="12" r="10"></circle>
+                            <line x1="12" y1="8" x2="12" y2="12"></line>
+                            <line x1="12" y1="16" x2="12.01" y2="16"></line>
+                        </svg>
+                        Please enter a club slug in the widget settings
+                    </div>
+                <?php endif; ?>
+            </div>
+            <?php
+        } else {
+            // Frontend - show actual shortcode
+            $extras = '';
+            if ( ! empty( $settings['join-text'] ) ) {
+                $extras .= ' join-text="' . esc_attr( $settings['join-text'] ) . '"';
+            }
+            if ( ! empty( $settings['edit-text'] ) ) {
+                $extras .= ' edit-text="' . esc_attr( $settings['edit-text'] ) . '"';
+            }
+            echo do_shortcode( '[c7wp type="joinnow" data="' . $data . '"' . $extras . ']' );
+        }
+        if ( ! empty( $settings['edit-text'] ) ) {
+            $extras .= ' edit-text="' . esc_attr( $settings['edit-text'] ) . '"';
+        }
+        echo do_shortcode( '[c7wp type="joinnow" data="' . $data . '"' . $extras . ']' );
+    }
+    protected function content_template() {} //phpcs:ignore
+    }
+    /**
+     * Render widget output in the editor.
+     *
+     * Written as a Backbone JavaScript template and used to generate the live preview.
+     *
+     * @since 1.0.0
+     * @access protected
+     */
+    protected function content_template() {
+        ?>
+        <#
+        var slugProvided = settings.data && settings.data.length > 0;
+        var joinText = settings['join-text'] || 'Join Now';
+        var editText = settings['edit-text'] || 'Edit Membership';
+        #>
+        <div class="c7-club-join-button-placeholder" data-club-slug="{{{ settings.data }}}" data-join-text="{{{ joinText }}}" data-edit-text="{{{ editText }}}">
+            <# if (slugProvided) { #>
+                <a class="c7-btn c7-btn--primary" role="link" tabindex="-1" disabled>
+                    {{{ joinText }}}
+                </a>
+            <# } else { #>
+                <div class="c7-message c7-message--alert-error" role="presentation">
+                    <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                        <circle cx="12" cy="12" r="10"></circle>
+                        <line x1="12" y1="8" x2="12" y2="12"></line>
+                        <line x1="12" y1="16" x2="12.01" y2="16"></line>
+                    </svg>
+                    Please enter a club slug in the widget settings
+                </div>
+            <# } #>
+        </div>
+        <?php
+    }
     public function render_plain_content( $instance = [] ) {}

wp-commerce7/trunk/includes/elementor/elementor-loginform.php

-                      r3292177
+                      r3441297
         $this->add_control(
+            'preview_notice',
+            [
+                'type'            => \Elementor\Controls_Manager::RAW_HTML,
+                'raw'             => '<div style="background: #fff3cd; border: 1px solid #ffeaa7; padding: 10px; border-radius: 4px; margin-bottom: 15px;"><strong>Preview Notice:</strong> The preview shown in your editor is for example purposes only, it does not reflect the redirect path you provide nor is it interactive.</div>',
+                'content_classes' => 'elementor-panel-alert elementor-panel-alert-warning',
+            ]
+        );
+        $this->add_control(
             'data',
+            [
 …
         $data = esc_attr( $settings['data'] );
+        echo do_shortcode( '[c7wp type="loginform" data="' . $data . '"]' );
+    }
+    protected function content_template() {} //phpcs:ignore
+        // Show preview in Elementor editor, shortcode on frontend
+        if ( \Elementor\Plugin::$instance->editor->is_edit_mode() || \Elementor\Plugin::$instance->preview->is_preview_mode() ) {
+            ?>
+            <div id="c7-login-form-placeholder" data-redirect-to="<?php echo esc_attr( $data ); ?>">
+                <form class="c7-form c7-form--login" data-sku="<?php echo esc_attr( $data ); ?>">
+                    <div class="c7-form__field">
+                        <label class="c7-required">Email</label>
+                        <input name="email" tabindex="-1" disabled type="text">
+                    </div>
+                    <div class="c7-form__field">
+                        <label class="c7-required">Password</label>
+                        <input name="password" tabindex="-1" disabled type="password">
+                    </div>
+                    <div class="c7-form__buttons c7-form__buttons--wide">
+                        <button type="submit" tabindex="-1" disabled class="c7-btn c7-btn--primary">
+                            <span>Log in</span>
+                        </button>
+                    </div>
+                </form>
+            </div>
+            <?php
+        } else {
+            // Frontend - show actual shortcode
+            echo do_shortcode( '[c7wp type="loginform" data="' . $data . '"]' );
+        }
+    }
+    /**
+     * Render widget output in the editor.
+     *
+     * Written as a Backbone JavaScript template and used to generate the live preview.
+     *
+     * @since 1.0.0
+     * @access protected
+     */
+    protected function content_template() {
+        ?>
+        <#
+        var slugProvided = settings.data && settings.data.length > 0;
+        #>
+        <div id="c7-login-form-placeholder" data-redirect-to="{{{ settings.data }}}">
+            <form class="c7-form c7-form--login" data-sku="{{{ settings.data }}}">
+                <div class="c7-form__field">
+                    <label class="c7-required">Email</label>
+                    <input name="email" tabindex="-1" disabled type="text">
+                </div>
+                <div class="c7-form__field">
+                    <label class="c7-required">Password</label>
+                    <input name="password" tabindex="-1" disabled type="password">
+                </div>
+                <div class="c7-form__buttons c7-form__buttons--wide">
+                    <button type="submit" tabindex="-1" disabled class="c7-btn c7-btn--primary">
+                        <span>Log in</span>
+                    </button>
+                </div>
+            </form>
+        </div>
+        <?php
+    }
     public function render_plain_content( $instance = [] ) {}

wp-commerce7/trunk/includes/elementor/elementor-reservation.php

-                      r3292177
+                      r3441297
         $this->add_control(
+            'preview_notice',
+            [
+                'type'            => \Elementor\Controls_Manager::RAW_HTML,
+                'raw'             => '<div style="background: #fff3cd; border: 1px solid #ffeaa7; padding: 10px; border-radius: 4px; margin-bottom: 15px;"><strong>Preview Notice:</strong> The preview shown in your editor is for example purposes only, it does not reflect the experience slug you provide nor is it interactive.</div>',
+                'content_classes' => 'elementor-panel-alert elementor-panel-alert-warning',
+            ]
+        );
+        $this->add_control(
             'data',
+            [
 …
         $data = esc_attr( $settings['data'] );
+        echo do_shortcode( '[c7wp type="reservation" data="' . $data . '"]' );
+    }
+    protected function content_template() {} //phpcs:ignore
+        // Show preview in Elementor editor, shortcode on frontend
+        if ( \Elementor\Plugin::$instance->editor->is_edit_mode() || \Elementor\Plugin::$instance->preview->is_preview_mode() ) {
+            $slugProvided = !empty( $data );
+            ?>
+            <div class="c7-reservation-availability-placeholder" data-reservation-type-slug="<?php echo esc_attr( $data ); ?>">
+                <?php if ( $slugProvided ) : ?>
+                    <section class="c7-reservation__search">
+                        <form class="c7-form">
+                            <div class="c7-form__group">
+                                <div class="c7-form__field">
+                                    <label class="c7-required">Date</label>
+                                    <div class="c7-date-picker-input">
+                                        <input type="text" placeholder="MMM DD YYYY" value="" tabindex="-1" disabled>
+                                        <button type="button" class="c7-date-picker-toggle" tabindex="-1" disabled>
+                                            <span role="img">
+                                                <img class="emoji" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f4c5.svg">
+                                            </span>
+                                        </button>
+                                    </div>
+                                </div>
+                                <div class="c7-form__field">
+                                    <label class="c7-required">Time</label>
+                                    <select tabindex="-1" disabled>
+                                        <option value=""></option>
+                                        <option value="10:00:00">10:00 am</option>
+                                        <option value="10:30:00">10:30 am</option>
+                                        <option value="11:00:00">11:00 am</option>
+                                        <option value="11:30:00">11:30 am</option>
+                                        <option value="12:00:00">12:00 pm</option>
+                                        <option value="12:30:00">12:30 pm</option>
+                                        <option value="13:00:00">1:00 pm</option>
+                                        <option value="13:30:00">1:30 pm</option>
+                                        <option value="14:00:00">2:00 pm</option>
+                                        <option value="14:30:00">2:30 pm</option>
+                                        <option value="15:00:00">3:00 pm</option>
+                                        <option value="15:30:00">3:30 pm</option>
+                                        <option value="16:00:00">4:00 pm</option>
+                                    </select>
+                                </div>
+                                <div class="c7-form__field">
+                                    <label class="c7-required">No of Guests</label>
+                                    <select tabindex="-1" disabled>
+                                        <option value=""></option>
+                                        <option value="1">1</option>
+                                        <option value="2">2</option>
+                                        <option value="3">3</option>
+                                        <option value="4">4</option>
+                                        <option value="5">5</option>
+                                    </select>
+                                </div>
+                                <button type="submit" class="c7-btn c7-btn--primary" tabindex="-1" disabled>
+                                    <span>Check Availability</span>
+                                </button>
+                            </div>
+                        </form>
+                    </section>
+                <?php else : ?>
+                    <div class="c7-message c7-message--alert-error" role="presentation">
+                        <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                            <circle cx="12" cy="12" r="10"></circle>
+                            <line x1="12" y1="8" x2="12" y2="12"></line>
+                            <line x1="12" y1="16" x2="12.01" y2="16"></line>
+                        </svg>
+                        Please enter the single experience slug in the widget settings
+                    </div>
+                <?php endif; ?>
+            </div>
+            <?php
+        } else {
+            // Frontend - show actual shortcode
+            echo do_shortcode( '[c7wp type="reservation" data="' . $data . '"]' );
+        }
+    }
+    /**
+     * Render widget output in the editor.
+     *
+     * Written as a Backbone JavaScript template and used to generate the live preview.
+     *
+     * @since 1.0.0
+     * @access protected
+     */
+    protected function content_template() {
+        ?>
+        <#
+        var slugProvided = settings.data && settings.data.length > 0;
+        #>
+        <div class="c7-reservation-availability-placeholder" data-reservation-type-slug="{{{ settings.data }}}">
+            <# if (slugProvided) { #>
+                <section class="c7-reservation__search">
+                    <form class="c7-form">
+                        <div class="c7-form__group">
+                            <div class="c7-form__field">
+                                <label class="c7-required">Date</label>
+                                <div class="c7-date-picker-input">
+                                    <input type="text" placeholder="MMM DD YYYY" value="" tabindex="-1" disabled>
+                                    <button type="button" class="c7-date-picker-toggle" tabindex="-1" disabled>
+                                        <span role="img">
+                                            <img class="emoji" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f4c5.svg">
+                                        </span>
+                                    </button>
+                                </div>
+                            </div>
+                            <div class="c7-form__field">
+                                <label class="c7-required">Time</label>
+                                <select tabindex="-1" disabled>
+                                    <option value=""></option>
+                                    <option value="10:00:00">10:00 am</option>
+                                    <option value="10:30:00">10:30 am</option>
+                                    <option value="11:00:00">11:00 am</option>
+                                    <option value="11:30:00">11:30 am</option>
+                                    <option value="12:00:00">12:00 pm</option>
+                                    <option value="12:30:00">12:30 pm</option>
+                                    <option value="13:00:00">1:00 pm</option>
+                                    <option value="13:30:00">1:30 pm</option>
+                                    <option value="14:00:00">2:00 pm</option>
+                                    <option value="14:30:00">2:30 pm</option>
+                                    <option value="15:00:00">3:00 pm</option>
+                                    <option value="15:30:00">3:30 pm</option>
+                                    <option value="16:00:00">4:00 pm</option>
+                                </select>
+                            </div>
+                            <div class="c7-form__field">
+                                <label class="c7-required">No of Guests</label>
+                                <select tabindex="-1" disabled>
+                                    <option value=""></option>
+                                    <option value="1">1</option>
+                                    <option value="2">2</option>
+                                    <option value="3">3</option>
+                                    <option value="4">4</option>
+                                    <option value="5">5</option>
+                                </select>
+                            </div>
+                            <button type="submit" class="c7-btn c7-btn--primary" tabindex="-1" disabled>
+                                <span>Check Availability</span>
+                            </button>
+                        </div>
+                    </form>
+                </section>
+            <# } else { #>
+                <div class="c7-message c7-message--alert-error" role="presentation">
+                    <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                        <circle cx="12" cy="12" r="10"></circle>
+                        <line x1="12" y1="8" x2="12" y2="12"></line>
+                        <line x1="12" y1="16" x2="12.01" y2="16"></line>
+                    </svg>
+                    Please enter the single experience slug in the widget settings
+                </div>
+            <# } #>
+        </div>
+        <?php
+    }
     public function render_plain_content( $instance = [] ) {}

wp-commerce7/trunk/includes/elementor/elementor-subscribe.php

-                      r3292177
+                      r3441297
  * Author: Michael Bourne
  * -----
  * Last Modified: Thursday, January 9th 2025, 1:51:13 pm
+ * Last Modified: Tuesday, September 16th 2025, 10:35:48 pm
  * Modified By: Michael Bourne
  * -----
 …
                 'label' => __( 'Settings', 'wp-commerce7' ),
                 'tab'   => \Elementor\Controls_Manager::TAB_CONTENT,
+            ]
+        );
+        $this->add_control(
+            'preview_notice',
+            [
+                'type'            => \Elementor\Controls_Manager::RAW_HTML,
+                'raw'             => '<div style="background: #fff3cd; border: 1px solid #ffeaa7; padding: 10px; border-radius: 4px; margin-bottom: 15px;"><strong>Preview Notice:</strong> The preview shown in your editor is for example purposes only.</div>',
+                'content_classes' => 'elementor-panel-alert elementor-panel-alert-warning',
+            ]
         );
 …
         $data = esc_attr( $settings['data'] );
+        echo do_shortcode( '[c7wp type="subscribe" data="' . $data . '"]' );
+    }
+    protected function content_template() {} //phpcs:ignore
+        // Show preview in Elementor editor, shortcode on frontend
+        if ( \Elementor\Plugin::$instance->editor->is_edit_mode() || \Elementor\Plugin::$instance->preview->is_preview_mode() ) {
+            $showNameField = ( $data === 'true' );
+            ?>
+            <div class="c7-subscribe-placeholder" data-has-name-field="<?php echo esc_attr( $data ); ?>">
+                <form class="c7-form">
+                    <div class="c7-form__group">
+                        <?php if ( $showNameField ) : ?>
+                            <div class="c7-form__field">
+                                <label class="c7-required">First & Last Name</label>
+                                <input name="fullName" type="text" tabindex="-1" disabled value="">
+                            </div>
+                        <?php endif; ?>
+                        <div class="c7-form__field">
+                            <label class="c7-required">Email</label>
+                            <input name="email" type="email" tabindex="-1" disabled value="">
+                        </div>
+                        <button type="submit" tabindex="-1" disabled class="c7-btn c7-btn--primary">
+                            <span>Subscribe</span>
+                        </button>
+                    </div>
+                </form>
+            </div>
+            <?php
+        } else {
+            // Frontend - show actual shortcode
+            echo do_shortcode( '[c7wp type="subscribe" data="' . $data . '"]' );
+        }
+    }
+    /**
+     * Render widget output in the editor.
+     *
+     * Written as a Backbone JavaScript template and used to generate the live preview.
+     *
+     * @since 1.0.0
+     * @access protected
+     */
+    protected function content_template() {
+        ?>
+        <#
+        var showNameField = settings.data === 'true';
+        #>
+        <div class="c7-subscribe-placeholder" data-has-name-field="{{{ settings.data }}}">
+            <form class="c7-form">
+                <div class="c7-form__group">
+                    <# if (showNameField) { #>
+                        <div class="c7-form__field">
+                            <label class="c7-required">First & Last Name</label>
+                            <input name="fullName" type="text" tabindex="-1" disabled value="">
+                        </div>
+                    <# } #>
+                    <div class="c7-form__field">
+                        <label class="c7-required">Email</label>
+                        <input name="email" type="email" tabindex="-1" disabled value="">
+                    </div>
+                    <button type="submit" tabindex="-1" disabled class="c7-btn c7-btn--primary">
+                        <span>Subscribe</span>
+                    </button>
+                </div>
+            </form>
+        </div>
+        <?php
+    }
     public function render_plain_content( $instance = [] ) {}

wp-commerce7/trunk/includes/elementor/load.php

-                      r3313519
+                      r3441297
  * Author: Michael Bourne
  * -----
  * Last Modified: Thursday, June 5th 2025, 5:11:55 pm
+ * Last Modified: Tuesday, September 16th 2025, 8:35:52 pm
  * Modified By: Michael Bourne
  * -----
 …
 \Elementor\Plugin::instance()->widgets_manager->register_widget_type( new \C7WP_Elementor() );
 if ( in_array( $this->widgetsver, [ 'v2', 'v2-compat' ] ) ) {
     $elements = [
+if ( in_array( $this->widgetsver, array( 'v2', 'v2-compat' ), true ) ) {
+    $elements = array(
         'personalization',
         'buyslug',
 …
         'default',
         'collectionlist',
+    ];
+        'clubselector',
+    );
 } else {
     $elements = [
+    $elements = array(
         'personalization',
         'buy',
 …
         'loginform',
         'createaccount',
+    ];
+    );
+}

wp-commerce7/trunk/includes/gutenberg/blocks-v2/buyslug/c7wp-buyslug.css

-                      r3009702
+                      r3441297
     z-index: 1;
+}
+.wp-block-c7wp-buyslug > div {
+.wp-block-c7wp-buyslug>div {
     max-width: 100%;
+}
 .wp-block-c7wp-buyslug .c7-product__add-to-cart {
     pointer-events: none;
+}
 .wp-block-c7wp-buyslug .c7-message {
     pointer-events: none;
+}
+.c7wp-justify-center {
+    .c7-buy-product {
+        .c7-form {
+            max-width: unset;
+        }
+        .c7-product__add-to-cart__form {
+            justify-content: center;
+        }
+        .c7-product__add-to-cart__price {
+            text-align: center;
+        }
+    }
+}
+.c7wp-justify-right {
+    .c7-buy-product {
+        .c7-form {
+            max-width: unset;
+        }
+        .c7-product__add-to-cart__form {
+            justify-content: flex-end;
+        }
+        .c7-product__add-to-cart__price {
+            text-align: right;
+        }
+    }
+}
+.c7wp-justify-left {
+    .c7-buy-product {
+        margin-left: 0;
+        .c7-product__add-to-cart__form {
+            justify-content: flex-start;
+        }
+    }
+}

wp-commerce7/trunk/includes/gutenberg/blocks-v2/buyslug/c7wp-buyslug.js

-                      r3167363
+                      r3441297
     const { registerBlockType } = blocks;
     const { InspectorControls } = blockEditor;
     const { TextControl, PanelBody } = components;
+    const { TextControl, PanelBody, SelectControl } = components;
     const { createElement } = element;
     const { __ } = i18n;
 …
                 selector: '.c7-buy-product',
                 attribute: 'data-product-slug',
+            },
+            justifyContent: {
+                type: 'string',
+                default: 'center',
+            }
         },
 …
             function updateData(value) {
                 props.setAttributes({ data: value });
+            }
+            function updateJustifyContent(value) {
+                props.setAttributes({ justifyContent: value });
+            }
+            function getAlignmentClass(justifyContent) {
+                const alignmentMap = {
+                    'flex-start': 'c7wp-justify-left',
+                    'center': 'c7wp-justify-center',
+                    'flex-end': 'c7wp-justify-right'
+                };
+                return alignmentMap[justifyContent] || 'c7wp-justify-center';
+            }
 …
                             value: props.attributes.data,
                             onChange: updateData,
+                        }),
+                        createElement(SelectControl, {
+                            label: 'Form Alignment',
+                            value: props.attributes.justifyContent || 'center',
+                            options: [
+                                { label: 'Left', value: 'flex-start' },
+                                { label: 'Center', value: 'center' },
+                                { label: 'Right', value: 'flex-end' }
+                            ],
+                            onChange: updateJustifyContent,
                         })
                     ),
                 ),
                 createElement('div', { className: props.className },
+                createElement('div', { className: [props.className, getAlignmentClass(props.attributes.justifyContent)].filter(Boolean).join(' ') },
                     createElement('div', {
                         className: 'c7-buy-product',
 …
             ];
         },
+        deprecated: [
+            {
+                attributes: {
+                    data: {
+                        type: 'string',
+                        source: 'attribute',
+                        selector: '.c7-buy-product',
+                        attribute: 'data-product-slug',
+                    }
+                },
+                save: function (props) {
+                    return (
+                        createElement('div', {
+                            className: props.className
+                        },
+                            createElement('div', {
+                                className: 'c7-buy-product',
+                                'data-product-slug': props.attributes.data,
+                            }
+                            )
+                        )
+                    );
+                }
+            }
+        ],
         save: function (props) {
+            function getAlignmentClass(justifyContent) {
+                const alignmentMap = {
+                    'flex-start': 'c7wp-justify-left',
+                    'center': 'c7wp-justify-center',
+                    'flex-end': 'c7wp-justify-right'
+                };
+                return alignmentMap[justifyContent] || 'c7wp-justify-center';
+            }
             return (
                 createElement('div', {
                     className: props.className
+                    className: [props.className, getAlignmentClass(props.attributes.justifyContent)].filter(Boolean).join(' ')
                 },
                     createElement('div', {

wp-commerce7/trunk/includes/gutenberg/blocks-v2/clubselector/c7wp-clubselector.css

r3292177	r3441297
42	42	cursor: default;
43	43	opacity: 0.8;
44		}
	44	}
	45

wp-commerce7/trunk/includes/gutenberg/blocks-v2/clubselector/c7wp-clubselector.js

-                      r3313519
+                      r3441297
             // Force update button text and URL whenever clubs change
             useEffect(() => {
+                const buttonBlock = wp.data.select('core/block-editor').getBlock(clientId).innerBlocks[0];
+                const block = wp.data.select('core/block-editor').getBlock(clientId);
+                if (!block || !block.innerBlocks) return;
+                const buttonBlock = block.innerBlocks[0];
                 if (buttonBlock && clubs.length > 0) {
                     const firstClub = clubs[0];
 …
             useEffect(() => {
                 const block = wp.data.select('core/block-editor').getBlock(clientId);
+                if (!block) return;
+                if (!block || !block.innerBlocks) return;
                 // Filter to only core/button blocks
                 const buttonBlocks = block.innerBlocks.filter(b => b.name === 'core/button');
 …
                     );
+                }
+                const buttonBlock = wp.data.select('core/block-editor').getBlock(clientId).innerBlocks[0];
+                const updatedBlock = wp.data.select('core/block-editor').getBlock(clientId);
+                if (!updatedBlock || !updatedBlock.innerBlocks) return;
+                const buttonBlock = updatedBlock.innerBlocks[0];
                 if (buttonBlock) {
                     const unsubscribe = wp.data.subscribe(() => {

wp-commerce7/trunk/includes/gutenberg/blocks-v2/clubselector/frontend.js

-                      r3292177
+                      r3441297
     // Iterate through each club selector element
     clubSelectors.forEach((selector) => {
         // Get the button element
         const button = selector.querySelector('.wp-block-button__link');
+        // Get the button element - check for both Gutenberg and Elementor buttons
+        const button = selector.querySelector('.wp-block-button__link') || selector.querySelector('.elementor-button-link');
         // Handle radio button selection

wp-commerce7/trunk/includes/gutenberg/blocks-v2/collection/c7wp-collection.css

-                      r3009702
+                      r3441297
     overflow: hidden;
     z-index: 1;
+    border: 1px solid currentColor;
+    padding: 1rem;
+}
 .wp-block-c7wp-collection > div {
 …
     max-height: 100%;
     position: absolute;
     top: 0;
     right: 0;
+    top: 1rem;
+    right: 1rem;
     background-image: url('../../../../assets/c7bg.svg');
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center right;
     opacity: 0.05;
+    opacity: 0.08;
     pointer-events: none;
     z-index: -1;

wp-commerce7/trunk/includes/gutenberg/blocks-v2/collection/c7wp-collection.js

-                      r3167363
+                      r3441297
     const { registerBlockType } = blocks;
     const { InspectorControls } = blockEditor;
+    const { InspectorControls, useBlockProps } = blockEditor; // ADD useBlockProps here
     const { TextControl, PanelBody } = components;
     const { createElement } = element;
 …
     );
     registerBlockType( 'c7wp/collection', {
         title: __( 'Collection Grid' ), // The title of block in editor.
         description: __( 'Displays a single Commerce7 Collection.' ),
         icon: iconEl,
         category: 'commerce7', // The category of block in editor.
+    registerBlockType( 'c7wp/collection', {
+        title: __( 'Collection Grid', 'wp-commerce7' ),
+        description: __( 'Displays a single Commerce7 Collection.', 'wp-commerce7' ),
+        icon: iconEl,
+        category: 'commerce7',
         keywords: [ 'commerce7', 'collection', 'shop', 'products' ],
         example: {},
         attributes: {
+        attributes: {
             data: {
                 type: 'string',
 …
+            }
         },
+        edit: function( props ) {
+        edit: function( props ) {
+            const blockProps = useBlockProps();
             function updateData(value) {
 …
                             marginBottom: '5px',
+                        }
+                    },
+                        createElement('small',
+                            null,
+                            'The preview shown in your editor is for example purposes only, it does not reflect the collection slug you provide nor is it interactive.'
+                        )
+                    ),
+                    }),
                     createElement(PanelBody, { title: 'Settings' },
                         createElement(TextControl, {
 …
                     ),
                 ),
+                slugProvided && createElement( 'div', {
+                    className: 'components-placeholder ' + props.className
+                    },
+                slugProvided && createElement( 'div', blockProps,
                     createElement( 'div', {
                         className: 'c7-product-collection',
                         'data-collection-slug': props.attributes.data,
                         },
+                        // todo: insert demo html here
+                        createElement( 'div', { style: {
+                            textAlign: 'center',
+                         } },
+                        createElement( 'div', null,
                             createElement( 'h2', null, "Commerce7 Collection" ),
                             createElement( 'p', null, props.attributes.data )
+                            createElement( 'p', null, "Collection slug: " + props.attributes.data )
                         ),
+                    )
                 ),
+                !slugProvided && createElement('div', { className: 'c7-message c7-message--alert-error', role: 'presentation' },
+                !slugProvided && createElement('div', {
+                    ...blockProps,
+                    className: blockProps.className + ' c7-message c7-message--alert-error',
+                    role: 'presentation'
+                },
                     createElement('svg', {
                         'aria-hidden': 'true',
 …
+                )
             ];
+        },
+        save: function( props ) {
+        },
+        save: function( props ) {
+            const blockProps = useBlockProps.save();
             return (
+                createElement( 'div', {
+                    className: props.className
+                    },
+                createElement( 'div', blockProps,
                     createElement( 'div', {
                         className: 'c7-product-collection',
 …
+                )
             );
+        },
+    } );
+        },
+        // Deprecated version to handle old blocks without proper className
+        deprecated: [
+            {
+                attributes: {
+                    data: {
+                        type: 'string',
+                        source: 'attribute',
+                        selector: '.c7-product-collection',
+                        attribute: 'data-collection-slug',
+                    }
+                },
+                save: function( props ) {
+                    return (
+                        createElement( 'div', { className: props.className },
+                            createElement( 'div', {
+                                className: 'c7-product-collection',
+                                'data-collection-slug': props.attributes.data,
+                                }
+                            )
+                        )
+                    );
+                }
+            }
+        ]
+    } );
 })(window.wp.blocks, window.wp.blockEditor, window.wp.element, window.wp.i18n, window.wp.components);

wp-commerce7/trunk/includes/gutenberg/blocks-v2/collectionlist/c7wp-collectionlist.css

-                      r3313519
+                      r3441297
+}
+.wp-block-c7wp-collectionlist::before {
+    content: '';
+    width: 50px;
+    height: 50px;
+    max-width: 100%;
+    max-height: 100%;
+    position: absolute;
+    top: 1rem;
+    right: 1rem;
+    background-image: url('../../../../assets/c7bg.svg');
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center right;
+    opacity: 0.08;
+    pointer-events: none;
+}

wp-commerce7/trunk/includes/gutenberg/blocks-v2/collectionlist/c7wp-collectionlist.js

r3313519	r3441297
28	28	'strong',
29	29	null,
30		'This block will automatically populate with list of collections.'
	30	'This block will automatically populate with list of Web Available collections.'
31	31	),
32	32	)

wp-commerce7/trunk/includes/gutenberg/blocks-v2/default/c7wp-default.css

-                      r2592286
+                      r3441297
     overflow: hidden;
     z-index: 1;
+    border: 1px solid currentColor;
+    padding: 1rem;
+}
 .wp-block-c7wp-default > div {
     max-width: 100%;
+}
 .wp-block-c7wp-default strong {
+.wp-block-c7wp-default p {
     margin-bottom: 1rem;
     display: block;
+}
+.wp-block-c7wp-default label {
+    display: block;
+}
+.wp-block-c7wp-default input {
+    max-width: 100%;
+    margin-top: 0.5rem;
+    display: block;
+    max-width: 55ch;
+}
 .wp-block-c7wp-default::before {
 …
     max-height: 100%;
     position: absolute;
     top: 0;
     right: 0;
+    top: 1rem;
+    right: 1rem;
     background-image: url('../../../../assets/c7bg.svg');
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center right;
     opacity: 0.05;
+    opacity: 0.08;
     pointer-events: none;
     z-index: -1;

wp-commerce7/trunk/includes/gutenberg/blocks-v2/default/c7wp-default.js

-                      r3167363
+                      r3441297
 ( function( blocks, editor, element ) {
+( function( blocks, blockEditor, element ) {
     var el = element.createElement;
+    var useBlockProps = blockEditor.useBlockProps;
     const { __ } = wp.i18n;
     const iconEl = el('svg', { preserveAspectRatio: 'xMinYMin meet', viewBox: '0 0 28 28' },
     el('path', { fill: '#333', d: "M12.7.8c-2.6.3-5 1.3-7 2.9S2.2 7.5 1.5 10c-.8 2.4-.8 5.1-.2 7.5.7 2.5 2.1 4.7 4 6.4.1.1.2.1.3.2h.3c.1 0 .2 0 .3-.1.1-.1.2-.1.2-.2.1-.1.1-.2.1-.3v-.3c0-.1 0-.2-.1-.3-.1-.1-.1-.2-.2-.2-1.5-1.3-2.6-2.9-3.2-4.8s-.7-3.9-.4-5.8c.3-1.9 1.1-3.7 2.3-5.3s2.8-2.7 4.6-3.5c1.8-.8 3.8-1.1 5.7-.9 1.9.2 3.8.9 5.4 2 1.6 1.1 2.9 2.6 3.8 4.4.9 1.8 1.3 3.7 1.2 5.6-.1 2.3-.9 4.5-2.3 6.3-1.3 1.8-3.2 3.3-5.3 4.1-2.1.8-4.3 1-6.5.5l8-15.1c.1-.2.2-.5.2-.8 0-.1 0-.2-.1-.3 0-.1-.1-.2-.2-.3-.1-.1-.2-.1-.3-.2-.1 0-.2-.1-.4 0h-10c-.2 0-.5.1-.7.2 0 .2 0 .3-.1.4 0 .1-.1.2 0 .3 0 .1 0 .2.1.3 0 .2 0 .3.1.4.2.2.4.2.7.2h8.5L9.6 24.7c-.7 1.1-.3 1.7 1.1 2.1 1.9.5 3.8.5 5.7.2 1.9-.4 3.7-1.1 5.3-2.3 1.6-1.1 2.9-2.6 3.8-4.3s1.5-3.6 1.6-5.5c.1-1.9-.1-3.9-.8-5.7-.7-1.8-1.8-3.4-3.1-4.8s-3-2.4-4.9-3C16.5.9 14.6.6 12.7.8z" } )
+        el('path', { fill: '#333', d: "M12.7.8c-2.6.3-5 1.3-7 2.9S2.2 7.5 1.5 10c-.8 2.4-.8 5.1-.2 7.5.7 2.5 2.1 4.7 4 6.4.1.1.2.1.3.2h.3c.1 0 .2 0 .3-.1.1-.1.2-.1.2-.2.1-.1.1-.2.1-.3v-.3c0-.1 0-.2-.1-.3-.1-.1-.1-.2-.2-.2-1.5-1.3-2.6-2.9-3.2-4.8s-.7-3.9-.4-5.8c.3-1.9 1.1-3.7 2.3-5.3s2.8-2.7 4.6-3.5c1.8-.8 3.8-1.1 5.7-.9 1.9.2 3.8.9 5.4 2 1.6 1.1 2.9 2.6 3.8 4.4.9 1.8 1.3 3.7 1.2 5.6-.1 2.3-.9 4.5-2.3 6.3-1.3 1.8-3.2 3.3-5.3 4.1-2.1.8-4.3 1-6.5.5l8-15.1c.1-.2.2-.5.2-.8 0-.1 0-.2-.1-.3 0-.1-.1-.2-.2-.3-.1-.1-.2-.1-.3-.2-.1 0-.2-.1-.4 0h-10c-.2 0-.5.1-.7.2 0 .2 0 .3-.1.4 0 .1-.1.2 0 .3 0 .1 0 .2.1.3 0 .2 0 .3.1.4.2.2.4.2.7.2h8.5L9.6 24.7c-.7 1.1-.3 1.7 1.1 2.1 1.9.5 3.8.5 5.7.2 1.9-.4 3.7-1.1 5.3-2.3 1.6-1.1 2.9-2.6 3.8-4.3s1.5-3.6 1.6-5.5c.1-1.9-.1-3.9-.8-5.7-.7-1.8-1.8-3.4-3.1-4.8s-3-2.4-4.9-3C16.5.9 14.6.6 12.7.8z" } )
     );
     blocks.registerBlockType( 'c7wp/default', {
         title: __( 'Default Content' ), // The title of block in editor.
         description: __( 'Placeholder for dynamic Commerce7 content on base routes. Required on product, club, collection, reservation, cart, and checkout pages.' ),
         icon: iconEl,
         category: 'commerce7', // The category of block in editor.
+    blocks.registerBlockType( 'c7wp/default', {
+        title: __( 'Default Content', 'wp-commerce7' ),
+        description: __( 'Placeholder for dynamic Commerce7 content on base routes. Required on product, club, collection, reservation, cart, and checkout pages.', 'wp-commerce7' ),
+        icon: iconEl,
+        category: 'commerce7',
         keywords: [ 'commerce7', 'default' ],
         example: {},
+        attributes: {},
+        edit: function( props ) {
+        attributes: {},
+        supports: {
+            html: false,
+            customClassName: false,
+        },
+        edit: function( props ) {
+            var blockProps = useBlockProps();
+            return (
+                el( 'div', {
+                    className: 'components-placeholder ' + props.className
+                    },
+                    el( 'div', {
+                        id: 'c7-content'
+                        },
+                        el(
+                            'strong',
+                            null,
+                            'Default Content. This block will automatically populate with content on a default route.'
+                        ),
+            return el( 'div', blockProps,
+                el( 'div', {
+                    id: 'c7-content'
+                },
+                    el( 'h2', null,
+                        __( 'Default dynamic content for Commerce7.', 'wp-commerce7' )
+                    ),
+                    el( 'p', null,
+                        __( 'This block will automatically populate with content on a default route such as product, club, collection, reservation, cart, or checkout.', 'wp-commerce7' )
+                    )
+                )
             );
+        },
+        save: function( props ) {
+            return (
+        },
+        save: function( props ) {
+            var blockProps = useBlockProps.save();
+            return el( 'div', blockProps,
                 el( 'div', {
+                    className: props.className
+                    id: 'c7-content'
+                })
+            );
+        },
+        // Deprecated version to handle old blocks without proper className
+        deprecated: [
+            {
+                attributes: {},
+                save: function( props ) {
+                    // Old save function that didn't use useBlockProps
+                    return el( 'div', {
+                        className: props.className
                     },
                     el( 'div', {
                         id: 'c7-content'
+                        }
+                    )
+                )
             );
+        },
     } );
 } )( window.wp.blocks, window.wp.editor, window.wp.element );
+                        el( 'div', {
+                            id: 'c7-content'
+                        })
+                    );
+                }
+            }
+        ]
+    } );
+} )( window.wp.blocks, window.wp.blockEditor, window.wp.element );

wp-commerce7/trunk/includes/gutenberg/blocks-v2/form/c7wp-form.css

-                      r3009702
+                      r3441297
     pointer-events: none;
+}
+.c7wp-justify-center {
+    .c7-custom-form {
+        .c7-form {
+            margin-left: auto;
+      margin-right: auto;
+        }
+        .c7-custom-form {
+            justify-content: center;
+        }
+    }
+}
+.c7wp-justify-right {
+    .c7-custom-form {
+        .c7-form {
+            margin-right: 0;
+      margin-left: auto;
+        }
+        .c7-custom-form {
+            justify-content: flex-end;
+        }
+    }
+}
+.c7wp-justify-left {
+    .c7-custom-form {
+    margin-left: 0;
+        .c7-form {
+      margin-right: auto;
+      margin-left: 0;
+        }
+    }
+}

wp-commerce7/trunk/includes/gutenberg/blocks-v2/form/c7wp-form.js

-                      r3343231
+                      r3441297
     const { registerBlockType } = blocks;
     const { InspectorControls } = blockEditor;
     const { TextControl, PanelBody } = components;
+    const { TextControl, PanelBody, SelectControl } = components;
     const { createElement } = element;
     const { __ } = i18n;
     const iconEl = createElement('svg', { preserveAspectRatio: 'xMinYMin meet', viewBox: '0 0 28 28' },
     createElement('path', { fill: '#333', d: "M12.7.8c-2.6.3-5 1.3-7 2.9S2.2 7.5 1.5 10c-.8 2.4-.8 5.1-.2 7.5.7 2.5 2.1 4.7 4 6.4.1.1.2.1.3.2h.3c.1 0 .2 0 .3-.1.1-.1.2-.1.2-.2.1-.1.1-.2.1-.3v-.3c0-.1 0-.2-.1-.3-.1-.1-.1-.2-.2-.2-1.5-1.3-2.6-2.9-3.2-4.8s-.7-3.9-.4-5.8c.3-1.9 1.1-3.7 2.3-5.3s2.8-2.7 4.6-3.5c1.8-.8 3.8-1.1 5.7-.9 1.9.2 3.8.9 5.4 2 1.6 1.1 2.9 2.6 3.8 4.4.9 1.8 1.3 3.7 1.2 5.6-.1 2.3-.9 4.5-2.3 6.3-1.3 1.8-3.2 3.3-5.3 4.1-2.1.8-4.3 1-6.5.5l8-15.1c.1-.2.2-.5.2-.8 0-.1 0-.2-.1-.3 0-.1-.1-.2-.2-.3-.1-.1-.2-.1-.3-.2-.1 0-.2-.1-.4 0h-10c-.2 0-.5.1-.7.2 0 .2 0 .3-.1.4 0 .1-.1.2 0 .3 0 .1 0 .2.1.3 0 .2 0 .3.1.4.2.2.4.2.7.2h8.5L9.6 24.7c-.7 1.1-.3 1.7 1.1 2.1 1.9.5 3.8.5 5.7.2 1.9-.4 3.7-1.1 5.3-2.3 1.6-1.1 2.9-2.6 3.8-4.3s1.5-3.6 1.6-5.5c.1-1.9-.1-3.9-.8-5.7-.7-1.8-1.8-3.4-3.1-4.8s-3-2.4-4.9-3C16.5.9 14.6.6 12.7.8z" } )
+        createElement('path', { fill: '#333', d: "M12.7.8c-2.6.3-5 1.3-7 2.9S2.2 7.5 1.5 10c-.8 2.4-.8 5.1-.2 7.5.7 2.5 2.1 4.7 4 6.4.1.1.2.1.3.2h.3c.1 0 .2 0 .3-.1.1-.1.2-.1.2-.2.1-.1.1-.2.1-.3v-.3c0-.1 0-.2-.1-.3-.1-.1-.1-.2-.2-.2-1.5-1.3-2.6-2.9-3.2-4.8s-.7-3.9-.4-5.8c.3-1.9 1.1-3.7 2.3-5.3s2.8-2.7 4.6-3.5c1.8-.8 3.8-1.1 5.7-.9 1.9.2 3.8.9 5.4 2 1.6 1.1 2.9 2.6 3.8 4.4.9 1.8 1.3 3.7 1.2 5.6-.1 2.3-.9 4.5-2.3 6.3-1.3 1.8-3.2 3.3-5.3 4.1-2.1.8-4.3 1-6.5.5l8-15.1c.1-.2.2-.5.2-.8 0-.1 0-.2-.1-.3 0-.1-.1-.2-.2-.3-.1-.1-.2-.1-.3-.2-.1 0-.2-.1-.4 0h-10c-.2 0-.5.1-.7.2 0 .2 0 .3-.1.4 0 .1-.1.2 0 .3 0 .1 0 .2.1.3 0 .2 0 .3.1.4.2.2.4.2.7.2h8.5L9.6 24.7c-.7 1.1-.3 1.7 1.1 2.1 1.9.5 3.8.5 5.7.2 1.9-.4 3.7-1.1 5.3-2.3 1.6-1.1 2.9-2.6 3.8-4.3s1.5-3.6 1.6-5.5c.1-1.9-.1-3.9-.8-5.7-.7-1.8-1.8-3.4-3.1-4.8s-3-2.4-4.9-3C16.5.9 14.6.6 12.7.8z" })
     );
     registerBlockType( 'c7wp/form', {
         title: __( 'Custom Form' ), // The title of block in editor.
         description: __( 'Displays a Commerce7 custom form. These can be built in the Website tab of the Commerce7 CRM.' ),
         icon: iconEl,
+    registerBlockType('c7wp/form', {
+        title: __('Custom Form'), // The title of block in editor.
+        description: __('Displays a Commerce7 custom form. These can be built in the Website tab of the Commerce7 CRM.'),
+        icon: iconEl,
         category: 'commerce7', // The category of block in editor.
         keywords: [ 'commerce7', 'form', 'custom', 'custom form','contact' ],
+        keywords: ['commerce7', 'form', 'custom', 'custom form', 'contact'],
         example: {},
         attributes: {
+        attributes: {
             data: {
                 type: 'string',
 …
                 selector: '.c7-custom-form',
                 attribute: 'data-form-code',
+            },
+            justifyContent: {
+                type: 'string',
+                default: 'center',
+            }
         },
         edit: function( props ) {
+        edit: function (props) {
             function updateData(value) {
                 props.setAttributes({ data: value });
+            }
+            function updateJustifyContent(value) {
+                props.setAttributes({ justifyContent: value });
+            }
+            function getAlignmentClass(justifyContent) {
+                const alignmentMap = {
+                    'flex-start': 'c7wp-justify-left',
+                    'center': 'c7wp-justify-center',
+                    'flex-end': 'c7wp-justify-right'
+                };
+                return alignmentMap[justifyContent] || 'c7wp-justify-center';
+            }
 …
                             value: props.attributes.data,
                             onChange: updateData,
+                        }),
+                        createElement(SelectControl, {
+                            label: 'Form Alignment',
+                            value: props.attributes.justifyContent || 'center',
+                            options: [
+                                { label: 'Left', value: 'flex-start' },
+                                { label: 'Center', value: 'center' },
+                                { label: 'Right', value: 'flex-end' }
+                            ],
+                            onChange: updateJustifyContent,
                         })
                     ),
                 ),
                 createElement( 'div', {
                     className: props.className
                     },
                     createElement( 'div', {
+                createElement('div', {
+                    className: [props.className, getAlignmentClass(props.attributes.justifyContent)].filter(Boolean).join(' ')
+                },
+                    createElement('div', {
                         className: 'c7-custom-form',
                         'data-form-code': props.attributes.data,
                         },
                         slugProvided && createElement( 'form', {
+                    },
+                        slugProvided && createElement('form', {
                             className: 'c7-form'
                         },
                             createElement( 'fieldset', null,
                                 createElement( 'legend', { className: 'c7-sr-only' }, 'Contact Us' ),
                                 createElement( 'div', { className: 'c7-form__field' },
                                     createElement( 'label', { className: 'c7-required' }, 'First & Last Name' ),
                                     createElement( 'input', {
+                            createElement('fieldset', null,
+                                createElement('legend', { className: 'c7-sr-only' }, 'Contact Us'),
+                                createElement('div', { className: 'c7-form__field' },
+                                    createElement('label', { className: 'c7-required' }, 'First & Last Name'),
+                                    createElement('input', {
                                         name: 'fullName',
                                         type: 'text',
 …
                                     })
                                 ),
                                 createElement( 'div', { className: 'c7-form__field' },
                                     createElement( 'label', { className: 'c7-required' }, 'Country' ),
                                     createElement( 'select', {
+                                createElement('div', { className: 'c7-form__field' },
+                                    createElement('label', { className: 'c7-required' }, 'Country'),
+                                    createElement('select', {
                                         name: 'countryCode',
                                         disabled: true,
                                         tabIndex: "-1"
                                     },
                                         createElement( 'option', { value: 'CA' }, 'Canada' ),
                                         createElement( 'option', { value: 'US' }, 'United States' )
+                                        createElement('option', { value: 'CA' }, 'Canada'),
+                                        createElement('option', { value: 'US' }, 'United States')
+                                    )
                                 ),
                                 createElement( 'div', { className: 'c7-form__field' },
                                     createElement( 'label', { className: '' }, 'Phone' ),
                                     createElement( 'input', {
+                                createElement('div', { className: 'c7-form__field' },
+                                    createElement('label', { className: '' }, 'Phone'),
+                                    createElement('input', {
                                         name: 'phone',
                                         type: 'tel',
 …
                                     })
                                 ),
                                 createElement( 'div', { className: 'c7-form__field' },
                                     createElement( 'label', { className: 'c7-required' }, 'Email' ),
                                     createElement( 'input', {
+                                createElement('div', { className: 'c7-form__field' },
+                                    createElement('label', { className: 'c7-required' }, 'Email'),
+                                    createElement('input', {
                                         name: 'email',
                                         type: 'email',
 …
                                     })
                                 ),
                                 createElement( 'div', { className: 'c7-form__field' },
                                     createElement( 'label', { className: 'c7-required' }, 'Questions/Comments' ),
                                     createElement( 'textarea', {
+                                createElement('div', { className: 'c7-form__field' },
+                                    createElement('label', { className: 'c7-required' }, 'Questions/Comments'),
+                                    createElement('textarea', {
                                         name: 'questions-comments',
                                         rows: '3',
 …
+                                )
                             ),
                             createElement( 'div', { className: 'c7-form__buttons' },
                                 createElement( 'button', {
                                     type: 'submit',
                                     className: 'c7-btn c7-btn--primary' ,
+                            createElement('div', { className: 'c7-form__buttons' },
+                                createElement('button', {
+                                    type: 'submit',
+                                    className: 'c7-btn c7-btn--primary',
                                     disabled: true,
                                     tabIndex: "-1"
                                 }, createElement( 'span', null, 'Submit' ))
+                                }, createElement('span', null, 'Submit'))
+                            )
                         ),
 …
                                 createElement('line', { x1: '12', y1: '16', x2: '12.01', y2: '16' })
                             ),
                                 'Please enter a form slug in the block settings (generally in your right sidebar)'
+                            'Please enter a form slug in the block settings (generally in your right sidebar)'
+                        )
+                    )
+                )
             ];
+        },
+        save: function( props ) {
+        },
+        deprecated: [
+            {
+                attributes: {
+                    data: {
+                        type: 'string',
+                        source: 'attribute',
+                        selector: '.c7-custom-form',
+                        attribute: 'data-form-code',
+                    }
+                },
+                save: function (props) {
+                    return (
+                        createElement('div', {
+                            className: props.className
+                        },
+                            createElement('div', {
+                                className: 'c7-custom-form',
+                                'data-form-code': props.attributes.data,
+                            })
+                        )
+                    );
+                }
+            }
+        ],
+        save: function (props) {
+            function getAlignmentClass(justifyContent) {
+                const alignmentMap = {
+                    'flex-start': 'c7wp-justify-left',
+                    'center': 'c7wp-justify-center',
+                    'flex-end': 'c7wp-justify-right'
+                };
+                return alignmentMap[justifyContent] || 'c7wp-justify-center';
+            }
             return (
                 createElement( 'div', {
                     className: props.className
                     },
                     createElement( 'div', {
+                createElement('div', {
+                    className: [props.className, getAlignmentClass(props.attributes.justifyContent)].filter(Boolean).join(' ')
+                },
+                    createElement('div', {
                         className: 'c7-custom-form',
                         'data-form-code': props.attributes.data,
+                        }
+                    }
+                    )
+                )
             );
         },
     } );
+        },
+    });
 })(window.wp.blocks, window.wp.blockEditor, window.wp.element, window.wp.i18n, window.wp.components);

wp-commerce7/trunk/includes/gutenberg/blocks-v2/joinnow/c7wp-joinnow.css

r3009702	r3441297
12	12	pointer-events: none;
13	13	}
	14

wp-commerce7/trunk/includes/gutenberg/blocks-v2/loginform/c7wp-loginform.css

r3009702	r3441297
9	9	pointer-events: none;
10	10	}
	11

wp-commerce7/trunk/includes/gutenberg/blocks-v2/personalization/c7wp-personalization.css

-                      r3009702
+                      r3441297
     overflow: hidden;
     z-index: 1;
+    border: 1px solid currentColor;
+    padding: 1rem;
+}
 .wp-block-c7wp-personalization > div {
 …
     max-height: 100%;
     position: absolute;
     top: 0;
     right: 0;
+    top: 1rem;
+    right: 1rem;
     background-image: url('../../../../assets/c7bg.svg');
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center right;
     opacity: 0.05;
+    opacity: 0.08;
     pointer-events: none;
     z-index: -1;

wp-commerce7/trunk/includes/gutenberg/blocks-v2/personalization/c7wp-personalization.js

-                      r3343231
+                      r3441297
     const { registerBlockType } = blocks;
     const { InspectorControls } = blockEditor;
+    const { InspectorControls, useBlockProps } = blockEditor; // ADD useBlockProps here
     const { TextControl, PanelBody } = components;
     const { createElement } = element;
 …
     );
     registerBlockType( 'c7wp/personalization', {
         title: __( 'Personalization Block' ), // The title of block in editor.
         description: __( 'Displays a Commerce7 personalization block. These are created in the Developer section inside Commerce7 and can be edited in the Website tab.' ),
         icon: iconEl,
         category: 'commerce7', // The category of block in editor.
+    registerBlockType( 'c7wp/personalization', {
+        title: __( 'Personalization Block', 'wp-commerce7' ),
+        description: __( 'Displays a Commerce7 personalization block. These are created in the Developer section inside Commerce7 and can be edited in the Website tab.', 'wp-commerce7' ),
+        icon: iconEl,
+        category: 'commerce7',
         keywords: [ 'commerce7', 'personalization', 'personal' ],
         example: {},
         attributes: {
+        attributes: {
             data: {
                 type: 'string',
 …
+            }
         },
+        edit: function( props ) {
+        supports: {
+            html: false,
+            customClassName: false,
+        },
+        edit: function( props ) {
+            const blockProps = useBlockProps(); // Move inside edit function
             function updateData(value) {
 …
                         createElement('small',
                             null,
                             'The preview shown in your editor is for example purposes only, it does not reflect the personalization block code you provide nor is it interactive.'
+                            'The preview shown in your editor is for example purposes only.'
+                        )
                     ),
 …
                     ),
                 ),
+                slugProvided && createElement( 'div', {
+                    className: 'components-placeholder ' + props.className
+                    },
+                slugProvided && createElement( 'div', blockProps, // Use blockProps
                     createElement( 'div', {
                         className: 'c7-personalization',
                         'data-block-code': props.attributes.data,
                         },
+                        // todo: insert sample html here
+                        createElement( 'div', { style: {
+                            textAlign: 'center',
+                         } },
+                        createElement( 'div', null, // Add style wrapper
                             createElement( 'h2', null, "Commerce7 Personalization" ),
                             createElement( 'p', null, props.attributes.data )
+                            createElement( 'p', null, "Personalization block code: " + props.attributes.data )
                         ),
+                    )
                 ),
+                !slugProvided && createElement('div', { className: 'c7-message c7-message--alert-error', role: 'presentation' },
+                !slugProvided && createElement('div', {
+                    ...blockProps, // Spread blockProps
+                    className: blockProps.className + ' c7-message c7-message--alert-error',
+                    role: 'presentation'
+                },
                     createElement('svg', {
                         'aria-hidden': 'true',
 …
+                )
             ];
+        },
+        save: function( props ) {
+        },
+        save: function( props ) {
+            const blockProps = useBlockProps.save(); // Move inside save function
             return (
+                createElement( 'div', {
+                    className: props.className
+                    },
+                createElement( 'div', blockProps, // Use blockProps
                     createElement( 'div', {
                         className: 'c7-personalization',
 …
+                )
             );
+        },
+    } );
+        },
+        // Deprecated version to handle old blocks without proper className
+        deprecated: [
+            {
+                attributes: {
+                    data: {
+                        type: 'string',
+                        source: 'attribute',
+                        selector: '.c7-personalization',
+                        attribute: 'data-block-code',
+                    }
+                },
+                save: function( props ) {
+                    return (
+                        createElement( 'div', {
+                            className: props.className
+                            },
+                            createElement( 'div', {
+                                className: 'c7-personalization',
+                                'data-block-code': props.attributes.data,
+                                }
+                            )
+                        )
+                    );
+                }
+            }
+        ]
+    } );
 })(window.wp.blocks, window.wp.blockEditor, window.wp.element, window.wp.i18n, window.wp.components);

wp-commerce7/trunk/includes/gutenberg/blocks-v2/reservation/c7wp-reservation.css

-                      r3009702
+                      r3441297
     pointer-events: none;
+}
+.c7wp-justify-center {
+    .c7-reservation__search {
+        .c7-form__group {
+            justify-content: center;
+        }
+    }
+}
+.c7wp-justify-right {
+    .c7-reservation__search {
+        margin-right: 0;
+        .c7-form__group {
+            justify-content: flex-end;
+        }
+    }
+}
+.c7wp-justify-left {
+    .c7-reservation__search {
+        margin-left: 0;
+        .c7-form__group {
+            justify-content: flex-start;
+        }
+    }
+}

wp-commerce7/trunk/includes/gutenberg/blocks-v2/reservation/c7wp-reservation.js

-                      r3167363
+                      r3441297
     const { registerBlockType } = blocks;
     const { InspectorControls } = blockEditor;
     const { TextControl, PanelBody } = components;
+    const { TextControl, PanelBody, SelectControl } = components;
     const { createElement } = element;
     const { __ } = i18n;
 …
                 selector: '.c7-reservation-availability',
                 attribute: 'data-reservation-type-slug',
+            },
+            justifyContent: {
+                type: 'string',
+                default: 'center',
+            }
         },
 …
             function updateData(value) {
                 props.setAttributes({ data: value });
+            }
+            function updateJustifyContent(value) {
+                props.setAttributes({ justifyContent: value });
+            }
+            function getAlignmentClass(justifyContent) {
+                const alignmentMap = {
+                    'flex-start': 'c7wp-justify-left',
+                    'center': 'c7wp-justify-center',
+                    'flex-end': 'c7wp-justify-right'
+                };
+                return alignmentMap[justifyContent] || 'c7wp-justify-center';
+            }
 …
                             value: props.attributes.data,
                             onChange: updateData,
+                        }),
+                        createElement(SelectControl, {
+                            label: 'Form Alignment',
+                            value: props.attributes.justifyContent || 'center',
+                            options: [
+                                { label: 'Left', value: 'flex-start' },
+                                { label: 'Center', value: 'center' },
+                                { label: 'Right', value: 'flex-end' }
+                            ],
+                            onChange: updateJustifyContent,
                         })
                     ),
                 ),
+                createElement('div', { className: props.className },
+                createElement('div', {
+                    className: [props.className, getAlignmentClass(props.attributes.justifyContent)].filter(Boolean).join(' ')
+                },
                     createElement('div', {
                         className: 'c7-reservation-availability',
 …
             ];
         },
+        deprecated: [
+            {
+                attributes: {
+                    data: {
+                        type: 'string',
+                        source: 'attribute',
+                        selector: '.c7-reservation-availability',
+                        attribute: 'data-reservation-type-slug',
+                    }
+                },
+                save: function (props) {
+                    return (
+                        createElement('div', {
+                            className: props.className
+                        },
+                            createElement('div', {
+                                className: 'c7-reservation-availability',
+                                'data-reservation-type-slug': props.attributes.data,
+                            }
+                            )
+                        )
+                    );
+                }
+            }
+        ],
         save: function (props) {
+            function getAlignmentClass(justifyContent) {
+                const alignmentMap = {
+                    'flex-start': 'c7wp-justify-left',
+                    'center': 'c7wp-justify-center',
+                    'flex-end': 'c7wp-justify-right'
+                };
+                return alignmentMap[justifyContent] || 'c7wp-justify-center';
+            }
             return (
                 createElement('div', {
                     className: props.className
+                    className: [props.className, getAlignmentClass(props.attributes.justifyContent)].filter(Boolean).join(' ')
                 },
                     createElement('div', {

wp-commerce7/trunk/includes/gutenberg/blocks-v2/subscribe/c7wp-subscribe.css

-                      r3009702
+                      r3441297
     pointer-events: none;
+}
+.c7wp-justify-center {
+    .c7-subscribe {
+        .c7-form {
+            margin-left: auto;
+      margin-right: auto;
+        }
+    }
+}
+.c7wp-justify-right {
+    .c7-subscribe {
+        .c7-form {
+            margin-right: 0;
+      margin-left: auto;
+        }
+    }
+}
+.c7wp-justify-left {
+    .c7-subscribe {
+    margin-left: 0;
+        .c7-form {
+      margin-right: auto;
+      margin-left: 0;
+        }
+    }
+}

wp-commerce7/trunk/includes/gutenberg/blocks-v2/subscribe/c7wp-subscribe.js

-                      r3009702
+                      r3441297
     const { registerBlockType } = blocks;
     const { InspectorControls } = blockEditor;
     const { PanelBody, RadioControl } = components;
+    const { PanelBody, RadioControl, SelectControl } = components;
     const { createElement } = element;
     const { __ } = i18n;
     const iconEl = createElement('svg', { preserveAspectRatio: 'xMinYMin meet', viewBox: '0 0 28 28' },
     createElement('path', { fill: '#333', d: "M12.7.8c-2.6.3-5 1.3-7 2.9S2.2 7.5 1.5 10c-.8 2.4-.8 5.1-.2 7.5.7 2.5 2.1 4.7 4 6.4.1.1.2.1.3.2h.3c.1 0 .2 0 .3-.1.1-.1.2-.1.2-.2.1-.1.1-.2.1-.3v-.3c0-.1 0-.2-.1-.3-.1-.1-.1-.2-.2-.2-1.5-1.3-2.6-2.9-3.2-4.8s-.7-3.9-.4-5.8c.3-1.9 1.1-3.7 2.3-5.3s2.8-2.7 4.6-3.5c1.8-.8 3.8-1.1 5.7-.9 1.9.2 3.8.9 5.4 2 1.6 1.1 2.9 2.6 3.8 4.4.9 1.8 1.3 3.7 1.2 5.6-.1 2.3-.9 4.5-2.3 6.3-1.3 1.8-3.2 3.3-5.3 4.1-2.1.8-4.3 1-6.5.5l8-15.1c.1-.2.2-.5.2-.8 0-.1 0-.2-.1-.3 0-.1-.1-.2-.2-.3-.1-.1-.2-.1-.3-.2-.1 0-.2-.1-.4 0h-10c-.2 0-.5.1-.7.2 0 .2 0 .3-.1.4 0 .1-.1.2 0 .3 0 .1 0 .2.1.3 0 .2 0 .3.1.4.2.2.4.2.7.2h8.5L9.6 24.7c-.7 1.1-.3 1.7 1.1 2.1 1.9.5 3.8.5 5.7.2 1.9-.4 3.7-1.1 5.3-2.3 1.6-1.1 2.9-2.6 3.8-4.3s1.5-3.6 1.6-5.5c.1-1.9-.1-3.9-.8-5.7-.7-1.8-1.8-3.4-3.1-4.8s-3-2.4-4.9-3C16.5.9 14.6.6 12.7.8z" } )
+        createElement('path', { fill: '#333', d: "M12.7.8c-2.6.3-5 1.3-7 2.9S2.2 7.5 1.5 10c-.8 2.4-.8 5.1-.2 7.5.7 2.5 2.1 4.7 4 6.4.1.1.2.1.3.2h.3c.1 0 .2 0 .3-.1.1-.1.2-.1.2-.2.1-.1.1-.2.1-.3v-.3c0-.1 0-.2-.1-.3-.1-.1-.1-.2-.2-.2-1.5-1.3-2.6-2.9-3.2-4.8s-.7-3.9-.4-5.8c.3-1.9 1.1-3.7 2.3-5.3s2.8-2.7 4.6-3.5c1.8-.8 3.8-1.1 5.7-.9 1.9.2 3.8.9 5.4 2 1.6 1.1 2.9 2.6 3.8 4.4.9 1.8 1.3 3.7 1.2 5.6-.1 2.3-.9 4.5-2.3 6.3-1.3 1.8-3.2 3.3-5.3 4.1-2.1.8-4.3 1-6.5.5l8-15.1c.1-.2.2-.5.2-.8 0-.1 0-.2-.1-.3 0-.1-.1-.2-.2-.3-.1-.1-.2-.1-.3-.2-.1 0-.2-.1-.4 0h-10c-.2 0-.5.1-.7.2 0 .2 0 .3-.1.4 0 .1-.1.2 0 .3 0 .1 0 .2.1.3 0 .2 0 .3.1.4.2.2.4.2.7.2h8.5L9.6 24.7c-.7 1.1-.3 1.7 1.1 2.1 1.9.5 3.8.5 5.7.2 1.9-.4 3.7-1.1 5.3-2.3 1.6-1.1 2.9-2.6 3.8-4.3s1.5-3.6 1.6-5.5c.1-1.9-.1-3.9-.8-5.7-.7-1.8-1.8-3.4-3.1-4.8s-3-2.4-4.9-3C16.5.9 14.6.6 12.7.8z" })
     );
     registerBlockType( 'c7wp/subscribe', {
         title: __( 'Subscribe Form' ), // The title of block in editor.
         description: __( 'Displays a Commerce7 email subscription form with optional name field.' ),
         icon: iconEl,
+    registerBlockType('c7wp/subscribe', {
+        title: __('Subscribe Form'), // The title of block in editor.
+        description: __('Displays a Commerce7 email subscription form with optional name field.'),
+        icon: iconEl,
         category: 'commerce7', // The category of block in editor.
         keywords: [ 'commerce7', 'subscribe', 'personal', 'newsletter' ],
+        keywords: ['commerce7', 'subscribe', 'personal', 'newsletter'],
         example: {},
         attributes: {
+        attributes: {
             nameFields: {
                 type: 'string',
 …
                 attribute: 'data-has-name-field',
                 default: 'false'
+            },
+            justifyContent: {
+                type: 'string',
+                default: 'center',
+            }
         },
         edit: function( props ) {
+        edit: function (props) {
             const updateData = function( value ) {
                 return props.setAttributes( {
+            const updateData = function (value) {
+                return props.setAttributes({
                     nameFields: value,
+                } );
+                });
+            }
+            const updateJustifyContent = function (value) {
+                return props.setAttributes({
+                    justifyContent: value,
+                });
+            }
+            function getAlignmentClass(justifyContent) {
+                const alignmentMap = {
+                    'flex-start': 'c7wp-justify-left',
+                    'center': 'c7wp-justify-center',
+                    'flex-end': 'c7wp-justify-right'
+                };
+                return alignmentMap[justifyContent] || 'c7wp-justify-center';
+            }
 …
                             }],
                             onChange: updateData,
+                        }),
+                        createElement(SelectControl, {
+                            label: 'Form Alignment',
+                            value: props.attributes.justifyContent || 'center',
+                            options: [
+                                { label: 'Left', value: 'flex-start' },
+                                { label: 'Center', value: 'center' },
+                                { label: 'Right', value: 'flex-end' }
+                            ],
+                            onChange: updateJustifyContent,
                         })
                     ),
                 ),
+                createElement( 'div', {
+                    className: props.className
+                createElement('div', {
+                    className: [props.className, getAlignmentClass(props.attributes.justifyContent)].filter(Boolean).join(' ')
+                },
+                    createElement('div', {
+                        className: 'c7-subscribe',
                     },
                     createElement( 'div', {
                         className: 'c7-subscribe',
+                        createElement('form', {
+                            className: 'c7-form'
                         },
                         createElement( 'form', {
                             className: 'c7-form'
+                            createElement('div', {
+                                className: 'c7-form__group'
                             },
                             createElement( 'div', {
                                 className: 'c7-form__group'
+                                showNameField && createElement('div', {
+                                    className: 'c7-form__field'
                                 },
+                                showNameField && createElement( 'div', {
+                                    className: 'c7-form__field'
+                                    },
+                                    createElement( 'label', { className: 'c7-required' }, 'First & Last Name' ),
+                                    createElement( 'input', {
+                                    createElement('label', { className: 'c7-required' }, 'First & Last Name'),
+                                    createElement('input', {
                                         name: 'fullName',
                                         type: 'text',
                                         tabindex: '-1',
                                         disabled: true,
                                         value: ''
+                                        value: ''
                                     })
                                 ),
                                 createElement( 'div', {
+                                createElement('div', {
                                     className: 'c7-form__field'
                                     },
                                     createElement( 'label', { className: 'c7-required' }, 'Email' ),
                                     createElement( 'input', {
+                                },
+                                    createElement('label', { className: 'c7-required' }, 'Email'),
+                                    createElement('input', {
                                         name: 'email',
                                         type: 'email',
                                         tabindex: '-1',
                                         disabled: true,
                                         value: ''
+                                        value: ''
                                     })
                                 ),
                                 createElement( 'button', {
+                                createElement('button', {
                                     type: 'submit',
                                     tabindex: '-1',
                                     disabled: true,
                                     className: 'c7-btn c7-btn--primary'
                                     },
                                     createElement( 'span', null, 'Subscribe' )
+                                },
+                                    createElement('span', null, 'Subscribe')
+                                )
+                            )
 …
+                )
             ];
+        },
+        save: function( props ) {
+        },
+        deprecated: [
+            {
+                attributes: {
+                    nameFields: {
+                        type: 'string',
+                        source: 'attribute',
+                        selector: '.c7-subscribe',
+                        attribute: 'data-has-name-field',
+                        default: 'false'
+                    }
+                },
+                save: function (props) {
+                    return (
+                        createElement('div', {
+                            className: props.className
+                        },
+                            createElement('div', {
+                                className: 'c7-subscribe',
+                                'data-has-name-field': props.attributes.nameFields,
+                            })
+                        )
+                    );
+                }
+            }
+        ],
+        save: function (props) {
+            function getAlignmentClass(justifyContent) {
+                const alignmentMap = {
+                    'flex-start': 'c7wp-justify-left',
+                    'center': 'c7wp-justify-center',
+                    'flex-end': 'c7wp-justify-right'
+                };
+                return alignmentMap[justifyContent] || 'c7wp-justify-center';
+            }
             return (
                 createElement( 'div', {
                     className: props.className
                     },
                     createElement( 'div', {
+                createElement('div', {
+                    className: [props.className, getAlignmentClass(props.attributes.justifyContent)].filter(Boolean).join(' ')
+                },
+                    createElement('div', {
                         className: 'c7-subscribe',
                         'data-has-name-field': props.attributes.nameFields,
+                        }
+                    }
+                    )
+                )
             );
         },
     } );
+        },
+    });
 })(window.wp.blocks, window.wp.blockEditor, window.wp.element, window.wp.i18n, window.wp.components);

wp-commerce7/trunk/includes/gutenberg/load.php

-                      r3343231
+                      r3441297
  * Author: Michael Bourne
  * -----
  * Last Modified: Thursday, August 7th 2025, 9:42:01 pm
+ * Last Modified: Friday, December 12th 2025, 1:10:02 pm
  * Modified By: Michael Bourne
  * -----
 …
 // Check if Gutenberg is active.
 if ( ! function_exists( 'register_block_type' ) ) {
     return;
+    return;
+}
+// Load validation helper
+require_once C7WP_ROOT . '/includes/class-c7wp-validation.php';
 if ( in_array( $this->widgetsver, array( 'v2', 'v2-compat' ) ) ) {
     $elements = array(
         'default',
         'personalization',
         'buyslug',
         'subscribe',
         'collection',
         'reservation',
         'form',
         'joinnow',
         'loginform',
         'clubselector',
         'collectionlist',
     );
     $dir = 'blocks-v2';
+    $elements = array(
+        'default',
+        'personalization',
+        'buyslug',
+        'subscribe',
+        'collection',
+        'reservation',
+        'form',
+        'joinnow',
+        'loginform',
+        'clubselector',
+        'collectionlist',
+    );
+    $dir      = 'blocks-v2';
 } else {
     $elements = array(
         'default',
         'personalization',
         'buy',
         'buyslug',
         'subscribe',
         'collection',
         'reservation',
         'form',
         'joinnow',
         'quickshop',
         'loginform',
         'createaccount',
     );
     $dir = 'blocks';
+    $elements = array(
+        'default',
+        'personalization',
+        'buy',
+        'buyslug',
+        'subscribe',
+        'collection',
+        'reservation',
+        'form',
+        'joinnow',
+        'quickshop',
+        'loginform',
+        'createaccount',
+    );
+    $dir      = 'blocks';
+}
 foreach ( $elements as $element ) {
+    $block_slug = 'c7wp-' . $element;
+    $block_slug = 'c7wp-' . $element;
+    // Add block script.
+    wp_register_script(
+        $block_slug,
+        plugins_url( $dir . '/' . $element . '/' . $block_slug . '.js', __FILE__ ),
+        array( 'wp-blocks', 'wp-element' ),
+        C7WP_VERSION,
+    );
+    // Check if block.json exists (new format)
+    $block_json_path = C7WP_ROOT . '/includes/gutenberg/' . $dir . '/' . $element . '/block.json';
+    if ( file_exists( $block_json_path ) ) {
+        // Register block using block.json metadata
+        register_block_type_from_metadata( $block_json_path );
+    } else {
+        // Fallback to old registration method
+        // Add block script.
+        wp_register_script(
+            $block_slug,
+            plugins_url( $dir . '/' . $element . '/' . $block_slug . '.js', __FILE__ ),
+            array( 'wp-blocks', 'wp-element' ),
+            C7WP_VERSION,
+        );
     // Add block style.
     wp_register_style(
         $block_slug,
         plugins_url( $dir . '/' . $element . '/' . $block_slug . '.css', __FILE__ ),
         array(),
         C7WP_VERSION
     );
+        // Add block style.
+        wp_register_style(
+            $block_slug,
+            plugins_url( $dir . '/' . $element . '/' . $block_slug . '.css', __FILE__ ),
+            array(),
+            C7WP_VERSION
+        );
+    // Register block script and style.
+    register_block_type( 'c7wp/' . $element, array(
+        'editor_style'  => $block_slug, // Loads both on editor.
+        'editor_script' => $block_slug, // Loads only on editor.
+    ) );
+        // Register block script and style.
+        register_block_type(
+            'c7wp/' . $element,
+            array(
+                'editor_style'  => $block_slug, // Loads both on editor.
+                'editor_script' => $block_slug, // Loads only on editor.
+            )
+        );
+    }
     // Check for and load frontend assets
     $frontend_js_path = $dir . '/' . $element . '/frontend.js';
     $frontend_css_path = $dir . '/' . $element . '/frontend.css';
+    // Check for and load frontend assets
+    $frontend_js_path  = $dir . '/' . $element . '/frontend.js';
+    $frontend_css_path = $dir . '/' . $element . '/frontend.css';
     // Register and enqueue frontend script if it exists
     if ( file_exists( C7WP_ROOT . '/includes/gutenberg/' . $frontend_js_path ) && empty( $_GET['ct_builder'] ) ) {
         $frontend_script_handle = 'c7wp-' . $element . '-frontend';
         wp_register_script(
             $frontend_script_handle,
             plugins_url( $frontend_js_path, __FILE__ ),
             array(),
             C7WP_VERSION,
             true
         );
+    // Register and enqueue frontend script if it exists
+    if ( file_exists( C7WP_ROOT . '/includes/gutenberg/' . $frontend_js_path ) && empty( $_GET['ct_builder'] ) ) {
+        $frontend_script_handle = 'c7wp-' . $element . '-frontend';
+        wp_register_script(
+            $frontend_script_handle,
+            plugins_url( $frontend_js_path, __FILE__ ),
+            array(),
+            C7WP_VERSION,
+            true
+        );
+        // Localize settings for clubselector
+        if ( 'clubselector' === $element ) {
+            $options = get_option( 'c7wp_settings' );
+            wp_localize_script( $frontend_script_handle, 'c7wp_settings', array(
+                'c7wp_frontend_routes' => isset( $options['c7wp_frontend_routes'] ) ? $options['c7wp_frontend_routes'] : array( 'club' => 'club' ),
+            ) );
+        }
+        // Localize settings for clubselector
+        if ( 'clubselector' === $element ) {
+            $options = get_option( 'c7wp_settings' );
+            wp_localize_script(
+                $frontend_script_handle,
+                'c7wp_settings',
+                array(
+                    'c7wp_frontend_routes' => isset( $options['c7wp_frontend_routes'] ) ? $options['c7wp_frontend_routes'] : array( 'club' => 'club' ),
+                )
+            );
+        }
         wp_enqueue_script( $frontend_script_handle );
+    }
+        wp_enqueue_script( $frontend_script_handle );
+    }
     // Register and enqueue frontend styles if they exist
     if ( file_exists( C7WP_ROOT . '/includes/gutenberg/' . $frontend_css_path ) ) {
         wp_register_style(
             'c7wp-' . $element . '-frontend',
             plugins_url( $frontend_css_path, __FILE__ ),
             array(),
             C7WP_VERSION
         );
         wp_enqueue_style( 'c7wp-' . $element . '-frontend' );
+    }
+    // Register and enqueue frontend styles if they exist
+    if ( file_exists( C7WP_ROOT . '/includes/gutenberg/' . $frontend_css_path ) ) {
+        wp_register_style(
+            'c7wp-' . $element . '-frontend',
+            plugins_url( $frontend_css_path, __FILE__ ),
+            array(),
+            C7WP_VERSION
+        );
+        wp_enqueue_style( 'c7wp-' . $element . '-frontend' );
+    }
+}

wp-commerce7/trunk/includes/rankmath/load.php

-                      r2832594
+                      r3441297
  * Author: Michael Bourne
  * -----
  * Last Modified: Monday, December 12th 2022, 10:19:35 am
+ * Last Modified: Friday, October 17th 2025, 6:55:09 pm
  * Modified By: Michael Bourne
  * -----
 …
  */
 add_action( 'wp_head', function( $canonical_url ) {
+add_action( 'rank_math/frontend/canonical', function( $canonical ) {
     $options = get_option( 'c7wp_settings' );
 …
     // If the current page is a product or collection page, remove action to disable canonical URL.
     if ( is_page( [ $product_route, $collection_route ] ) ) {
         remove_all_actions( 'rank_math/head' );
+        return false;
+    }
 }, 1 );

Plugin Directory

Context Navigation

Legend:

wp-commerce7/trunk/README.txt

wp-commerce7/trunk/admin/template.options.page.php

wp-commerce7/trunk/assets/public/css/commerce7-for-wordpress.css

wp-commerce7/trunk/commerce7-for-wordpress.php

wp-commerce7/trunk/includes/class-c7wp.php

wp-commerce7/trunk/includes/elementor/elementor-buyslug.php

wp-commerce7/trunk/includes/elementor/elementor-form.php

wp-commerce7/trunk/includes/elementor/elementor-joinnow.php

wp-commerce7/trunk/includes/elementor/elementor-loginform.php

wp-commerce7/trunk/includes/elementor/elementor-reservation.php

wp-commerce7/trunk/includes/elementor/elementor-subscribe.php

wp-commerce7/trunk/includes/elementor/load.php

wp-commerce7/trunk/includes/gutenberg/blocks-v2/buyslug/c7wp-buyslug.css

wp-commerce7/trunk/includes/gutenberg/blocks-v2/buyslug/c7wp-buyslug.js

wp-commerce7/trunk/includes/gutenberg/blocks-v2/clubselector/c7wp-clubselector.css

wp-commerce7/trunk/includes/gutenberg/blocks-v2/clubselector/c7wp-clubselector.js

wp-commerce7/trunk/includes/gutenberg/blocks-v2/clubselector/frontend.js

wp-commerce7/trunk/includes/gutenberg/blocks-v2/collection/c7wp-collection.css

wp-commerce7/trunk/includes/gutenberg/blocks-v2/collection/c7wp-collection.js

wp-commerce7/trunk/includes/gutenberg/blocks-v2/collectionlist/c7wp-collectionlist.css

wp-commerce7/trunk/includes/gutenberg/blocks-v2/collectionlist/c7wp-collectionlist.js

wp-commerce7/trunk/includes/gutenberg/blocks-v2/default/c7wp-default.css

wp-commerce7/trunk/includes/gutenberg/blocks-v2/default/c7wp-default.js

wp-commerce7/trunk/includes/gutenberg/blocks-v2/form/c7wp-form.css

wp-commerce7/trunk/includes/gutenberg/blocks-v2/form/c7wp-form.js

wp-commerce7/trunk/includes/gutenberg/blocks-v2/joinnow/c7wp-joinnow.css

wp-commerce7/trunk/includes/gutenberg/blocks-v2/loginform/c7wp-loginform.css

wp-commerce7/trunk/includes/gutenberg/blocks-v2/personalization/c7wp-personalization.css

wp-commerce7/trunk/includes/gutenberg/blocks-v2/personalization/c7wp-personalization.js

wp-commerce7/trunk/includes/gutenberg/blocks-v2/reservation/c7wp-reservation.css

wp-commerce7/trunk/includes/gutenberg/blocks-v2/reservation/c7wp-reservation.js

wp-commerce7/trunk/includes/gutenberg/blocks-v2/subscribe/c7wp-subscribe.css

wp-commerce7/trunk/includes/gutenberg/blocks-v2/subscribe/c7wp-subscribe.js

wp-commerce7/trunk/includes/gutenberg/load.php

wp-commerce7/trunk/includes/rankmath/load.php

Download in other formats: