dhugo2
March 15, 2022, 3:49pm
1
Good Day.
I’m trying to add an advertising block in my list page where it ranges through my blog posts. Every 5 spot on the page (via pagination), I’d like to insert this. However, my IF-Then skips the 5th blog post – basically replaces the blog post.
Not sure if I should hack a blog post that has the ad code in it, or more likely get my if-then statement working. I’ve attached a schematic of the blog page below, and here’s my code snippet.
Suggestions? Hints? Tutorials? Thanks.
/layouts/_default/list.html
<div class="col-12">
<div class="row">
{{ $paginator := .Paginate (where site.RegularPages "Type" "in" site.Params.mainSections) }}
{{ $.Scratch.Set "counter" 0 }}
{{ range $paginator.Pages }}
<div class="col-lg-4 col-md-4 col-sm-6">
{{ $.Scratch.Set "counter" (add ($.Scratch.Get "counter") 1) }}
{{ if eq ($.Scratch.Get "counter") 5 }}
<!-- start ad placement -->
<div style="border: 3px solid red;" id="pub-ad-placeholder"> </div>
<!-- end ad placementt -->
{{ else }}
{{ .Render "article" }}
{{ end }}
</div>
{{ end }}
</div>
dhugo2
March 15, 2022, 4:14pm
3
Hi.
Thanks for the better search result, but that just adds the advertisement and squishes down the blog card (see attached). I’m hoping for more of an insertion/injection rather than a substitution (my original code) or the shared?/squished?/addition (referred link).
Attached is the result to my schematic. Thanks again.
dhugo2
March 15, 2022, 4:23pm
4
For clarification, this is the desired output/result.
So that we don’t have to re-create your content and templates, can you share your project repository?
dhugo2
March 15, 2022, 4:39pm
6
Sorry, not public on bitbucket. Here’s the entire list.htm
. Nothing special. It’s the Editor theme: Editor - Gethugothemes
{{ define "main" }}
<!-- checking blog -->
{{ if or (eq .Section "post") (eq .Section "posts") (eq .Section "blog") (eq .Section "blogs") (eq .Section "news") }}
{{ partial "page-header.html" . }}
<div class="col-12">
<div class="row">
{{ $paginator := .Paginate (where site.RegularPages "Type" "in" site.Params.mainSections) }}
{{ range $k, $v := $paginator.Pages }}
<div class="col-lg-4 col-md-4 col-sm-6">
{{ if and $k (modBool $k 5) }}
<!-- ad placement start -->
<div style="border: 3px solid red; height:200px;" id="ezoic-pub-ad-placeholder-118"> </div>
<!-- End ad placement -->
{{ end }}
{{ .Render "article" }}
</div>
{{ end }}
</div>
<div class="row mb-4">
<div class="col-12">
{{"<!-- pagination -->" | safeHTML }}
{{ $paginator := .Paginator }}
<!-- Number of links either side of the current page. -->
{{ $adjacent_links := 2 }}
<!-- $max_links = ($adjacent_links * 2) + 1 -->
{{ $max_links := (add (mul $adjacent_links 2) 1) }}
<!-- $lower_limit = $adjacent_links + 1 -->
{{ $lower_limit := (add $adjacent_links 1) }}
<!-- $upper_limit = $paginator.TotalPages - $adjacent_links -->
{{ $upper_limit := (sub $paginator.TotalPages $adjacent_links) }}
<!-- If there's more than one page. -->
{{ if gt $paginator.TotalPages 1 }}
<nav class="mb-3">
<ul class="pagination justify-content-center">
<!-- Previous page. -->
{{ if $paginator.HasPrev }}
<li class="page-item"><a class="page-link arrow" href="{{ $paginator.Prev.URL }}" aria-label="Pagination Arrow">
<i class="fas fa-angle-left"></i>
</a></li>
{{ end }}
<!-- Page numbers. -->
{{ range $paginator.Pagers }}
{{ $.Scratch.Set "page_number_flag" false }}
<!-- Advanced page numbers. -->
{{ if gt $paginator.TotalPages $max_links }}
<!-- Lower limit pages. -->
<!-- If the user is on a page which is in the lower limit. -->
{{ if le $paginator.PageNumber $lower_limit }}
<!-- If the current loop page is less than max_links. -->
{{ if le .PageNumber $max_links }}
{{ $.Scratch.Set "page_number_flag" true }}
{{ end }}
<!-- Upper limit pages. -->
<!-- If the user is on a page which is in the upper limit. -->
{{ else if ge $paginator.PageNumber $upper_limit }}
<!-- If the current loop page is greater than total pages minus $max_links -->
{{ if gt .PageNumber (sub $paginator.TotalPages $max_links) }}
{{ $.Scratch.Set "page_number_flag" true }}
{{ end }}
<!-- Middle pages. -->
{{ else }}
{{ if and ( ge .PageNumber (sub $paginator.PageNumber $adjacent_links) ) ( le .PageNumber (add $paginator.PageNumber $adjacent_links) ) }}
{{ $.Scratch.Set "page_number_flag" true }}
{{ end }}
{{ end }}
<!-- Simple page numbers. -->
{{ else }}
{{ $.Scratch.Set "page_number_flag" true }}
{{ end }}
<!-- Output page numbers. -->
{{ if eq ($.Scratch.Get "page_number_flag") true }}
<li class="page-item">
<a href="{{ .URL }}" class="page-link{{ if eq . $paginator }} active {{ end }}">
{{ .PageNumber }}
</a>
</li>
{{ end }}
{{ end }}
<!-- Next page. -->
{{ if $paginator.HasNext }}
<li class="page-item"><a class="page-link arrow" href="{{ $paginator.Next.URL }}" aria-label="Pagination Arrow">
<i class="fas fa-angle-right"></i>
</a></li>
{{ end }}
</ul>
</nav>
{{ end }}
</div>
</div>
</div>
<!-- taxonomie page -->
{{ else if or (eq .Section "categories") (eq .Section "tags")}}
{{ partial "page-header.html" . }}
<div class="col-12">
<div class="row">
{{ range .Data.Pages }}
<div class="col-lg-4 col-md-4 col-sm-6">
{{ .Render "article" }}
</div>
{{ end }}
</div>
</div>
<!-- regular page -->
{{ else }}
{{ partial "page-header.html" . }}
<section class="section">
<div class="container">
<div class="row">
<div class="col-lg-10 mx-auto">
<div class="content">
{{.Content}}
</div>
</div>
</div>
</div>
</section>
{{ end }}
<!-- /regular page -->
{{ end }}
See https://discourse.gohugo.io/t/requesting-help/9132 .
If you can’t share your repository for whatever reason, consider creating a dummy repo that you can share, which reproduces the problem you’re experiencing.
dhugo2
March 15, 2022, 4:56pm
8
Is there a range pointer (like a sql pointer) so that once I hit the ad insertion, I just put the pointer back one number so that it won’t skip Blog#5 as the range continues through it’s iteration?
Or would a Switch statement, which I think in Go is just a With statement be a plan of attack?
(can can get a vanilla repo up, but not till later.)