This thread is resolved. Here is a description of the problem and solution.
Problem: I have created some Views that use Masonry to display a grid of posts. One of these Views displays sibling posts of the post where this View is displayed. I need to use a shortcode attribute here to pass the current post's parent post ID into the post relationship Query Filter. The Query Filter seems to work as expected because I see the correct results in the output, however, the Masonry styles are not applied as expected.
If I insert the View via the original Content Template, the Masonry styles are applied as expected, but the results are not filtered by post relationship. I need to use the wpv-view shortcode in this case so I can add a shortcode argument for the post relationship Query filter. How can I insert the View in a way that maintains the post relationship Query Filter and also displays the results in a Masonry grid?
Solution: The most practical solution in this case is to add the missing CSS grid styles manually. To find the missing styles, temporarily insert the Content Template containing the original View. Compare the two results in the browser inspector / debugger tools to find missing styles. In this case, the following styles were missing when the View is inserted using a shortcode:
.tb-masonry {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
grid-column-gap: 25px;
}
Add the missing styles in the View block's Custom CSS panel.
This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.
Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|---|---|---|---|---|---|---|
| 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | - | - |
| 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | - | - |
Supporter timezone: America/New_York (GMT-04:00)
This topic contains 12 replies, has 3 voices.
Last updated by Christian Cox 2 years, 11 months ago.
Assisted by: Christian Cox.
Hii,
I'm trying to show brothers contents into a child page and I followed this post: https://toolset.com/forums/topic/view-to-display-more-children-of-the-same-parent-on-the-single-page-of-a-child/
I created a new content template with a view that shows contents filtered with The post with ID set by the shortcode attribute wpvrelatedto and I set up its layout as masonry style. (attachment 1)
Then in the product custom template I created a shortcode field and I added this shortcode
[wpv-view name="WorkOfSameArtist" wpvrelatedto="[wpv-post-id item='@artist-works.parent']"]
It works fine but I see it as a large column layout and not with a masonry layout as in my view. (attachment 2)
How can I solve it? Thank you!
Is there any documentation that you are following?
Is there a similar example that we can see?
What is the link to your site?
Sorry... the page where you can see tests is this: hidden link
Thank you!
Hi,
I have the same problem with another view.
I created three formatted views with columns. I showed them in a content template with [wpv-view name="MainEventView"] shortcode. After saving they are ok, but if I refresh the page they lose columns.
You can see the correct and the wrong versions in the attachments.
You can access the site with the same credentials I sent you before.
You can find views in Content Template: MainEventView, PastEventsView, ComingUpView
You can find the final page in Content Template: Events Directory.
Should I add some other CSS code?
Thank you for your help.
