codettes

Hi @dcooney,

Thank you very much for your help! I finally decided to use a different way to display my pictures and get a “load more” button (I use an option that my theme offers) and it works well.

I don’t need help anymore.

Thank you very much for your reactivity!

Best regards

Hi @dcooney,

That would be great, thanks! But the website is still under maintenance because it is not yet live. Is there a way I can share access to it in a private conversation?
The theme I use is Bridge from Qode.

Thank you!

Hi @dcooney,

Thank you for your quick reply! Well, it works but I still have several issues:
– I’d like to have the first 16 items to be visible then display the “load more” button. (For now on, I just have the “load more” button, so we don’t know what will be “more” loaded ;). That is the reason why I was using a query + “offset 16”.
How do I display few items first?
Fyi, the order of the items is managed by a plugin so I can manually choose the order.

– My items are displayed in two columns, but some items are alone on their row. Any idea what may cause that?

Thank you!

Hi,

I have changed the order of the posts (using a plugin to reorder) and I have now two pictures not displaying next to another one on its row. Here is a screenshot of what I see when I use the “inspect element” tool: https://snipboard.io/eto9l6.jpg (the “alone picture” is the one in red brackets).

And here is a screenshot of what is displayed on the front-end: https://snipboard.io/oe6q0p.jpg

Maybe this will help you understand the issue…

Thanks a lot for any help! ??

Hi,

Good idea! I have excluded the container and row of the loop, so the code looks like that:

function wpc_shortcode( $atts ) {
  query_posts('posts_per_page=16&post_type=backstages&orderby=date&order=asc');?>
      <div class="container">
          <div class="row">
 <?php while ( have_posts() ) : the_post();
    $photo = get_the_post_thumbnail();
    $titre = get_the_title();
    $link = get_field('link');
    $size = "full"; ?>

              <div class="vc_col-sm-6 rowbackstage">
                <?php echo $photo; ?>
                <p class="titrebackstage allbackstages"><?php if( $link ): ?><a class="backstageslink" target="_blank" href="<?php echo esc_url( $link ); ?>"><?php endif; ?><?php the_title(); ?></a></p>
              </div>
                    <?php endwhile; ?>
          </div>
       </div>

 <?php wp_reset_query(); // resets the aletered query back to the original
  echo do_shortcode('[ajax_load_more id="loadmorebtn" container_type="div" post_type="backstages" posts_per_page="6" order="ASC" orderby="date" offset="16" pause="true" button_label="Charger plus" button_loading_label="Chargement..." button_done_label="Toutes les images sont affichées" ]');
}

add_shortcode( 'all_backstages', 'wpc_shortcode');

Is it what you meant?

I still have the issue…

I would be happy to send a screenshot but I don’t see how here?

Thanks again for your help!

Hi @simpleliving ,

Thank you for your quick reply!:)
Indeed, it solves the closing tag issue, so thanks again!
Here is the updated code:

function wpc_shortcode( $atts ) {
  query_posts('posts_per_page=16&post_type=backstages&orderby=date&order=asc');
  while ( have_posts() ) : the_post();
    $photo = get_the_post_thumbnail();
    $titre = get_the_title();
    $link = get_field('link');
    $size = "full"; ?>

    <div class="container">
          <div class="row">
              <div class="vc_col-sm-6 rowbackstage">
                <?php echo $photo; ?>
                <p class="titrebackstage allbackstages"><?php if( $link ): ?><a class="backstageslink" target="_blank" href="<?php echo esc_url( $link ); ?>"><?php endif; ?><?php the_title(); ?></a></p>
              </div>
          </div>
       </div>
      <?php endwhile;
  wp_reset_query(); // resets the aletered query back to the original
  echo do_shortcode('[ajax_load_more id="loadmorebtn" container_type="div" post_type="backstages" posts_per_page="6" order="ASC" orderby="date" offset="16" pause="true" button_label="Charger plus" button_loading_label="Chargement..." button_done_label="Toutes les images sont affichées" ]');
}

add_shortcode( 'all_backstages', 'wpc_shortcode');

But it doesn’t help with how the images are displaying. Unfortunately, the website is still in creation so hidden. I’ll try to describe my issue: I have two columns of pictures+title (thanks to the “vc_col-sm-6”) but on the third row, I have only a single image+title in the right column and of course, it moves everything back below. I have played with the order (asc or desc) and it moves the issue to the second row but it’s still there (and the picture is still in the right column. I really have no clue of what may cause that… Do you have any idea?

Thank you!

Hi there,

Thanks for the reply! I’ve sent an email with a screenshot. ??

Hi,

Thank you for your quick reply. It’s so obvious that I wonder why I didn’t look there. Thank you for opening my eyes. ??

Have a great day!

Dear support,

Thank you for your reply and sorry for not having replied myself earlier. I have found a way to display my map without using a plugin.

Thank you again for your quick reply!

Kind regards,

Codettes

Ok, well, I had been looking for a solution for hours and I found it right after I sent my message here… ??
Ok, so the issue was due to the page transition animation. I’ve set it up to “no animation” and the issue was solved. I guess there is a conflict between the plugin and that option but I can’t tell more.

Hello,

I have the same issue with the latest version of the plugin, and the latest version of WP (4.7.4). My host is WPengine.

Do you have any idea how I can fix that?

Thank you!

I finally tried one last time to delete every file through Filezilla and re-uploaded everything, plugin by plugin. My pictures were missing. But except for that, I got my website to work as it should.

I still have a DB issue, according to my back up because of the special characters I use on the website (it’s in French). I’ll figure out!

What happened will remain a mystery… ??

Thank you Esmi for your help!

I just fixed the UTF-8 issue in the database under wp_options > blog_charset, I put utf8mb4_unicode_ci instead of UTF-8. Yay!

But I still don’t see the WP options in my dashboard….

I didn’t need to repair the database until now (post-troubles). And the backups I have are all post-troubles apparently. I’ve tried to re-upload the database with a backup but the issues remain.
I’m (almost) hopeless… :-/

Thanks for your reply Esmi! I have tried it too and nothing changed. The UTF-8 and the missing dashboard options issues were still there…