Client only wanted to show Click to Swap Images" if there where swap-able images with thumbnails. Couldn't find a variable to wrap that line of text so, used CSS.
<style>
.thumbnails li:last-of-type:after { content: "Click to Swap Image";
width: 180px;
display: block;
margin: 5px 0 0 0;
float: right;
text-align: center;
font-size: 12px;
font-style: italic;
}
</style>
<ul id="thumbnails" class="thumbnails" style="margin-top: 20px;">
Since the <li> elements are only present IF there are swappable images, this basically acts as its own condition test. Would probably need to fool around with positioning, but the above will give you a start.
<style>
.thumbnails li:last-of-type:after { content: "Click to Swap Image";
width: 180px;
display: block;
margin: 5px 0 0 0;
float: right;
text-align: center;
font-size: 12px;
font-style: italic;
}
</style>
<ul id="thumbnails" class="thumbnails" style="margin-top: 20px;">
Since the <li> elements are only present IF there are swappable images, this basically acts as its own condition test. Would probably need to fool around with positioning, but the above will give you a start.
Comment