Different Featured Image on Summary Block

Description

  • by default, summary block will use blog thumbnail as featured image, this plugin will replace it with another image
  • view demo (summary block) – password: abc
  • view demo (here is blog page, so you can see blog thumbnail image) – password: abc
  • buy me a coffee

08.26c24v8 Different Featured Image on Summary Block

#1. Install Code

#1.1. First, edit Blog Post Items > Add Image Block > at ALT, enter word: #featured#

08.26c24v8 Different Featured Image on Summary Block

#1.2. Hover on Page where you added Summary Block > Click Gear icon

08.26c24v8 Different Featured Image on Summary Block

#1.3. Click Advanced > Paste this code

  • If you use Personal/Basic Plan and your plan doesn’t support Injection, see #3.1
<!-- 08.26c24v8 Different Featured Image on Summary Block -->
<script>
window.DifferentFeaturedImageOptions = {
  featuredAltText: '#featured#',
  imageFormat: '1000w'
};
</script>
<script src="https://code.beaverhero.com/summaryblock/0826c24v8featuredimagesummary.js"></script>

08.26c24v8 Different Featured Image on Summary Block

#2. Customize

nothing now

#3. Other

#3.1. If you use Personal/Basic Plan and your plan doesn’t support Injection, you can add extra Markdown block under Summary Block

04.26c10v2 Header Sound Icon

Paste this code into Markdown

<script>
window.DifferentFeaturedImageOptions = {
  featuredAltText: '#featured#',
  imageFormat: '1000w'
};
</script>
<script src="https://code.beaverhero.com/summaryblock/0826c24v8featuredimagesummary.js"></script>

08.26c24v8 Different Featured Image on Summary Block

Buy me a coffee