We're merging with GenerateBlocks! Learn more here.

[Resolved] Ajax duplicating content

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Ajax duplicating content

Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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.

    #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).

    #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.

    #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?

    #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.

    #5336
    Tom
    Keymaster

    Give this CSS a try:

    .wpsp-col-6.featured-column {
        width: 100%;
    }
    #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.

    #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?

    #5386
    Tom
    Keymaster

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

    #5388
    Janek
    Participant

    If it works it works, right? 🙂

    As always thanks for your assistance.

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.