Need to Add Many Archives to my Web Pages

dstro003 · February 12, 2023, 7:36pm

My website hosts a large library of content.

I need to add post tiles that display a posts from a specific category.

Here are examples of what these types of pages look like. I am using a grid plugin at the moment and want to replace the grid plugin with the pro theme post tiles (minimal).

These pages need to have pagination, so it looks like I need to create an archive layout.

I can’t figure out how to add archive layouts to specific pages that only show specific post categories on my site like the examples above.

As mentioned, I need to do this for a large number of pages on my site.

How can I assign these archive layouts to display posts from a specific category and what is the quickest and most efficient way to do this?

tristup · February 14, 2023, 10:37am

Hi @dstro003,

Unfortunately, the Archive Layout can’t be assigned to any single page.

Thanks

dstro003 · February 14, 2023, 5:28pm

Okay. If I am not able to assign an archive layout, how would I add the post tiles to many different pages where the grid displays posts from only a certain category and has pagination?

tristup · February 16, 2023, 9:24am

Hi @dstro003,

You can use the Post element, or you can use the Looper Provider to get the data. I would suggest you go through the following documentation which may help you.

Alternatively, you can use the Slider element where you can have the Navigation, or you can purchase the Modern Slider where you can have a prebuilt slider which may help you on this.

Thanks

dstro003 · February 16, 2023, 7:46pm

I just need to create a simple grid that displays the posts with a pagination at the bottom for 50 pages on my website. Nothing fancy here.

How can I do this without the archive layout?

Like this:

tristup · February 17, 2023, 8:57am

Hi @dstro003,

Unfortunately, pagination is not possible.

Thanks

dstro003 · February 17, 2023, 6:01pm

Isn’t having a grid that displays posts with pagination a fundamental feature for grids?

I’ve never seen any grid plugin or any type of grid that doesn’t have pagination.

Is there any work around for this?

ruenel · February 18, 2023, 3:34am

Hello @dstro003,

Our Grid element can be used with the Loopers to have a CSS-grid structure layout in displaying the post items. Using Loopers on normal pages, you cannot have pagination. The Pagination is only available on archive pages. As to the Post Grid plugin that you are using, it has a built-in AJAX scripting that enables pagination.

Regretfully there is no workaround for the pagination when using Loopers. It is best that you use a plugin like Post Grid or Essential Grid plugin instead.

Best Regards.

dstro003 · February 18, 2023, 5:56pm

I see.

Unfortunately I can’t use essential grid as it caused a ton of issues with my site speed.

I guess, I would still like to use the post tiles even If I can’t use the pagination.

3 questions here about the post tiles.

Can I add a counter at the top of the page to display how many posts are in the post tiles?
For example

asdf1755×1162 248 KB
Is there are way to make the cornerstone post tiles grid better for site performance? Sometimes I’ll be loading 100-200 post tiles
Are there filtering options that I can add to the top of the post tiles grid like: date added, name, etc.

Thanks

ruenel · February 19, 2023, 1:08am

Hey @dstro003,

I’ll answer your question in reverse order.

3.) You can use Loopers and URL parameters to be able to have a sort filter in your layout. This video may help you:
https://www.youtube.com/watch?v=611IwxrOz8E

2.) You will have to the archive page so that you can load the items with pagination. Loading 100-200 items on one single page will be an issue. It can make the site slow. If you use the archive page, you can always use Cornerstone’s layout Builder so you can create a custom layout for your archive. If you want, we can create a demo for you.

1.) Yes, you can. You will have to run a Looper and display the number of items using the {{dc:looper:count}} dynamic content.

Best Regards.

dstro003 · February 19, 2023, 1:42am

Thanks for answering my questions.

Yes, could you please create a demo for me for 2.)?

ruenel · February 19, 2023, 2:36am

Hey @dstro003,

Please see the demo link in the secure note below.

You can get creative with your custom layout. You can add sort filters as shown in the video tutorials.

Hope this helps.

dstro003 · February 19, 2023, 5:15am

Thanks for making the demo for me.

There seems to be an issue when trying to edit the page.

Also, I am not able to click on any of the grid cards.

ruenel · February 19, 2023, 8:15am

Hello @dstro003,

When editing a custom layout, make sure to check the condition and then assign the correct page in the preview.

Hope this helps.

dstro003 · February 19, 2023, 9:12pm

This page seems to break my site.

Every time I open it up it gives me this blank page.

And when I open a new tab for any page on the website, the page just times out.

I think there was something in the layout that you created that created this.

Can you help trouble shoot this?

dstro003 · February 19, 2023, 9:15pm

I think this error was from the changes that were made from the layout

ruenel · February 20, 2023, 1:29am

Hello @dstro003,

The demo layout is not the cause of this issue. When the page times out, you will be seeing this message:
If you're the owner of this website:** **The connection to the origin web server was made, but the origin web server timed out before responding. The likely cause is an overloaded background task, database or application, stressing the resources on your web server. To resolve, please work with your hosting provider or web development team to free up resources for your database or overloaded application. Additional troubleshooting information here.

At the moment, viewing even the homepage gives me an error which is not supposed to happen. Please double-check this issue with your hosting provider first.

Best Regards.

dstro003 · February 20, 2023, 5:42pm

It is related to the page that was built.

The site works fine and then when I try and view the webpage or edit it in cornerstone, only that page doesn’t work.

I am now seeing this when editing in cornerstone when trying to edit the page.

Are you able to edit these pages?

https://soundshockaudio.com/category/dubstep-free-presets/
https://soundshockaudio.com/cornerstone/edit/59914

If so, can you please delete what you have added to these and try creating another demo?

dstro003 · February 22, 2023, 9:58pm

Any updates on this?

ruenel · February 23, 2023, 9:59pm

Hello @dstro003,

The Free Preset has been removed from your Layouts in the builder. I have saved it as a template by the way. You may need it a layout demo. By the way, the Cloudflare, CLP Varnish Cache and NinjaFirewall (WP Edition) are choking the site which is causing the loading issue of the layout or the category page archive that I created as a demo. If you want to check out the demo that I have created, you can recreate it using the “Free Preset” Section template. If the issue comes back again, you can temporarily deactivate the above mentioned plugins temporarily.

I also checked your other archive layouts. They are working as well. The “Hip Hop Samples Archive” layout will have issue because you added a Looper Provider, the pagination will not work. The Search Archive will work perfectly for the search results pages.

Best Regards.