Recent Post Shortcode and Yoast conflict

Support
#1

When I go to a page like these:

http://wordpress-100914-348408.cloudwaysapps.com/athletic-news/
http://wordpress-100914-348408.cloudwaysapps.com/latest-news/

which use the Recent Posts shortcode, a lot of stylesheets don’t load, I completely lose some elements, and the page is not editable using Pro’s Content Builder.

However, if you go to the plugins page and do the following in this order:

  1. Deactivate Yoast
  2. Deactivate Events Calendar
  3. Activate Events Calendar

You’ll find that it now works as it should. However, when you go back to the plugins page and:

  1. Activate Yoast

Then the problem displays again

#2

Hello @Multiplier,

Thanks for asking and sorry for the issues you are facing. I did few tests as mentioned in question but I don’t see any differences before and after activating Yoast plugin. I am sharing a screencast and request you to please take a look. If you can let us know the issues by sharing few screenshots or screencast, that will help us to point you in right direction towards resolving the problem. Also I spotted that you haven’t validated Pro and because of that you are missing on new version and critical bug fixes releases. I see that you are runing Pro version 1.1.1 and we have released version 1.2.3 that is available to download. You can visit changelog page for more details.

https://screencast.com/t/MV0vsKXd0Z

https://theme.co/changelog/

Thanks.

#3

Hi Prasant,

I took a look at your video and it’s not correct. You literally have to follow these steps in this order:

  1. Deactivate Yoast
  2. Deactivate Events Calendar
  3. Activate Events Calendar
  4. You’ll find that it now works as it should. However, when you go back to the plugins page and:
  5. Activate Yoast

In your video, you just did #5. However, I’ve gone through #1-#4 again and taken a video of the site and then activating Yoast, to show what happens: http://wordpress-100914-348408.cloudwaysapps.com/wp-content/uploads/2017/10/Untitled.mov

I’ve also gone through #1-#4 again so that you can just simply activate Yoast to see what happens.

As for updating, I’m holding off on 1.2.x because there are a wealth of problems that my team can not get over:


and right now, we’re left to choose between one problem and another.

#4

Hi there,

I did the same procedure but I don’t see any difference. Active or not, it looks the same (no styling). maybe what you’re seeing is just a cache and thought there is really some styling.

How about cloning your site to staging for testing? Cloud hostings are usually has internal caches.

Thanks!

#5

Hey Rad. Thanks for the response but I really can’t believe the disconnect here. I provided a video and so did Prasant. In Prasant’s video if you see the page where the page does not show some of the elements, you’ll notice how you can not even Edit with Pro.

This is a staging site created specifically for this issue and there is no caching at all.

For example, here is how the /athletic-news page SHOULD look:

https://imgur.com/6wN1BJG

Here is how it looks after you activate Yoast:

https://imgur.com/1uQj3vb

Notice how most of the content created by Pro is completely gone. This is the very same page that Prasant shows in his video

If you really think this isn’t a problem please send me a video showing that you can edit the page with Pro. Because when you hover over the logged-in admin top bar over the option that says “Pro”, there isn’t even an option to Edit with Pro. But if I force it through a URL or the Admin > Pages, I can not even edit the page:

https://imgur.com/ZsMQctQ

Notice the left sidebar in the editor is completely gone

Imgur

Notice the error that is being returned by Pro.

I urge you to do exactly what Prasant did in his video recording but at the very end, try editing the page with Pro. You can’t possibly tell me that there isn’t a problem there.

Furthermore, if you want to “reset” the page to make it show as it should, then IN THIS ORDER:

  1. Deactivate Yoast
  2. Deactivate Events Calendar
  3. Activate Events Calendar

And view the page again. You’ll see that it looks like this: https://imgur.com/6wN1BJG

And the page is editable with Pro

#6

Hi there,

First, deactivating and activating the same plugin with no other changes means it could be a cache since you didn’t do anything but switching it on and off. But yes and you’re right, I can confirm that issue now but in some occasion after few reloads.

What’s happening is, your archive became single page, so it’s two page that uses the same URL /latest-news/ The first one is using the recent posts shortcode, the second one is using Tribe events widget. Which is why it looks different, it doesn’t lose the styling, they are basically different pages. So what should it be, should it be a single page that has recent posts shortcode? Or an archive page with tribes event widget?

Given that this /latest-news/ is supposed to be a listing (list of posts) then I assume it should be an archive page. In that case, if you wish to display recent posts shortcode, then replace the tribe events widget with text widget plus recent posts shortcode. And if you’re going to change it, the tribe events widget is located in Admin > Appearance > Widgets > Main Sidebar

Again, the issue is multiple page sharing the same URL, but they are both different pages.

Hence, there is no problem when Yoast is active, because it’s displaying the archive page, just with Tribe widget.

Second, you can’t really edit archive pages in the builder. :slight_smile:

Hope this helps.