I am trying to:
optimize search formular and results of hotel-finder; I changed today the formular with success.
But the Loop-assistant is creating some wrong files. It's not working right.
I tried to fix it like this to get 6 hotel as results per row
(Loop-assistant)
[wpv-layout-start]
[wpv-items-found]
<!-- wpv-loop-start -->
<table width="100%" class="wpv-loop js-wpv-loop">
<wpv-loop wrap="6" pad="true">
[wpv-item index=1]
<tr>
<td>
[wpv-post-body view_template="loop-item-in-hotel-finder-test"]
</td>
[wpv-item index=other]
<td>
[wpv-post-body view_template="loop-item-in-hotel-finder-test"]
</td>
[wpv-item index=6]
<td>
[wpv-post-body view_template="loop-item-in-hotel-finder-test"]
</td>
[wpv-item index=pad]
<td></td>
[wpv-item index=pad-last]
<td></td>
</tr>
</wpv-loop>
</table>
<!-- wpv-loop-end -->
[/wpv-items-found]
[wpv-no-items-found]
[wpml-string context="wpv-views"]No items found[/wpml-string]
[/wpv-no-items-found]
[wpv-layout-end]
Link to a page where the issue can be seen:
-
I expected to see:
enlace oculto
Instead, I got:
enlace oculto
What is wrong with the code?
Can you please help me?
With kindest regards
Rolf Fleckenstein
Item index 6 should have a closing tr tag. The syntax highlighter will show this as an error, but it is correct:
[wpv-item index=6]
<td>
[wpv-post-body view_template="loop-item-in-hotel-finder-test"]
</td>
</tr>
Other than that, it looks like there is a problem in the filters because the results are nested inside the filters. Double check your filters section for closing divs. If you can't find the problem, copy and paste the contents of the Search and Pagination editor here for me to review.
Hi Christian
I changed now the code as follwing:
[wpv-layout-start]
[wpv-items-found]
<!-- wpv-loop-start -->
<table width="100%" class="wpv-loop js-wpv-loop">
<wpv-loop wrap="6" pad="true">
[wpv-item index=1]
<tr>
<td>
[wpv-post-body view_template="loop-item-in-hotel-finder-test"]
</td>
[wpv-item index=other]
<td>
[wpv-post-body view_template="loop-item-in-hotel-finder-test"]
</td>
[wpv-item index=6]
<td>
[wpv-post-body view_template="loop-item-in-hotel-finder-test"]
</td>
</tr>
[wpv-item index=pad]
<td></td>
[wpv-item index=pad-last]
<td></td>
</tr>
</wpv-loop>
</table>
<!-- wpv-loop-end -->
[/wpv-items-found]
[wpv-no-items-found]
[wpml-string context="wpv-views"]No items found[/wpml-string]
[/wpv-no-items-found]
[wpv-layout-end]
With that the results are still not visible.
And here is the code of the filter and search section:
[wpv-filter-start hide="false"]
[wpv-filter-controls]
<div class="row">
<div class="col-sm-3"><div class="form-group">
<label>[wpml-string context="wpv-views"]Suche[/wpml-string]</label>
[wpv-filter-search-box output="bootstrap"]
</div></div>
<div class="col-sm-3"><div class="form-group">
<label>[wpml-string context="wpv-views"]Reiseziele[/wpml-string]</label>
[wpv-control-post-taxonomy taxonomy="reiseziel" type="select" default_label="Wählen Sie" url_param="wpv-reiseziel"]
</div></div>
<div class="col-sm-3"><div class="form-group">
<label>[wpml-string context="wpv-views"]Hotelkategorie[/wpml-string]</label>
[wpv-control-postmeta field="wpcf-hotel-kategorie" type="select" default_label="Wählen Sie" url_param="wpv-wpcf-hotel-kategorie"]
</div></div>
<div class="col-sm-3"><div class="form-group">
<label>[wpml-string context="wpv-views"]Sportarten Hotel[/wpml-string]</label>
[wpv-control-post-taxonomy taxonomy="sportart-hotel" type="select" default_label="Wählen Sie" url_param="wpv-sportart-hotel"]
</div></div><div>
<div class="row">
<div class="col-sm-3"><div class="form-group">
<label>[wpml-string context="wpv-views"]Wellness[/wpml-string]</label>
[wpv-control-postmeta field="wpcf-wellness" type="checkboxes" url_param="wpv-wpcf-wellness"]
</div></div>
<div class="col-sm-3"><div class="form-group">
<label>[wpml-string context="wpv-views"]Zimmertyp[/wpml-string]</label>
[wpv-control-postmeta field="wpcf-zimmertyp" url_param="wpv-wpcf-zimmertyp"]
</div></div>
<div class="col-sm-3"><div class="form-group">
<label>[wpml-string context="wpv-views"]Paket-Angebote[/wpml-string]</label>
[wpv-control-postmeta field="wpcf-paket-angebote" type="checkboxes" url_param="wpv-wpcf-paket-angebote"]
</div></div>
<div class="col-sm-3"><div class="form-group">
<label>[wpml-string context="wpv-views"]Zimmerpreise[/wpml-string]</label>
[wpv-control-post-taxonomy taxonomy="zimmerpreis" type="multi-select" url_param="wpv-zimmerpreis"]
</div></div></div>
<div class="row">
<div class="form-group"><div class="col-xs-2">[wpv-filter-submit name="Suche" type="button" class="btn btn-primary btn-block" output="bootstrap"]</div><div class="form-group"><div class="col-xs-2">[wpv-filter-reset reset_label="Reset" type="button" class="btn btn-info btn-block" output="bootstrap"]
</div></div>[/wpv-filter-controls]
[wpv-filter-end]
Glad to hear from you soon.
With kindest regards
Rolf
I could solve a part of the problem by copying the old version into the fields
[wpv-layout-start]
[wpv-items-found]
<!-- wpv-loop-start -->
<wpv-loop wrap="4" pad="true">
[wpv-item index=1]
<div class="row ">
<div class="col-sm-3">[wpv-post-body view_template="loop-item-in-hotel-finder-test"]</div>
[wpv-item index=other]
<div class="col-sm-3">[wpv-post-body view_template="loop-item-in-hotel-finder-test"]</div>
[wpv-item index=4]
<div class="col-sm-3">[wpv-post-body view_template="loop-item-in-hotel-finder-test"]</div>
</div>
[wpv-item index=pad]
<div class="col-sm-3"></div>
[wpv-item index=pad-last]
<div class="col-sm-3"></div>
</div>
</wpv-loop>
<!-- wpv-loop-end -->
[/wpv-items-found]
[wpv-no-items-found]
[wpml-string context="wpv-views"]No items found[/wpml-string]
[/wpv-no-items-found]
[wpv-layout-end]
As you can see, the code is quite different.
Why is the software giving me such a wrong code? How to avoid this?
And how can I easily change into 6 items per row?
Why is the software giving me such a wrong code? How to avoid this?
The Loop Wizard can create different types of loops. It looks like you used a Bootstrap Grid before. So I would click Loop Wizard and choose Bootstrap Grid. Then you can set 6 columns if you want. This should produce markup more like what you had before.
