Mateo

It’s a pleasure to help you, have a great day!

Test without disabling the entire REST API by filtering the responses specifically for the hyperlink search. The rest_request_after_callbacks filter allows you to modify the REST API responses. Below is a snippet that you can use to exclude media and term search results in the hyperlink field of the block editor:

function modify_rest_search_response($response, $server, $request) {
    $route = $request->get_route();

    // Check if the request is for the block editor's search
    if (strpos($route, '/wp/v2/search') !== false) {
        $search_type = $request->get_param('type');

        // If the type is 'term' or 'media', return an empty response
        if ($search_type === 'term' || $search_type === 'media') {
            return new WP_REST_Response([], 200);
        }
    }

    return $response;
}
add_filter('rest_request_after_callbacks', 'modify_rest_search_response', 10, 3);

Let me know if it helped!

Hi @porubs1 ,

If you are using Guttenberg as builder (which is the default wordpress editor) I would recommend you to use Visual Portfolio, Photo Gallery & Post Grid .

I have used it on several sites and it is spectacular. It allows you to choose from various gallery styles, element positioning, sizes, colors, etc.

To get the overlay you want, you should follow these steps:

1- Install and activate the plugin Visual Portfolio, Photo Gallery & Post Grid.
2- Edit the page or post where you want to place the gallery with the text overlay.
3- Add the “Visual Portfolio” block, select Images and choose the images you want to add. In the caption of each image place the year you want to show in that image.
4- Click continue and you will have your gallery.

To configure now the overlay text follow the next steps:
1- In the page or post edition, select the gallery block that we created before and in “ITEMS TITLE SOURCE” select “Image Caption”.
2- Scroll down and choose a layout (tiles, gallery, masonry, etc) and also choose a Skin for the overlay (fade, fly, emerge or classic). There you can set the color of the overyaly text, the color of the background overlay, etc. Feel free to adjust it to your liking.

And that’s it, you have a modern gallery with text overlay for each image.

Let me know if you found it useful. If this solves your problem, it would be advisable to mark this thread as ‘Resolved’.

Best regards,
Mateo

Hi @attaurrahman21, I’m here to help you.

To make sure you don’t have to submit the same form more than once from the same email address, you can use a custom function in PHP to check if the email address has already been used. Let me show you how step-by-step:

1. Create a custom function: This function will check if the email address exists in the database.
2. Hook into Elementor form submission: Use Elementor’s action hook to validate the email before submission.

Full Code
Place this code in your theme’s functions.php file or in a custom plugin.

// Add action hook for Elementor form submission
add_action('elementor_pro/forms/new_record', function ($record, $handler) {
    // Make sure it's our form
    $form_name = $record->get_form_settings('form_name');
    if ('your_form_name' !== $form_name) {
        return;
    }

    // Get submitted fields
    $raw_fields = $record->get('fields');
    $fields = [];
    foreach ($raw_fields as $id => $field) {
        $fields[$id] = $field['value'];
    }

    // Check if email already exists
    $email = $fields['email']; // Replace 'email' with the actual field ID
    if (email_exists_in_submissions($email)) {
        // Prevent form submission and return error message
        $handler->add_error_message('This email address has already been used.');
        $handler->is_success = false;
    }
}, 10, 2);

// Function to check if email exists in submissions
function email_exists_in_submissions($email) {
    global $wpdb;
    $table_name = $wpdb->prefix . 'elementor_submissions'; // Replace with your actual table name if different

    // Query the database for the email address
    $query = $wpdb->prepare(
        "SELECT COUNT(*) FROM $table_name WHERE field_email = %s",
        $email
    );
    $count = $wpdb->get_var($query);

    return $count > 0;
}

Explanation

1. Hook into Elementor form submission:

• The elementor_pro/forms/new_record action is used to hook into the form submission process.
• The function checks if the form being submitted is the one we want to validate by comparing the form name.

2. Get submitted fields:

• Retrieve the form fields and their values.

3. Check if email already exists:

• The email_exists_in_submissions function queries the database to check if the email has been used.
• If the email exists, an error message is added and the form submission is prevented.

This setting will ensure that each email address can only be used for a single submission on your Elementor form.

Please conduct some tests and let me know if everything is functioning as intended. If this code solves your problem, it would be advisable to mark this thread as ‘Resolved’.

Best regards,
Mateo

I found a custom PHP code that could solve your problem. Here is the link to the article and the code.

// Defining product Attributes term names to be displayed on variable product title
add_filter( 'woocommerce_available_variation', 'filter_available_variation_attributes', 10, 3 );
function filter_available_variation_attributes( $data, $product, $variation ){
    // Here define the product attribute(s) slug(s) which values will be added to the product title
    // Or replace the array with 'all' string to display all attribute values
    $attribute_names = array('Custom', 'Color');

    foreach( $data['attributes'] as $attribute => $value ) {
        $attribute      = str_replace('attribute_', '', $attribute);
        $attribute_name = wc_attribute_label($attribute, $variation);

        if ( ( is_array($attribute_names) && in_array($attribute_name, $attribute_names) ) || $attribute_names === 'all' ) {
            $value = taxonomy_exists($attribute) ? get_term_by( 'slug', $value, $attribute )->name : $value;

            $data['for_title'][$attribute_name] = $value;
        }
    }
    return $data;
}

// Display to variable product title, defined product Attributes term names
add_action( 'woocommerce_after_variations_form', 'add_variation_attribute_on_product_title' );
function add_variation_attribute_on_product_title(){
    // Here define the separator string
    $separator = ' - ';
    ?>
    <script type="text/javascript">
    (function($){
        var name = '<?php global $product; echo $product->get_name(); ?>';

        $('form.cart').on('show_variation', function(event, data) {
            var text = '';

            $.each( data.for_title, function( key, value ) {
                text += '<?php echo $separator; ?>' + value;
            });

            $('.product_title').text( name + text );

        }).on('hide_variation', function(event, data) {
            $('.product_title').text( name );
        });
    })(jQuery);
    </script>
    <?php
}

Article link

Paste the above code in your child theme’s functions.php file and should work. Also, you can add custom PHP code with a plugin like Code Snippet, here is a link to an article that explains how to usit: Code Snippet

Let me know if it solves your problem,
Kind regards!!

• This reply was modified 4 years, 3 months ago by Mateo.

Hello @reejster !!
Are you using woocommerce or another?

Hi @francescasantoro !! Could you share me the website’s link?

Hola de nuevo!

Si sigues los pasos que te mencione anteriormente, cada usuario tendrá acceso solo a editar la pagina de su hotel.
Hacer un display es mostrar la informacion, y en este caso la informacion que quieres mostrar seria una pequeña ficha con algo de info que al clickear te lleve a la pagina dedicada al hotel. Para hacer eso es muy simple, lo que te sugiero yo es lo siguiente:

1. Instala el siguiente plugin, Ultimate Addons for Gutenberg, que te permitira tener bloques extra en el editor por defecto de wordpress que es Gutenberg.
2. Una vez hecho esto, crea una nueva pagina con el nombre que tu quieras(“lista de hoteles” por ejemplo)
3. Luego en la edición de la misma toca en el símbolo Add Block o Añadir Bloque( arriba a la izquierda con un simbolo + ), escribe Post en el buscador y haz click en el que dice “Post Grid”.
4. Ahora toca en la tuerca de configuracion, arriba a la derecha, y despues selecciona haciendo click el bloque de Post Grid que se generó. Veras varias opciones, en General > Post Type cambialo a Pages (mi consejo es que al crear cada pagina de cada hotel le asignes una category, para asi seleccionar en estas opciones mostrar solo la categoria que hayas creado, ya que sino se mostraran todas las paginas que hayas creado en el sitio). Configura las opciones que quedan a tu gusto. Guarda la pagina y listo.

Cualquier cosa no dudes en avisarme!

• This reply was modified 5 years ago by Mateo.
• This reply was modified 5 years ago by Mateo.