Search Results List

<ul class="search-results__list"></ul>

Search Results List Item

*** NOTE all variants share the same basic template EXCEPT for --order

<li class="search-results__list-item">
    <div class="search-results__image">
        <a class="search-results__link" href="#">
            <img src="https://www.sho.com/site/image-bin/images/804_0_0/804_0_0_97_1280x640.jpg">
            <h6 class="search-results__video-duration"></h6>
        </a>
    </div>
    <div class="search-results__text">
        <a class="search-results__link" href="#">
            <h4 class="search-results__title">Homeland - Official Series Site | SHOWTIME</h4>
        </a>
        <h5 class="search-results__price"><span class="search-results__price--sale"></span> </h5>
        <p class="search-results__description">The official site of the SHOWTIME Original Series Homeland. Find out about new episodes, watch previews, go behind the scenes and more.</p>
    </div>
</li>

--video

<li class="search-results__list-item search-results__list-item--video">
    <div class="search-results__image">
        <a class="search-results__link" href="#">
            <img src="https://www.sho.com/site/image-bin/images/804_5_0/804_5_0_pro17_640x360.jpg">
            <h6 class="search-results__video-duration">2:46</h6>
        </a>
    </div>
    <div class="search-results__text">
        <a class="search-results__link" href="#">
            <h4 class="search-results__title">Homeland Returns | SHOWTIME</h4>
        </a>
        <h5 class="search-results__price"><span class="search-results__price--sale"></span> </h5>
        <p class="search-results__description">Homeland will return for season 6.</p>
    </div>
</li>

--store

  •

    Homeland Heatmug | Showtime Store
    $10.97 (Was $29.95)

    Hone your daily skills simply by adding caffeine in the Homeland Heatmug. The black mug features the Homeland logo along with a red tracking design. P...

<li class="search-results__list-item search-results__list-item--store">
    <div class="search-results__image">
        <a class="search-results__link" href="#">
            <img src="http://store.sho.com/imgcache/product/resized/000/778/874/catl/homeland-heatmug-505_217.jpg">
            <h6 class="search-results__video-duration"></h6>
        </a>
    </div>
    <div class="search-results__text">
        <a class="search-results__link" href="#">
            <h4 class="search-results__title">Homeland Heatmug | Showtime Store</h4>
        </a>
        <h5 class="search-results__price"><span class="search-results__price--sale">$10.97</span> (Was $29.95)</h5>
        <p class="search-results__description">Hone your daily skills simply by adding caffeine in the Homeland Heatmug. The black mug features the Homeland logo along with a red tracking design. P...</p>
    </div>
</li>

--order

<li class="search-results__list-item search-results__list-item--order">
    <a class="search-results__link" href="#"> <!-- note order list item has wrapping anchor tag -->
        <div class="search-results__image">
            <img src="https://www.sho.com/site/image-bin/images/0_0_0/0_0_0_prm-ogseries_1280x640.jpg">
        </div>
        <div class="search-results__text">
            <h4 class="search-results__title">DON’T HAVE SHOWTIME? TRY IT NOW FOR FREE.</h4>
            <p class="search-results__description">Get commercial-free access and start streaming Homeland.</p>
        </div>
    </a>
</li>

styleguide/search-results-list/_serp_list_item.jsp.md