WordPress.org

(@gabriele1898)

I created my popup with Elementor Pro, and I created my page, and in the file manager I created my page1.php page in wp-content/hello-theme/page1.php and linked it directly to the page to which corresponds, my problem would be to open my popup created with Elementor for which I have its respective shortcode, but I also tried asking chatgpt, but to no avail, it never managed to solve my problem, all of this I would need to open with code, I hope someone can help me but only with the code, I’m not interested in installing any plugins for this

Page1.php code:

<?php
/*
 * Template Name: Page 1
 * Template Post Type: page
 */
get_header(); // Include the theme header
?>

<style>
/* CSS rules for layout */
@media (min-width: 1200px) {
    .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer),
    .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
        max-width: 100vw;
    }
}

@media (min-width: 992px) {
    .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer),
    .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
        max-width: 100vw;
    }
}

@media (min-width: 768px) {
    .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer),
    .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
        max-width: 100vw;
    }
}

@media (min-width: 576px) {
    .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer),
    .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
        max-width: 100vw;
    }
}

@media (max-width: 575px) {
    .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer),
    .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
        padding-inline-start: 0px; padding-inline-end: 0px;
    }
}
</style>

<div id="primary" class="content-area">
    <main id="main" class="site-main" role="main">
        <?php
        // Check if the current page ID is the same as the Page 1 ID
        if (get_the_ID() == 2) { // Replace 2 with your actual page ID
            // Content specific to Page 1
            ?>
            <div style="text-align: center; margin: 20px 0;">
                <h1>Hello everyone</h1>
            </div>
            <?php
            // Assuming [elementor-template id="33"] is not necessary since we're invoking a popup, not embedding a template
        } else {
            // If not Page 1, show the generic page content
            while (have_posts()) {
                the_post();
                the_content();
            }
        }
        ?>
    </main><!-- #main -->
</div><!-- #primary -->

<?php get_footer(); // Include the theme footer ?>

<script>
document.addEventListener('DOMContentLoaded', function() {
    // Checking if the Elementor frontend and popup modules are available
    if (window.elementorFrontend && window.elementorFrontend.modules && window.elementorFrontend.modules.popup) {
        var PopupModule = window.elementorFrontend.modules.popup;
        
        // Show the Elementor popup with the specific ID
        setTimeout(function() {
            PopupModule.showPopup({id: 33});
        }, 1000); // Delay of 1 second to ensure all components are fully loaded
    }
});
</script>

functions.php code:

<?php
/**
 * Theme functions and definitions
 *
 * @package HelloElementor
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly.
}

define( 'HELLO_ELEMENTOR_VERSION', '3.0.1' );

if ( ! isset( $content_width ) ) {
	$content_width = 800; // Pixels.
}

if ( ! function_exists( 'hello_elementor_setup' ) ) {
	/**
	 * Set up theme support.
	 *
	 * @return void
	 */
	function hello_elementor_setup() {
		if ( is_admin() ) {
			hello_maybe_update_theme_version_in_db();
		}

		if ( apply_filters( 'hello_elementor_register_menus', true ) ) {
			register_nav_menus( [ 'menu-1' => esc_html__( 'Header', 'hello-elementor' ) ] );
			register_nav_menus( [ 'menu-2' => esc_html__( 'Footer', 'hello-elementor' ) ] );
		}

		if ( apply_filters( 'hello_elementor_post_type_support', true ) ) {
			add_post_type_support( 'page', 'excerpt' );
		}

		if ( apply_filters( 'hello_elementor_add_theme_support', true ) ) {
			add_theme_support( 'post-thumbnails' );
			add_theme_support( 'automatic-feed-links' );
			add_theme_support( 'title-tag' );
			add_theme_support(
				'html5',
				[
					'search-form',
					'comment-form',
					'comment-list',
					'gallery',
					'caption',
					'script',
					'style',
				]
			);
			add_theme_support(
				'custom-logo',
				[
					'height'      => 100,
					'width'       => 350,
					'flex-height' => true,
					'flex-width'  => true,
				]
			);

			/*
			 * Editor Style.
			 */
			add_editor_style( 'classic-editor.css' );

			/*
			 * Gutenberg wide images.
			 */
			add_theme_support( 'align-wide' );

			/*
			 * WooCommerce.
			 */
			if ( apply_filters( 'hello_elementor_add_woocommerce_support', true ) ) {
				// WooCommerce in general.
				add_theme_support( 'woocommerce' );
				// Enabling WooCommerce product gallery features (are off by default since WC 3.0.0).
				// zoom.
				add_theme_support( 'wc-product-gallery-zoom' );
				// lightbox.
				add_theme_support( 'wc-product-gallery-lightbox' );
				// swipe.
				add_theme_support( 'wc-product-gallery-slider' );
			}
		}
	}
}
add_action( 'after_setup_theme', 'hello_elementor_setup' );

function hello_maybe_update_theme_version_in_db() {
	$theme_version_option_name = 'hello_theme_version';
	// The theme version saved in the database.
	$hello_theme_db_version = get_option( $theme_version_option_name );

	// If the 'hello_theme_version' option does not exist in the DB, or the version needs to be updated, do the update.
	if ( ! $hello_theme_db_version || version_compare( $hello_theme_db_version, HELLO_ELEMENTOR_VERSION, '<' ) ) {
		update_option( $theme_version_option_name, HELLO_ELEMENTOR_VERSION );
	}
}

if ( ! function_exists( 'hello_elementor_display_header_footer' ) ) {
	/**
	 * Check whether to display header footer.
	 *
	 * @return bool
	 */
	function hello_elementor_display_header_footer() {
		$hello_elementor_header_footer = true;

		return apply_filters( 'hello_elementor_header_footer', $hello_elementor_header_footer );
	}
}

if ( ! function_exists( 'hello_elementor_scripts_styles' ) ) {
	/**
	 * Theme Scripts & Styles.
	 *
	 * @return void
	 */
	function hello_elementor_scripts_styles() {
		$min_suffix = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min';

		if ( apply_filters( 'hello_elementor_enqueue_style', true ) ) {
			wp_enqueue_style(
				'hello-elementor',
				get_template_directory_uri() . '/style' . $min_suffix . '.css',
				[],
				HELLO_ELEMENTOR_VERSION
			);
		}

		if ( apply_filters( 'hello_elementor_enqueue_theme_style', true ) ) {
			wp_enqueue_style(
				'hello-elementor-theme-style',
				get_template_directory_uri() . '/theme' . $min_suffix . '.css',
				[],
				HELLO_ELEMENTOR_VERSION
			);
		}

		if ( hello_elementor_display_header_footer() ) {
			wp_enqueue_style(
				'hello-elementor-header-footer',
				get_template_directory_uri() . '/header-footer' . $min_suffix . '.css',
				[],
				HELLO_ELEMENTOR_VERSION
			);
		}
	}
}
add_action( 'wp_enqueue_scripts', 'hello_elementor_scripts_styles' );

if ( ! function_exists( 'hello_elementor_register_elementor_locations' ) ) {
	/**
	 * Register Elementor Locations.
	 *
	 * @param ElementorPro\Modules\ThemeBuilder\Classes\Locations_Manager $elementor_theme_manager theme manager.
	 *
	 * @return void
	 */
	function hello_elementor_register_elementor_locations( $elementor_theme_manager ) {
		if ( apply_filters( 'hello_elementor_register_elementor_locations', true ) ) {
			$elementor_theme_manager->register_all_core_location();
		}
	}
}
add_action( 'elementor/theme/register_locations', 'hello_elementor_register_elementor_locations' );

if ( ! function_exists( 'hello_elementor_content_width' ) ) {
	/**
	 * Set default content width.
	 *
	 * @return void
	 */
	function hello_elementor_content_width() {
		$GLOBALS['content_width'] = apply_filters( 'hello_elementor_content_width', 800 );
	}
}
add_action( 'after_setup_theme', 'hello_elementor_content_width', 0 );

if ( ! function_exists( 'hello_elementor_add_description_meta_tag' ) ) {
	/**
	 * Add description meta tag with excerpt text.
	 *
	 * @return void
	 */
	function hello_elementor_add_description_meta_tag() {
		if ( ! apply_filters( 'hello_elementor_description_meta_tag', true ) ) {
			return;
		}

		if ( ! is_singular() ) {
			return;
		}

		$post = get_queried_object();
		if ( empty( $post->post_excerpt ) ) {
			return;
		}

		echo '<meta name="description" content="' . esc_attr( wp_strip_all_tags( $post->post_excerpt ) ) . '">' . "\n";
	}
}
add_action( 'wp_head', 'hello_elementor_add_description_meta_tag' );

// Admin notice
if ( is_admin() ) {
	require get_template_directory() . '/includes/admin-functions.php';
}

// Settings page
require get_template_directory() . '/includes/settings-functions.php';

// Header & footer styling option, inside Elementor
require get_template_directory() . '/includes/elementor-functions.php';

if ( ! function_exists( 'hello_elementor_customizer' ) ) {
	// Customizer controls
	function hello_elementor_customizer() {
		if ( ! is_customize_preview() ) {
			return;
		}

		if ( ! hello_elementor_display_header_footer() ) {
			return;
		}

		require get_template_directory() . '/includes/customizer-functions.php';
	}
}
add_action( 'init', 'hello_elementor_customizer' );

if ( ! function_exists( 'hello_elementor_check_hide_title' ) ) {
	/**
	 * Check whether to display the page title.
	 *
	 * @param bool $val default value.
	 *
	 * @return bool
	 */
	function hello_elementor_check_hide_title( $val ) {
		if ( defined( 'ELEMENTOR_VERSION' ) ) {
			$current_doc = Elementor\Plugin::instance()->documents->get( get_the_ID() );
			if ( $current_doc && 'yes' === $current_doc->get_settings( 'hide_title' ) ) {
				$val = false;
			}
		}
		return $val;
	}
}
add_filter( 'hello_elementor_page_title', 'hello_elementor_check_hide_title' );

/**
 * BC:
 * In v2.7.0 the theme removed the hello_elementor_body_open() from header.php replacing it with wp_body_open().
 * The following code prevents fatal errors in child themes that still use this function.
 */
if ( ! function_exists( 'hello_elementor_body_open' ) ) {
	function hello_elementor_body_open() {
		wp_body_open();
	}
}










//PERMESSI PER VISUALIZZARE/ NASCONDERE UN SPECIFICO ARTICOLO/PAGINA/PRODOTTO, ETC...

// Aggiungi i meta box in tutti i tipi di post pubblici
add_action('add_meta_boxes', 'custom_add_meta_boxes');

function custom_add_meta_boxes() {
    $post_types = get_post_types(array('public' => true), 'names');
    foreach ($post_types as $post_type) {
        add_meta_box('custom_roles_meta_box', 'Assegna Ruoli', 'custom_roles_meta_box_callback', $post_type, 'side', 'high');
        add_meta_box('custom_product_id_meta_box', 'ID Prodotto', 'custom_product_id_meta_box_callback', $post_type, 'side', 'high');
    }
}

function custom_roles_meta_box_callback($post) {
    $selected_roles = get_post_meta($post->ID, 'assigned_roles', true);
    $selected_roles = maybe_unserialize($selected_roles) ?: array();

    global $wp_roles;
    echo '<select name="assigned_roles[]" multiple="multiple" style="width: 100%; height: 100px;">';
    foreach ($wp_roles->roles as $role_value => $role_name) {
        echo '<option value="' . esc_attr($role_value) . '"' . (in_array($role_value, $selected_roles) ? ' selected' : '') . '>' . esc_html($role_name['name']) . '</option>';
    }
    echo '</select>';
}

function custom_product_id_meta_box_callback($post) {
    // Recupera l'ID del prodotto selezionato
    $selected_product_id = get_post_meta($post->ID, 'product_id', true);

    // Prepara l'elenco dei prodotti WooCommerce
    $args = array(
        'post_type' => 'product',
        'posts_per_page' => -1,
        'post_status' => 'publish',
    );
    $products = new WP_Query($args);

    // Dropdown per la selezione del prodotto
    echo '<select name="product_id" style="width: 100%;">';
    echo '<option value="">Seleziona un Prodotto</option>';
    if ($products->have_posts()) {
        while ($products->have_posts()) {
            $products->the_post();
            $id = get_the_ID();
            $name = get_the_title();
            echo '<option value="' . esc_attr($id) . '"' . selected($selected_product_id, $id, false) . '>' . esc_html($name) . '</option>';
        }
    }
    wp_reset_postdata();
    echo '</select>';
}

// Salva i metadati dei meta box
add_action('save_post', 'custom_save_postdata');

function custom_save_postdata($post_id) {
    if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) return;

    if (isset($_POST['assigned_roles'])) {
        update_post_meta($post_id, 'assigned_roles', maybe_serialize($_POST['assigned_roles']));
    }
    if (isset($_POST['product_id'])) {
        update_post_meta($post_id, 'product_id', $_POST['product_id']);
    }
}

// Verifica l'accesso al contenuto del post basato sui ruoli assegnati e sull'acquisto del prodotto
add_action('wp', 'display_post_content_based_on_role_and_purchase');

function display_post_content_based_on_role_and_purchase() {
    if (!is_singular()) return;

    $post_id = get_the_ID();
    $user_id = get_current_user_id();
    $assigned_roles = get_post_meta($post_id, 'assigned_roles', true);
    $product_id = get_post_meta($post_id, 'product_id', true);
    $assigned_roles = maybe_unserialize($assigned_roles) ?: array();

    $user_has_role = array_intersect($assigned_roles, wp_get_current_user()->roles) ? true : false;
    $user_bought_product = function_exists('wc_customer_bought_product') && wc_customer_bought_product('', $user_id, $product_id);

   
}







add_action('template_redirect', 'custom_page_template');

function custom_page_template() {
    // Array associativo degli ID delle pagine e dei rispettivi nomi dei template
    $custom_page_templates = array(
        2 => 'page1.php',
        
        // Aggiungi qui altri ID di pagina e relativi nomi di template
    );

    // Ottieni l'ID della pagina corrente
    $current_page_id = get_queried_object_id();

    // Verifica se l'ID della pagina corrente è presente nell'array dei template personalizzati
    if (array_key_exists($current_page_id, $custom_page_templates)) {
        // Se l'ID della pagina corrente è presente nell'array, include il template specifico
        include(get_template_directory() . '/pages/' . $custom_page_templates[$current_page_id]);
        exit; // Termina il processo di caricamento della pagina
    }
}






// Funzione per gestire la richiesta AJAX e restituire il contenuto dello shortcode
add_action('wp_ajax_load_elementor_content', 'load_elementor_content_handler');
add_action('wp_ajax_nopriv_load_elementor_content', 'load_elementor_content_handler'); 

function load_elementor_content_handler() {
    // Verifica l'esistenza di un ID template valido
    if (isset($_REQUEST['template_id'])) {
        $template_id = intval($_REQUEST['template_id']);
        echo do_shortcode('[elementor-template id="' . $template_id . '"]');
    }
    wp_die(); // termina correttamente la richiesta AJAX
}

Viewing 1 replies (of 1 total)

threadi
(@threadi)

4 months, 1 week ago

I recommend getting in touch with Elementors’s support about this via https://elementor.com/support/ if you have Elementor Pro or https://wordpress.org/support/plugin/elementor/ if you do not.

Viewing 1 replies (of 1 total)

You must be logged in to reply to this topic.

open popup in theme editor file with code

Tags

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics