bramroos

Thank you very much!

Thanks Angelo, is there any chance this will be added in the near future?

Thanks for your reply. Think I will try with conditionals is_page_template first as I only need to swap 1 class.

Many thanks,
Bram

Hi Andrew,

would you have any suggestions regarding the above?

Many thanks,
Bram

Many thanks,
Bram

Hi,

just a few issues I have hoping you could help. I’m trying to have the text in the popup on a background color. If I style this span the background is visible before clicking. Is there a fix to this?

Also, is it possible to include an image in the popup? I’ve tried to include it but it echos the url instead of the image. See the code below:

<div class="large-8 columns align-self-middle valve-position">
                        <?php
                        $featured_image = get_field('featured_image');
                        if (!empty($featured_image)):
                            ?>
                            <img src="<?php echo $featured_image['url']; ?>" alt="<?php echo $ima['alt']; ?>" />
                        <?php endif; ?>

                        <?php if (have_rows('main_features')): ?>
                            <?php
                            $count = 0;
                            while (have_rows('main_features')): the_row();

                                $coords = explode(',', get_sub_field('coordinates'));
                                $desc = get_sub_field('description');
                                $image = get_sub_field('image');

                                echo '<a class="feature-btn" style="left:' . $coords[0] . ';top:' . $coords[1] . ';"  data-image="' . $image . '" data-info="' . $desc . '">   +   </a>';
                                ?>

                            <?php endwhile; ?>
                        <?php endif; ?>

                        <div class="content" style="left:0%;top:100%;position:absolute;">
                            <div></div>
                            <span style="width:10px; height: 10px; background-color: #333333;"></span>
                        </div>
                            
                        <script>
                            jQuery(document).ready(
                                    function () {
                                        jQuery('.feature-btn').click(function () {
                                            var info = jQuery(this).attr('data-info');
                                            var img = jQuery(this).attr('data-image');
                                            jQuery('.content span').text(info);
                                            jQuery('.content div').text(img);

                                            jQuery('.feature-btn.active').removeClass('active');
                                            jQuery(this).addClass('active');
                                        });
                                    });
                        </script>

                    </div>

Silly not checking your earlier reply for this!

Works beautifully! Thank you very much for your efforts.
I will send you the final result when the project is finished.

Regards,
Bram

Hi, thanks for the reply!

That kind of makes sense. Buttons working now (ie. displaying the numbers)
However, how would I make these buttons clickable and displaying the title and description?

Many thanks for your help.

Bram

Hi Andrew,

thanks for your reply! I have tried to replicate your code. Somehow it doesn’t really work. Here’s my code:

<?php
                        $featured_image = get_field('featured_image');
                        if (!empty($featured_image)):
                            ?>
                            <img src="<?php echo $featured_image['url']; ?>" alt="<?php echo $ima['alt']; ?>" />
                        <?php endif; ?>

                            
                        <?php if (have_rows('main_features')): ?>
                            <?php 
                            $count = 0;
                            while (have_rows('main_features')): the_row();

                                $coords = explode(',', get_sub_field('coordinates'));
                                $title = get_sub_field('title');
                                $desc = get_sub_field('description');

                                echo '<button class="feature" style="left:' + $coords[0] + ';top:' + $coords[1] + ';" data-title="' . $title . '" data-info="' . $desc . '">' . $count++ . '</button>';
                                ?>

                            <?php endwhile; ?>
                        <?php endif; ?>

It outputs the featured image with the following in plane text below: 133.2402Title” data-info=”description”>0 81.2849Title 2″ data-info=”description 2″>1

Can you see what is going wrong?

Many thanks for your time and effort!
Bram

Hi! Yes it is. I had to disable to G5 feature as suggested. Thanks for a great plugin.

That’s correct.

Hi, thanks for replying.

This happens when not logging out and revisiting after a day or so. It should be redirecting to the custom login page set in ‘Rename Login Page’.

Enable Rename Login Page feature is enabled. Login Page URL is set. Havent tried any other browsers, I’m using Chrome.

Many thanks