Blocks shown twice when combined from a group of pages.

tonyastley · Oct 7th 2020

Probably pushing my luck a little bit here with Perch standard, I'm trying to combine a specific block (logos) from a group of pages.

I'm grabbing the regions from all of the children of the products page.

Then switching the page content template to one that only shows the block I want.

It's kinda working but I'm getting two copies of the block for some pages and not others?

PHP

<?php
////////Products AS NAVIGATION/////////
$pages = perch_pages_navigation([
'skip-template' => true,
'from-path' => '/products',
'levels' => 1,
'hide-extensions' => false,
]);
if(!empty($pages)){
array_multisort(array_column($pages, 'pageTreePosition'), SORT_ASC, $pages);
$paths = array_column($pages, 'pagePath');
foreach ($paths as $path) {
perch_content_custom(array('Page Content'), array(
'page' => $path,
'template' => '_homepage/home_product_blocks.html',
'each'=>function($item) {
$item['title'] = perch_page_attribute('pageTitle',
['_id' => $item['_pageID']], true);
return $item; },
));
}
}
?>

Display More

The pattern I've noticed is that if the logos block is first in the list on the page builder (ie no other different blocks before it), the block is shown twice?

tonyastley · Oct 7th 2020

Is it possible to only return the $item if it is different to the previous item?

Code

$product = perch_content_custom(array('Page Content'), array(
'page' => $path,
'template' => '_homepage/block_id.html',
'each' => function($item) {
return $item; /* Can this only be shown if different to previous */
},
));

tonyastley · Oct 13th 2020

Can anyone help here?

I'm trying to call a region called 'Page Content' from multiple pages and show a certain type of block from that page.

PHP

<?php
////////Products AS NAVIGATION/////////
$pages = perch_pages_navigation([
'skip-template' => true,
'from-path' => '/products',
'levels' => 1,
'hide-extensions' => false,
]);
if(!empty($pages)){
array_multisort(array_column($pages, 'pageTreePosition'), SORT_ASC, $pages);
$paths = array_column($pages, 'pagePath');
foreach ($paths as $path) {
perch_content_custom(array('Page Content'), array(
'page' => $path,
'template' => '_homepage/home_product_blocks.html',
'each'=>function($item) {
$item['title'] = perch_page_attribute('pageTitle',
['_id' => $item['_pageID']], true);
return $item; },
));
}
}
?>

Display More

When using a basic template such as:

Code

<perch:content id="title" type="text" />

It returns the page titles of the pages fine.

However when adding the blocks code to the template (I've simplified the blocks template to only show the id so I can try and work out what is happening):

Code

<perch:content id="title" type="text" />
<perch:blocks scope-parent="true">
<perch:block type="manufacturers" label="Manufacturers" scope-parent="true">
<perch:content id="_block_id" type="text" />
<perch:showall>
</perch:block>
</perch:blocks>

The page titles don't show for some pages, other pages are missing and some pages are repeated.

tonyastley · Oct 13th 2020

Fixed the issue.

When using an alternative template for displaying the blocks, it's important all the block tags remain in the template - even if the markup between the tags is removed.

eg, my template ended up looking like:

Code

<perch:blocks>
<perch:block type="textOnly" label="Text">
</perch:block>
<perch:block type="textImage" label="Image with Text">
</perch:block>
<perch:block type="keyPoints" label="Key Points">
</perch:block>
<perch:block type="floorTypes" label="Floor Types">
</perch:block>
<perch:block type="compTable" label="Benefits Table">
</perch:block>
<perch:block type="manufacturers" label="Manufacturers">
<perch:content type="textarea" id="pageContent" label="Intro Text" html="true" editor="redactor" suppress/>
<perch:content type="checkbox" id="manuLink" label="Disable External Links" help="Prevents links out to manufacturer websites" value="yes" suppress />
<perch:if exists="manufacturers">
<perch:repeater id="manufacturers" label="Manufacturers" scope-parent="true">
<div class="manufacturer">
<perch:content type="image" sharpen="0" id="manufacturerLogo" />
<perch:content type="text" id="manufacturerName"/>
<div class="imageHolder">
<img src="<perch:content type="image" sharpen="0" id="manufacturerLogo" alt="<perch:content id="manufacturerName"/>"
sizes="200px"
srcset="<perch:content type="image" sharpen="0" id="manufacturerLogo" width="100" /> 100w,
<perch:content type="image" sharpen="0" id="manufacturerLogo" width="200" /> 200w,
<perch:content type="image" sharpen="0" id="manufacturerLogo" width="400" /> 400w,
<perch:content type="image" sharpen="0" id="manufacturerLogo" width="800" /> 800w">
<span></span>
</div>
</div>
</perch:repeater>
</perch:if>
</perch:block>
<perch:block type="floorCollection" label="Floor Collections">
</perch:block>
<perch:block type="featureImage" label="Feature Image">
</perch:block>
<perch:block type="gallery" label="Gallery">
</perch:block>
<perch:block type="socialMedia" label="Social Media">
</perch:block>
<perch:block type="video" label="Video">
</perch:block>
</perch:blocks>

Display More

Only the markup between the block I wanted was left in the template.