I have a portfolio page using Categories, it uses a template for the item and a template for the listing. Something is going wrong. What should happen is the category assigned when adding an item in admin, should get added as a class to the div to display that item. Its also not cropping. Below is code.
Am I using incorrect tags that changed in v3?
For Item:
Code
- <perch:categories id="media" label="Category" set="media" display-as="checkboxes"><perch:category id="catTitle" /></perch:categories>
- <perch:content id="slug" for="title" type="slug" suppress="true" />
- <perch:category id="catSlug" for="catTitle" type="slug" suppress="true" />
- <perch:content type="text" id="video-link" label="YouTube Link" help="Use For You Tube URLs Only" />
- <img src="<perch:content type="image" id="media" label="Image" />" title="<perch:content id="title" type="text" label="Media Title" title="true" />" />
For Listing (FYI the data-filter javascript reuses the catClass):
Code
- <perch:before>
- <div class="l-submain">
- <div class="l-submain-h i-cf">
- <div class="w-portfolio columns_4 type_sortable">
- <div class="w-portfolio-h">
- <div class="w-filters animate_afb">
- <div class="w-filters-h">
- <div class="w-filters-list">
- <div class="w-filters-item">
- <ul>
- <li class="w-filters-item active"><a class="w-filters-item-link" href="javascript:void(0);" data-filter=".studio-photography">Studio Photography</a></li>
- <li class="w-filters-item"><a class="w-filters-item-link" href="javascript:void(0);" data-filter=".live-photography">Live Photography</a></li>
- <li class="w-filters-item"><a class="w-filters-item-link" href="javascript:void(0);" data-filter=".videos">Band Videos</a></li>
- <li class="w-filters-item"><a class="w-filters-item-link" href="javascript:void(0);" data-filter="*">All</a></li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- <div class="w-portfolio-list">
- <div class="w-portfolio-list-h popup-gallery">
- </perch:before>
- <perch:categories id="media" label="Category" set="media">
- <div class="w-portfolio-item <perch:category id="catClass"/>">
- </perch:categories>
- <div class="w-portfolio-item-h">
- <a class="w-portfolio-item-anchor" href="<perch:content id="slug" type="slug" />">
- <div class="w-portfolio-item-image">
- <img src="<perch:content type="image" id="media" width="500" height="400" quality="100" sharpen="0" crop="true" />" title="<perch:content id="title" type="text" label="Media Title" title="true" />" />
- <div class="w-portfolio-item-meta">
- <h2 class="w-portfolio-item-title"><perch:content id="title" type="text" label="Media Title" /></h2>
- <span class="w-portfolio-item-arrow"></span>
- </div>
- </div>
- </a>
- </div>
- </div>
- <perch:after>
- </div>
- </div>
- </div>
- </div>
- </div>
- </perch:after>