Is it possible to create a masonry post grid in Brizy Pro?

Brian Nielsen

• August 04, 2023 12:52

Hi,

I’ve been attempting to utilize your POST block, and it appears to be highly adaptable and enjoyable to work with, particularly when designing the “loop items”. However, is there a mechanism to manage how the grid is displayed? I require it to be in a masonry grid format.

I eagerly await your response.

Best regards,
Brian Nielsen

0

• 

  Ariel H.

  • August 04, 2023 13:25

  Hi Brian,

  Thank you for contacting us.

  At the moment, we don't have the option to change the post layout to masonry. The default display is in a grid format. However, we appreciate your feedback and have taken note of your suggestion to include it as a potential feature improvement in our future updates.

  Sorry for the inconvenience.

  Best regards,
  Ariel H.

  0
• 

  Brian

  • August 07, 2023 07:30

  Ok Ariel

  
  Thanks for your reply… do you know of any plugins we can use - we have been using one called THE GRID and inserted it as a shortcake, but it seems to have some conflict as it bring down our sites pages were that is included … and the site works if I disable it

  I tried you default post listing and it works too but does not support the masory grid we already had before this problem started

  // Brian

  0
• 

  KC George

  • August 07, 2023 09:18

  Hi Brian,

  Pleas explore the plugin Blog Designer Pack by InfornWeb. They have a Masonry layout option. Please use their Shortcode Builder to generate the shortcode. Have a look at this page that was built using their post masonry grid option. https://brizytest.online/posts/

  You could also look at other plugins from this list 6 Best Masonry WordPress Plugins 2023   

  0
• 

  Brian

  • August 11, 2023 13:19

  Hi KC George,

  Thank you for your response and the list of alternatives, but…

  Upon further investigation, in collaboration with ChatGTP, we found that the plugin we currently use works fine when the shortcode is added inside a non-Brizy page on the same website.

  It appears that the conflict arises when using Brizy in conjunction with the Grid. However, it's puzzling because we have one GRID template that functions correctly.

  Here's an example of a page that utilizes the grid. It's created with the WordPress Editor, and the header and footer are globally sourced from the Astra theme:
  https://roedovrecentrum.dk/artikler/

  Interestingly, when we use the exact same shortcode on an empty Brizy page, it results in a 503 error.

  To further test, we created our own shortcode, [latest_blog_posts tag="artikler"], to pull the latest posts based on a TAG and display them. But when this shortcode was added to Brizy, it caused the page to fail.

  Here's where the shortcode is used on a standard page:
  https://roedovrecentrum.dk/bn-artikler-test/

  And here's the same shortcode on a Brizy page:
  https://roedovrecentrum.dk/artikler-brizy-test-brian/

  While there might be other factors related to the template, it's evident that the issue is not solely with the GRID plugin, as even a custom-made shortcode results in the same problem.

  Below is the snippet that ChatGTP created. It functions correctly in edit mode but breaks when viewed on the frontend:

  function latest_blog_posts($atts) {
  $attributes = shortcode_atts( array(
  'tag' => '', // Default value.
  ), $atts );

  $args = array(
  'post_type' => 'post',
  'posts_per_page' => 8,
  'order' => 'DESC',
  'tag' => $attributes['tag'], // This will filter by tag.
  );

  $query = new WP_Query($args);

  $output = '';

  if ($query->have_posts()) {
  while ($query->have_posts()) {
  $query->the_post();
  $output .= ' ' . get_the_title() . ' ';
  $output .= ' ' . get_the_excerpt() . ' ';
  }
  wp_reset_postdata();
  } else {
  $output = "No posts found.";
  }

  return $output;
  }
  add_shortcode('latest_blog_posts', 'latest_blog_posts');

  Note we have other shortcakes that works fine, but they all get data from custom posttypes and not the NORMAL posts - and we only have 99 blogpost on the site and 76 is having the tag “artikler”.

  Any idea what can be the problem - it is driving me NUTS

  0
• 

  KC George

  • August 23, 2023 06:58
  • Edited

  Hi Brian,

  If the the shortcode works well with Gutenberg, you can give the Gutenberg page a Brizy design by adding a 'Page Template'. Please follow the procedure in this screen recording. https://jmp.sh/v3C3qqCe

  0
• 

  Brian

  • August 23, 2023 06:38

  Sorry for the late answer

  Can you please show me againwhat you mean as the screen recording is not working and I first see it now

  NOTE that we have the problem on the homepage where client often edit the top section and would like this to be kept as a Brixy element as they need it to be easy to manage

  The site is this

  Shopping Centre (https://roedovrecentrum.dk/)
  roedovrecentrum.dk (https://roedovrecentrum.dk/)

   

  // Brian

  0
• 

  KC George

  • August 23, 2023 07:04

  Hi Brian,

  I am sorry for the broken link in my previous comment. I have fixed the broken link. Please have a look at the procedure by clicking on the link above.    

  0

Please sign in to leave a comment.