File: /home/dtptviut/public_html/wp-content/plugins/comparisonfeed-wp/templates/Magazines/template.html
<div class="compare-row ads-magazine-row" data-campaign-id="{{>campId}}">
<!-- Custom feed label if defined -->
{{if customLabel && customLabel.text && customLabel.icon}}
<div class="as-feed-label" as-data-style="{{if customLabel.color}}background-color: #{{>customLabel.color}}{{/if}}">
<div class="text-large ellipsis">
<i class="fa fa-{{>customLabel.icon}} fa-lg"></i>
{{>customLabel.text}}
</div>
<div class="flag-label" as-data-style="{{if customLabel.color}}border: 1em solid #{{>customLabel.color}}{{/if}}"></div>
<div class="flag-edge"></div>
</div>
{{/if}}
<div class="row-item">
<!-- Left section -->
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-2 ads-clearfix hidden-xs">
<!-- Magazine cover -->
<div class="magazine-container">
<a href="{{>trackingUrl}}" class="as-link" target="_blank" rel="nofollow">
{{if imageUrl}}
<img src="" as-data-src="{{>imageUrl}}" class="full-width as-lazy" />
{{else}}
<img src="" as-data-src="//feedcontentcloud.com/comparisonfeed/images/magazine.png" class="full-width as-lazy" />
{{/if}}
</a>
</div>
<!-- Show more button -->
<a class="as-read-more2">
<div class="ads-read-more ads-magazine-more">
<span class="as-read-more-data hidden-xs" data-open="{{>~getTranslation('showMore')}}" data-close="{{>~getTranslation('showLess')}}">
{{>~getTranslation('showMore')}}
</span>
<div class="ads-read-more-icon">
<img src="//feedcontentcloud.com/comparisonfeed/images/arrow-down.svg">
</div>
</div>
</a>
</div>
<!-- Middle section -->
<div class="col-xs-6 col-sm-5 col-md-6 col-lg-7 as-magazine-middle">
<!-- Magazine name -->
<h4 class="nowrap magazine-name">{{>magazineName}}</h4>
<div class="ads-magazine-prices hidden-xs col-md-12">
<div class="ads-offer-row hidden-md hidden-sm hidden-xs">
<!-- Magazine offer total value -->
<span class="as-small nowrap">
{{>~getTranslation('value')}}
</span>
<span class="as-highlight nowrap">
{{if magazineOfferValue}}
{{>~replaceDotWithComma(magazineOfferValue)}} {{>~getTranslation('currency')}}
{{else}}
-
{{/if}}
</span>
</div>
<div class="ads-offer-row hidden-xs no-border">
<!-- Magazine count -->
<span class="as-small nowrap">
{{>~getTranslation('count')}}
</span>
<span class="as-highlight nowrap">
{{if magazineCount}}
{{>magazineCount}}
{{else}}
-
{{/if}}
</span>
</div>
<div class="ads-offer-row hidden-xs">
<!-- Magazine discount rate -->
<span class="as-small nowrap">
{{>~getTranslation('save')}}
</span>
<span class="as-highlight nowrap">
{{if magazineOfferValue && magazineOfferPrice}}
{{>~round((magazineOfferValue - magazineOfferPrice) / magazineOfferValue * 100)}} %
{{else}}
-
{{/if}}
</span>
</div>
<div class="ads-offer-row hidden-md hidden-sm hidden-xs">
<!-- Price per magazine -->
<span class="as-small nowrap">
{{>~getTranslation('pricePerMag')}}
</span>
<span class="as-highlight nowrap">
{{if magazineOfferPrice && magazineCount}}
{{>~replaceDotWithComma(~roundTwoDecimals(magazineOfferPrice / magazineCount))}} {{>~getTranslation('currency')}}
{{else}}
-
{{/if}}
</span>
</div>
<div class="ads-magazine-price hidden-xs hidden-sm">
<!-- Magazine price -->
<span class="as-small nowrap">
{{>~getTranslation('price')}}
</span>
<span class="as-highlight nowrap">
{{if magazineOfferPrice}}
{{>~replaceDotWithComma(magazineOfferPrice)}} {{>~getTranslation('currency')}}
{{else}}
-
{{/if}}
</span>
</div>
</div>
<div class="ads-magazine-prices hidden-md hidden-lg col-sm-12">
<div class="ads-magazine-price">
<!-- Magazine price -->
<span class="as-small nowrap">
{{>~getTranslation('price')}}
</span>
<span class="as-highlight nowrap">
{{if magazineOfferPrice}}
{{>~replaceDotWithComma(magazineOfferPrice)}} {{>~getTranslation('currency')}}
{{else}}
-
{{/if}}
</span>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 hidden-sm hidden-xs no-padding-web" style="margin-top:20px;">
<!-- Magazine description -->
<span class="as-small nowrap">
{{>~getTranslation('offer')}}
</span>
<span class="as-text-block">
{{if magazineOffer}}
{{>magazineOffer}}
{{else}}
-
{{/if}}
</span>
</div>
<div class="hidden-lg hidden-md hidden-sm">
<a href="{{>trackingUrl}}" class="btn btn-cta btn-block btn-big" target="_blank" rel="nofollow">
{{>~getTranslation('buy')}}
</a>
{{if ~getCountryCode() === 'DK' || ~getCountryCode() === 'NO'}}
<div class=text-center><span class="as-small as-color-black">{{>~getTranslation('advertisement')}}</span></div>
{{/if}}
</div>
</div>
<!-- Right section -->
<!-- Add the extra clearfix for only the required viewport. This is so the banner always appears on a new line on small devices. -->
<div class="col-xs-6 col-sm-4 col-md-3 col-lg-3">
<!-- Magazine offer banner -->
<div class="magazine-banner-container">
<a href="{{>trackingUrl}}" class="as-link" target="_blank" rel="nofollow">
{{if magazineBannerURL}}
<img src="" as-data-src="{{>magazineBannerURL}}" class="full-width as-lazy" />
{{else}}
<img src="" as-data-src="//feedcontentcloud.com/comparisonfeed/images/offer.png" class="full-width as-lazy" />
{{/if}}
</a>
</div>
<a href="{{>trackingUrl}}" class="btn btn-cta btn-block btn-big hidden-xs" target="_blank" rel="nofollow">
{{>~getTranslation('buy')}}
</a>
{{if ~getCountryCode() === 'DK' || ~getCountryCode() === 'NO'}}
<div class=text-center><span class="as-small as-color-black">{{>~getTranslation('advertisement')}}</span></div>
{{/if}}
</div>
</div>
<!-- Only on mobile -->
<div class="as-mag-more-mobile col-xs-12 hidden-lg hidden-sm hidden-md">
<div class="col-xs-2">
<!-- Magazine cover -->
<a href="{{>trackingUrl}}" class="as-link" target="_blank" rel="nofollow">
{{if imageUrl}}
<img src="" as-data-src="{{>imageUrl}}" class="full-width as-lazy" />
{{else}}
<img src="" as-data-src="//feedcontentcloud.com/comparisonfeed/images/magazine.png" class="full-width as-lazy" />
{{/if}}
</a>
</div>
<div class="col-xs-8 line-height-20px" style="height:80px; overflow:hidden;">
<!-- Magazine description -->
<span class="as-small nowrap">
{{>~getTranslation('offer')}}
</span>
<span class="as-text-block">
{{if magazineOffer}}
{{>magazineOffer}}
{{else}}
-
{{/if}}
</span>
</div>
<!-- Show more button -->
<a class="as-read-more2 col-xs-2">
<div class="ads-read-more ads-magazine-more" >
<span class="as-read-more-data hidden-xs" data-open="{{>~getTranslation('showMore')}}" data-close="{{>~getTranslation('showLess')}}">{{>~getTranslation('showMore')}}</span>
<div class="ads-read-more-icon">
<img src="//feedcontentcloud.com/comparisonfeed/images/arrow-down.svg">
</div>
</div>
</a>
</div>
<div class="as-more-wrapper ads-more-wrapper-magazine no-padding-top">
<div class="as-show-more-content as-show-more-magazine col-xs-12 col-sm-12 col-md-12 col-lg-12 no-padding-web
line-height-20px">
<div class="as-more-content-cover col-sd-12 hidden-lg hidden-md hidden-sm">
<!-- Magazine cover -->
<div class="magazine-cover-container">
<a href="{{>trackingUrl}}" class="as-link" target="_blank" rel="nofollow">
{{if imageUrl}}
<img src="" as-data-src="{{>imageUrl}}" class="full-width as-lazy" />
{{else}}
<img src="" as-data-src="//feedcontentcloud.com/comparisonfeed/images/magazine.png" class="full-width as-lazy" />
{{/if}}
</a>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 hidden-lg hidden-md" style="margin-top:20px;">
<!-- Magazine description -->
<span class="as-small nowrap">
{{>~getTranslation('offer')}}
</span>
<span class="as-text-block">
{{if magazineOffer}}
{{>magazineOffer}}
{{else}}
-
{{/if}}
</span>
</div>
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-9 ">
<!-- Magazine description -->
<span class="as-small nowrap">
{{>~getTranslation('description')}}
</span>
<span class="as-text-block">
{{if magazineDescription}}
{{>magazineDescription}}
{{else}}
-
{{/if}}
</span>
</div>
<div class="more-col col-xs-12 col-sm-6 col-sm-offset-3 col-md-6 col-md-offset-3 col-lg-3 col-lg-offset-0">
<div class="as-more-content-publisher">
<!-- Magazine publisher -->
<div class="as-data-type nowrap">{{>~getTranslation('publisher')}}</div>
<div class="as-data-c">
{{if magazinePublisher}}
{{>magazinePublisher}}
{{else}}
-
{{/if}}
</div>
</div>
<!-- Magazine extra info on md-->
<div class="hidden-lg more-info-md">
<div class="ads-offer-row">
<!-- Magazine offer total value -->
<div class="as-data-type nowrap">
{{>~getTranslation('value')}}
</div>
<div class="as-data-c nowrap">
{{if magazineOfferValue}}
{{>~replaceDotWithComma(magazineOfferValue)}} {{>~getTranslation('currency')}}
{{else}}
-
{{/if}}
</div>
</div>
<div class="ads-offer-row">
<!-- Price per magazine -->
<div class="as-data-type nowrap">
{{>~getTranslation('pricePerMag')}}
</div>
<div class="as-data-c nowrap">
{{if magazineOfferPrice && magazineCount}}
{{>~replaceDotWithComma(~roundTwoDecimals(magazineOfferPrice / magazineCount))}} {{>~getTranslation('currency')}}
{{else}}
-
{{/if}}
</div>
</div>
</div>
<div class="hidden-lg hidden-md hidden-sm flex">
<div class="ads-offer-row">
<!-- Magazine count -->
<div class="as-data-type nowrap">
{{>~getTranslation('count')}}
</div>
<div class="as-data-c nowrap">
{{if magazineCount}}
{{>magazineCount}}
{{else}}
-
{{/if}}
</div>
</div>
<div class="ads-offer-row">
<!-- Magazine discount rate -->
<div class="as-data-type nowrap">
{{>~getTranslation('save')}}
</div>
<div class="as-data-c nowrap">
{{if magazineOfferValue && magazineOfferPrice}}
{{>~round((magazineOfferValue - magazineOfferPrice) / magazineOfferValue * 100)}} %
{{else}}
-
{{/if}}
</div>
</div>
</div>
</div>
<div class="as-mag-more-mobile col-xs-12 hidden-lg hidden-sm hidden-md no-border">
<div class="col-xs-8 col-xs-offset-2">
<a href="{{>trackingUrl}}" class="btn btn-cta btn-block btn-big" target="_blank" rel="nofollow">
{{>~getTranslation('buy')}}
</a>
{{if ~getCountryCode() === 'DK' || ~getCountryCode() === 'NO'}}
<div class=text-center><span class="as-small as-color-black">{{>~getTranslation('advertisement')}}</span></div>
{{/if}}
</div>
<!-- Show more button -->
<a class="as-read-more2 col-xs-2">
<div class="ads-read-more ads-magazine-more no-margin-top">
<span class="as-read-more-data hidden-xs" data-open="{{>~getTranslation('showMore')}}" data-close="{{>~getTranslation('showLess')}}">{{>~getTranslation('showMore')}}</span>
<div class="ads-read-more-icon">
<img src="//feedcontentcloud.com/comparisonfeed/images/arrow-down.svg">
</div>
</div>
</a>
</div>
</div>
</div>
</div>