Home › Forums › Pro Support › Ajax duplicating content
Tagged: ajax, duplicates
- This topic has 9 replies, 2 voices, and was last updated 5 years, 4 months ago by
Janek.
-
AuthorPosts
-
July 18, 2018 at 6:10 am #5289
Janek
ParticipantHi 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 #5317Tom
KeymasterHaving 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 #5320Janek
ParticipantHey 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 #5328Tom
KeymasterThe 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 #5332Janek
ParticipantI’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 #5336Tom
KeymasterGive this CSS a try:
.wpsp-col-6.featured-column { width: 100%; }
July 21, 2018 at 10:16 pm #5338Janek
ParticipantIs 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 #5339Janek
ParticipantThe 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 #5386Tom
KeymasterI 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 #5388Janek
ParticipantIf it works it works, right? 🙂
As always thanks for your assistance.
-
AuthorPosts
- You must be logged in to reply to this topic.