Ajax duplicating content – WP Show Posts

Tagged: ajax, duplicates

This topic has 9 replies, 2 voices, and was last updated 4 years, 10 months ago by Janek.

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
July 18, 2018 at 6:10 am #5289

Janek
Participant

Hi Tom,

Im having an issue with the ajax load more where when I click load more the page turns into a jumbled mess of duplicated posts. It seems to only happen when I have more than one WP Show Posts on the page. Otherwise it works fine.

Site is: http://janek-dev.flywheelsites.com/episodes/
I believe you have the login and password in your emails from last time if you want to take a look.

July 19, 2018 at 8:08 pm #5317

Tom
Keymaster

Having more than one list on a page with pagination isn’t recommended at all. It can cause duplicate content issues which will hurt your site in search engines.

It can also get really confusing for WordPress (as you’re finding out).

July 19, 2018 at 8:14 pm #5320

Janek
Participant

Hey Tom, due to the limitations could you recommend a way of achieving a list that has a featured post that takes up 100% of the container width/1 column while also having a 4 column setup for the subsequent posts in the list? The trickiest part is i want the 4 columns to have a different total width then the featured post. You can see the exact visual layout on the page I linked.

July 20, 2018 at 8:33 pm #5328

Tom
Keymaster

The featured post option should get us most of the way there, but we’ll need some CSS.

If you want to enable the featured post option and let me know, I’ll take a look.

I assume you’ll be setting this on the same site as you sent earlier?

July 20, 2018 at 8:45 pm #5332

Janek
Participant

I’ve just changed it then. You might need a page refresh.

To clarify, since I seem to have provided the wrong link in the other support ticket. The page is indeed:
http://janek-dev.flywheelsites.com/episodes/

I’ve enabled excerpts on the list, but they will probably be removed on everything but the featured, which is easy enough via CSS. Its just the damn widths that I need sorting out. 🙂

I left the previous separate list at the top of the page so you can see the sizing I’m aiming for.

For the record the top list is in a section container with full width enabled.
The bottom one is in a container with contained width.
I believe both sections have a max width manually defined, so even in a full width container content will not exceed a certain width. That way I can easily get a varied width look on my pages for different content.

Hope that makes sense.

July 21, 2018 at 10:02 pm #5336
Tom
Keymaster
Give this CSS a try:
```
.wpsp-col-6.featured-column {
    width: 100%;
}
```
July 21, 2018 at 10:16 pm #5338

Janek
Participant

Is there a way to do a slight break out of the container width to make it stand out. For instance you might notice I have a slightly different width for the featured item on that page at the top compared to the 4 column list below.

July 21, 2018 at 11:05 pm #5339
Janek
Participant
The best I can achieve is:
```
.featured-column {
    width: 110%!important;
    left: 50%;
    right: 50%;
    margin-left: -55%!important;
    margin-right: 45%!important;
}
```
I then have this in a @media min width breakpoint so it doesnt affect the featured column on tablet or mobile.
Not sure if there’s any other way to do it?
July 23, 2018 at 8:25 pm #5386

Tom
Keymaster

I tried some other methods but didn’t have any success. I don’t see anything wrong with your method 🙂

July 23, 2018 at 8:29 pm #5388

Janek
Participant

If it works it works, right? 🙂

As always thanks for your assistance.
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.

[Resolved] Ajax duplicating content