Skip Navigation

[Resolved] Views inside views cause styling problems

This support ticket is created 2 years, 1 month ago. There's a good chance that you are reading advice that it now obsolete.

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
- 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Kolkata (GMT+05:30)

This topic contains 4 replies, has 2 voices.

Last updated by andyR-4 2 years, 1 month ago.

Assisted by: Minesh.

Author
Posts
#2519637

Based on what Waqar wrote in this ticket: https://toolset.com/forums/topic/filterable-list-with-sub-item-grid/
including reference to: https://toolset.com/documentation/legacy-features/views-plugin/using-a-child-view-in-a-taxonomy-view-layout/
I'm listing a view inside another view.

The exact way is: View «Kategorien» uses Content-Template «Loop item in Kategorien» which then includes View «Produktliste» which ultimately uses Conent-Template «Loop item in Produktliste»

Two problems with this:
1. Toolset adds theme's wrapper div's (e.g. div's with class "grve-container") even though on both Views respective option is disabled. This causes major styling issues.
2. Filters are not displayd (in the beginning at least first filter was working)
3. Second "Categories" filter not working

I expected to see:
hidden link

Instead, I got:
hidden link

As recommended solution does not work, referenced ticket is not yet resolved.
In case it's based on a faulty configuration I'm willing to pay for resolving the issues.

#2520037

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

I'm not sure why you are using those theme CSS code. You can simply add the grid.

Here is the official doc about how you can add responsive design to your site:
=> https://toolset.com/course-lesson/creating-responsive-designs/

Can you please try to follow that and check if that help you.

Please let ne know how it goes.

#2520239

As you can read in my initial posting, there is a listing of (filterable) categories and within every category there need to be a listing of n subitems (products + peoples) connected to the respective product category.

I can't build this using the block editor as the products have to be listed in 3 columns per line (on desktop). => See the provided links in my initial posting

Therefore the column-structure is based in the VIEW «product list» ("Produktliste") and the html-element to show a specific product in the subsequential CONTENT-TEMPLATE.

To me, it does not matter with what editor or code basis the code is rendered. I just want it to work.
If you can provide any helpful information on how to solve my described problems, this is very welcome.

#2520249

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

I'm not sure if you are aware of not but Toolset offers the bootstrap integration. You can set what bootstrap framework version you want to load: https://toolset.com/2019/07/toolset-now-supports-bootstrap-4/

Once you do that you can use the view's loop wizard and set how many columns you want to display:
- https://toolset.com/documentation/legacy-features/views-plugin/view-layouts-101/
- https://toolset.com/documentation/legacy-features/views-plugin/view-layouts-101/#bootstrap

This will help you to display three columns per row in your child view (product view).

Please check the following test page:
- hidden link

The above page shows the following view as parent view:
- hidden link

The following view is added inside the above parent view's loop:
- hidden link

You can follow this steps and you can just format your output as per your requirement.

#2520369

Many thanks, with this I was able to fix all the issues. Now some final CSS stylings and I'll be fine.