Dieser Thread wurde gelöst. Hier ist eine Beschreibung des Problems und der Lösung.
Problem:
How to create striped results for a View output?
Solution:
Add different classnames for each loop iteration, either by using the even and odd values for the index attribute of the wpv-item shortcode, or as described below using the index=1 and index=2 attributes and adding the wrap="2" attribute to the wpv-loop tag to make them repeat: https://toolset.com/forums/topic/changing-row-colors-in-a-view/#post-1128171
Relevant Documentation:
https://toolset.com/documentation/user-guides/views-shortcodes/#wpv-item
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 |
|---|---|---|---|---|---|---|
| - | 7:00 – 14:00 | 7:00 – 14:00 | 7:00 – 14:00 | 7:00 – 14:00 | 7:00 – 14:00 | - |
| - | 15:00 – 16:00 | 15:00 – 16:00 | 15:00 – 16:00 | 15:00 – 16:00 | 15:00 – 16:00 | - |
Supporter timezone: Europe/London (GMT+00:00)
Dieses Thema enthält 2 Antworten, hat 2 Stimmen.
Zuletzt aktualisiert von vor 6 Jahren, 1 Monat.
Assistiert von: Nigel.
Hi Thomas
You need to use the wpv-item shortcode for the first and second iterations and add the wrap attribute to the wpv-loop tag so that these are applied for every nth iteration and not just the first.
So the loop editor looks like this:
[wpv-layout-start] [wpv-items-found] <!-- wpv-loop-start --> <wpv-loop wrap="2" pad="true"> [wpv-item index=1] <div class="stripe-red">[wpv-post-body view_template="Loop item in Striped View"]</div> [wpv-item index=2] <div class="stripe-green">[wpv-post-body view_template="Loop item in Striped View"]</div> </wpv-loop> <!-- wpv-loop-end --> [/wpv-items-found] [wpv-no-items-found] <strong>[wpml-string context="wpv-views"]No items found[/wpml-string]</strong> [/wpv-no-items-found] [wpv-layout-end]
I'm simply adding different class names to every 1st and 2nd iteration (results in the screenshot).
These are documented here: https://toolset.com/documentation/user-guides/views-shortcodes/#wpv-loop
You can see an example most easily whenever you use the Loop Wizard to insert a structure such as the Bootrap grid or list output formats.
