Skip Navigation

[Resolved] Loop not working after version upgrade

This thread is resolved. Here is a description of the problem and solution.

Problem: I recently upgraded Toolset and now one of my Views is broken. The results are not formatted correctly.

Solution: Check the markup in the Loop and ensure that all tags are closed correctly.

This support ticket is created 6 years, 3 months 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
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 4 replies, has 2 voices.

Last updated by Christian Cox 6 years, 3 months ago.

Assisted by: Christian Cox.

Author
Posts
#1080276

I am trying to: Upgrade theme and plugins

Link to a page where the issue can be seen: hidden link

I expected to see: The format of the first chart (looped item) copied for the rest of the items

Instead, I got: I have a 'test' website that is set to not be indexed/found by search engines, that in most ways mirrors my actual website (the content, however, is much more limited on the test website). I use this for, as the name would indicate, testing new things (I have limited web programming skills) and for testing version upgrades on themes and plugins , as I have run into problems in the past on version upgrades. When website changes work as planned, I make the corresponding changes to my actual fully functional public website.

Two days ago I did a version upgrade to both my Divi theme and my Toolset plugins on my test website. If you look at the page from the test website, referenced above, you will notice that the formatting in the loop has been compromised. Not sure how to fix it. Here is the link to the functional website, on which I have NOT upgrade the theme and Toolset plugins. The formatting on this site is pretty much as it should be: hidden link

Please help so that I can upgrade my theme and plugins as soon as possible, and continue development on my site. Thanks much!!

#1080684

Hi, I'll be glad to take a look. Please edit this View in wp-admin and copy + paste all the code from the Loop Editor here for me to review. If a Content Template is used in the Loop, please copy + paste all the code from the Content Template here for me to review as well.

#1080721

Here is the loop editor. The weird 'hello' html code, as well as others was just me testing some things out - they worked and I never changed them to a more logical naming convention. No content templates were used for this page. Thanks for your help! Here is the code:

[wpv-layout-start]
[wpv-items-found]
<!-- wpv-loop-start -->
<ul class="wpv-loop js-wpv-loop">
<wpv-loop>

<style>
hr{border-top: 1px solid #8c8b8b;}</style>
<hr />

<style>
hello {font-size:1.0em;font-family:avenir next condensed;border:1px; border-style:solid; border-color:#68bbcc; padding: .5em;} </style>
<tryit>[wpv-post-title]&nbsp&nbsp[wpv-woo-buy-or-select add_to_cart_text='' link_to_product_text='' group_add_to_cart_text='' external_add_to_cart_text='' show_quantity_in_button='no' show_variation_options='no']</tryit>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<skuformat>Product Number: [wpv-post-field name="_sku"]</skuformat>
</br>
</br> <hello>Difficulty Level:&nbsp&nbsp[wpv-post-taxonomy type="difficulty-level" format="name"]</hello>
<hello>Series:&nbsp&nbsp[types field='series'][/types]</hello>
<hello>Tempo:&nbsp&nbsp[wpv-post-taxonomy type="tempo" format="name"]</hello>
<hello>Style:&nbsp&nbsp[wpv-post-taxonomy type="style" format="name"]</hello>
</br>
</br>
<hello>Instrumentation:&nbsp&nbsp[wpv-post-taxonomy type="jazz-chart-instrumentation" format="name"]</hello>&nbsp&nbsp<hello>Solo changes provided for:&nbsp[wpv-post-taxonomy type="chord-changes-solo-instrument" format="name"]</hello>
</br>
</br>
<div class="columns">
<div class="red">Composed by:[wpv-view name="jazz-charts-composer-view"]</div>
<div class="grey">Arranged by:[wpv-view name="jazz-charts-arranger-view"]</div>
<div class="red">Price:[wpv-woo-product-price]</div>
<div class="grey">[wpv-post-featured-image]</br></br><div style="width:100%"></br></br>
<div style="width:30%">[types field='full-audio' loop='off' autoplay='off'][/types]<div></br></br>[player id=929]
</div></div>
</div>
<div class="columndouble">[types field='product-description'][/types]</div>
</br>
</br>
</wpv-loop>

<!-- wpv-loop-end -->
[/wpv-items-found]
[wpv-no-items-found]
[wpml-string context="wpv-views"]No charts match your criteria[/wpml-string]
[/wpv-no-items-found]
[wpv-layout-end]

#1080722

Thought that it may be helpful to have the CSS, so here it is:

div.columns {width: 900px; }
div.columns div {width: 225px; Height: 100px; float: left; }

div.columndouble {width: 450px; }
div.columndouble div {width: 450px; Height: 200px; float: left; }

div.grey {
color: black;
}

tryit {
color: black;
font-size: 24px;
}

skuformat {
color: black;
font-size: 16px;
}

#1081373

It looks like a couple of closing div tags are missing from your loop. Add them just before the closing wpv-loop tag, like this:

<div class="columns">
  <div class="red">Composed by:[wpv-view name="jazz-charts-composer-view"]</div>
  <div class="grey">Arranged by:[wpv-view name="jazz-charts-arranger-view"]</div>
  <div class="red">Price:[wpv-woo-product-price]</div>
  <div class="grey">[wpv-post-featured-image]</br></br>
    <div style="width:100%"></br></br>
      <div style="width:30%">[types field='full-audio' loop='off' autoplay='off'][/types]
        <div></br></br>[player id=929]</div>
      </div>
    </div>
    <div class="columndouble">[types field='product-description'][/types]</div>
  </div>
</div>
</br>
</br>
</wpv-loop>