Jump to content

Archived

This topic is now archived and is closed to further replies.

erin-wsk

Display Single Category with Images (suggestion?)

Recommended Posts

erin-wsk    10
erin-wsk

I'm slowly working on bring my site over to DMS 2 (from DMS 1) but unfortunately, it's not an easy task. A good majority of my site (it's recipe based: http://naturallyella.com/recipes/) is shown on categories for which I've always used Anything Boxes. I understand that it's no longer in active development and so I'm wondering if anyone has a decent suggestion for something similar? I've tried the 3rd party filtering plug-in (with high hopes) but with 700 recipes, it completely bogged down my site and I had to stop using it. I was hoping the masonic grid would be a good solution but it's not category based (and I'd like to avoid editing every post to add meta key information.) 

 

In the past I've also used a category list plug-in but it's limited and doesn't look as nice as the rest of the site will on DMS. Thoughts and ideas are welcome. Thanks!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

The Masonic Section can be used to display your posts, pages or even your custom post types and you also have the option to display by category.

 

https://cloudup.com/cP_HjetzrgF

 

First you need to select your Post type, be it Post, Page or CPT, then underneath the Additional Post Selection you will see Category, select your category and save. 


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
erin-wsk    10
erin-wsk

That makes sense but I get stuck on the "select your category." Once I select "post" then all I see is the word category- no options to select a category or enter the category id. (This is the reason I didn't think it worked with categories.)

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

When you select you Category it displays all your categories and you can filter through them using the filter options.

 

If you want to use the Masonic Gallery and display a specific category, you can use the Meta Name options. See here for more information - http://forum.pagelines.com/topic/34590-custom-post-types-meta-key-meta-key-value-not-returning/?p=203639


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
erin-wsk    10
erin-wsk

I've yet to see any of my categories being shown as a choice. I have 'post' and 'category' but nothing changes- I see no other options. Thoughts?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

I don't think I can explain it any other way. If you want to use Categories, you select the Category option. What this will do is use all the posts from all your categories, then on the Masonic section, you will have filter options, where you can filter between your categories. These filter options will appear in the sections options, they will appear on the section itself, which you or your readers can click.

 

https://cloudup.com/cSiCJH-cSdz

 

In the above image, I am filtering my posts from my Family Guy category.

 

However, if  you want to get more specific, you will want to use the custom Fields option.

 

I am now using my Custom Post Type called Movies. I have used the Custom Fields option to add the following - https://cloudup.com/c_ocEORQisJ

 

I then go to my Masonic section and add the following - https://cloudup.com/c0amP5T9vbx

 

This will result in only my Movies posts displaying but the ones which have those custom fields - https://cloudup.com/cUnIOBzkNUp


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
erin-wsk    10
erin-wsk

And this is the root of my problem. I understand how the section works, I only want ONE category. I don't need the sort function which is why I asked my original question as I did. Yes, the masonic section is nice but it isn't quite inline with what I'm looking for (again, hence my original question- something more towards anything box.) 

 

For example, I have an overall category of recipes but I only want post from the child category: breakfast. I have 30+ categories on my site and it's not feasible for me to use a filtering section. 

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

You should try the Flipper section instead of Masonic categories.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
jdbrasesco+    3
jdbrasesco

+1 to erin-wsk"] . @[member="Danny, what you recommend is ok if you are building a new DMS2 site from scratch, but if you are upgrading an existing site, it is not practical.  I was able to use the custom fields and meta names here: http://brasesco.com/category/fun/ to get just my "Fun" posts to be shown.  However, going into 100's of prior posts to add the custom fields is not really feasible or productive.  There really should be an option to display a single category within the section.

 

Other issues with Masonic are the 15 post limit.  Makes it impractical to use for a masonic style blog.  If limited in any way, it should have pagination and the ability to display 5-15 post per page for example.  It would also be nice if it had the PostPins infinite scroll or show more posts options.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

jdbrasesco - We appreciate the feedback and I will make sure our developers see this. However, it is my understanding that both the Masonic Gallery and Flipper sections were not created to replace your post loop and therefore, do not support pagination have a display limit.

 

They were created to display X amount of posts and allow you to flip through them in regards to Flipper or in Masonic gallery case, display X amount of posts in a grid or gallery layout and filter through them.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
erin-wsk    10
erin-wsk

As per using flipper. I tried that originally and it rendered my site useless, dropping page load time to minutes because of the shear number of post. If I remember, Flipper does have pagination (tried to implement it to help with pageload) but it's fun an easy section to style and I could never get images to display at correct sizes. Just looking for something lightweight that can display one category with images. 

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

If Flipper effective your page load then the size of your images was to blame, I would try again and use the thumbnail option. Using thumbnail, shouldn't effect your page load.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
jdbrasesco+    3
jdbrasesco

jdbrasesco - We appreciate the feedback and I will make sure our developers see this. However, it is my understanding that both the Masonic Gallery and Flipper sections were not created to replace your post loop and therefore, do not support pagination have a display limit.

 

They were created to display X amount of posts and allow you to flip through them in regards to Flipper or in Masonic gallery case, display X amount of posts in a grid or gallery layout and filter through them.

 

Danny the DMS2 Demo Site uses Masonic Gallery extensively as a blog example.  Both "Blog Masonry" and "Fancy Blog" pages use Masonic Gallery which would lead one to believe that it is a viable blog section and capable of pagination or infinite scroll.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

I'll add it to our tracker as a feature request/enhancement for you.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • Queue-it
      By Queue-it+
      Hi,
      Previous webmaster has made short codes assigned to certain categories. For example: [pl_section section="loops" id="003"]  displays all the Job posts for tech. 
      But where can I assign a short code for a certain category? I can't find where to add the loop ID for the category.
       
      Thank you
       
    • Queue-it
      By Queue-it+
      I've created a new post category "Success stories" with Custom Post type UI. (in order to have a different layout for a different post category - blog post one layout, success stories another layout).
      New category "success stories" are "detached" from all the other posts, so they have a different layout, but the problem is that all of the success stories are also having the same exact content.
      So whenever I edit content (e.g. change body text) on one of success story posts, it also changes the content (body text) for all other Success story category posts. 
       
      Question: Is there a way to retain this separate category with it's own layout, and have a different content for each individual post? I'm using Pagelins templates. 
       Thanks in advance.
    • Queue-it
      By Queue-it+
      Hi,
      Is is possible to have different layouts for different Post categories? We have Blog posts, News posts and Case studies that all are posts, but is it possible to differentiate their layouts?
      So far when I change a post layout it affects all Post type pages. Could it be done somehow with creating a separate template? 
      Examples below
      https://queue-it.com/news/
      https://queue-it.com/blog/
       
    • Michael Kummer
      By Michael Kummer+
      Hi guys,
      I have noticed that all thumbnails on www.michaelkummer.com are scaled down in CSS or HTML, rather than on the backend by Jetpack's Photon. See https://db.tt/vNJCn7Gh and https://db.tt/3ZpkHM7G. 
      Any idea why Pins sets the image width and height to something much larger than what's shown on the screen? Is there any way to fix this so that Photon can do a better job in rescaling the images on the backend before they are delivered to the browser?
      Thanks
      Michael 
    • sfmstudios
      By sfmstudios+
      I'm using the boxes section on a local development site to play around with some options, and running into an issue.  
      Have the following settings for the boxes:
      Type: Images/SVC Media on Top Image Appearance: Standard/Default Image/Icon Width: 280px Image Opacity: 100% Each of my box images is 280x150 in size, but the result of the image on the box is a strange zoomed-in, cropped square (see attached).  I looked to adjust border properties via CSS, but couldn't find a fix.  What solutions are out there?

×