[Resolved] Single Post Header

[Akshay]

Hi,

I’m using merch template for my website. Is it possible to get shop template single post header look?

Thanks

[David]

Hi there,

the Merch site hero is quite complex and you would need to:

1. Delete ( or change status to draft ) the following 3 x elements found in Appearance Elemets:

Single Post Header Featured Image
Single Post Entry Header
Remove Single Post title

2. Create a new Block Element – Page Hero:

https://docs.generatepress.com/article/block-element-page-hero/

2.1 To save some time, edit the Element in Code view ( selectable from the 3 dot menu in the top bar ). And paste in the following code in the editor:

<!-- wp:generateblocks/container {"uniqueId":"26d186d4","paddingTop":"120","paddingRight":"30","paddingBottom":"120","paddingLeft":"30","backgroundColor":"#6b5a5b","bgImage":{"id":4196,"image":{"url":"https://gpsites.co/shop/wp-content/uploads/sites/73/post-2.jpg","height":600,"width":900,"orientation":"landscape"}},"bgOptions":{"selector":"pseudo-element","opacity":0.1,"overlay":false,"position":"center center","size":"cover","repeat":"no-repeat","attachment":""},"innerZindex":1,"alignment":"center","isDynamic":true,"blockVersion":2,"gpDynamicImageBg":"featured-image"} -->
<!-- wp:generateblocks/headline {"uniqueId":"a480d372","element":"h1","textColor":"#ffffff","gpDynamicTextType":"title","gpDynamicTextReplace":"Hello World"} -->
<h1 class="gb-headline gb-headline-a480d372 gb-headline-text">Hello World</h1>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/container {"uniqueId":"d6af8a93","paddingTop":"0","paddingRight":"0","paddingBottom":"0","paddingLeft":"0","paddingSyncUnits":true,"textColor":"#ffffff","isDynamic":true,"blockVersion":2,"gpInlinePostMeta":true,"gpInlinePostMetaJustify":"center"} -->
<!-- wp:generateblocks/headline {"uniqueId":"841a550b","element":"p","lineHeight":1,"marginBottom":"0","paddingRight":"5","className":"","gpDynamicTextType":"post-date","gpDynamicTextReplace":"Post date"} -->
<p class="gb-headline gb-headline-841a550b gb-headline-text ">Post date</p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"989b6a6e","element":"p","textColor":"#ffffff","linkColor":"#ffffff","linkColorHover":"#ffffff","lineHeight":1,"marginBottom":"0","paddingLeft":"5","borderSizeLeft":"1","className":"","gpDynamicTextType":"post-author","gpDynamicLinkType":"author-archives","gpDynamicTextReplace":"Post author name"} -->
<p class="gb-headline gb-headline-989b6a6e gb-headline-text ">Post author name</p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->

Then switch back to visual editing. Thats the Shop site hero.

[Akshay]

Thanks David. It worked.

[David]

Glad to hear that!

[Author]

Posts