srcset tag not being added

Developer Support CMS Development
1

I have recently created a custom slider module on hubspot. What I noticed is that when I am trying to preview a template that has that module, the srcset tag is present. But when I created a page using that template the srcset tag is no longer being added.
Here’s the hubl code of the image on the custom module I made.

{% set sizeAttrs = 'width="{{ item.image.width }}" height="{{ item.image.height }}"' %}
{% if item.image.size_type == 'auto_custom_max' %}
{% set sizeAttrs = 'width="{{ item.image.max_width }}" height="{{ item.image.max_height }}"' %}
{% endif %}
{% set loadingAttr = item.image.loading != 'disabled' ? 'loading="{{ item.image.loading }}"' : '' %}
<img src="{{ item.image.src }}" alt="{{ item.image.alt }}" {{ loadingAttr }} {{ sizeAttrs }}>

Here’s a screenshot of the image element on the Design Manager Preview:

Screen Shot 2022-09-06 at 6.49.26 PM.png
Screen Shot 2022-09-06 at 6.49.26 PM.png1152×492 236 KB

Here’s a screenshot of the same image element when I created a page using that same template:

Screen Shot 2022-09-06 at 6.49.51 PM.png
Screen Shot 2022-09-06 at 6.49.51 PM.png1152×164 55.8 KB

Any idea on why this is happening? Am I missing a code that triggers the srcset tag to work a published page?

2

Hi, @marth :waving_hand: Thanks for reaching out. Hey @piersg @Jnix284 @Indra, do you have any insight on the issue @marth is describing?

Thank you! — Jaycee

3

Hi @marth (thanks @Jaycee_Lewis) I believe this just an issue with propagation. Changes in code are reflected immediately in preview (possibly because there’s no cache of that?), whereas live the changes to longer to propagate. Give it a couple of minutes and hard refresh or check the page in incognito and you should see the srcset being applied.

4

Hi @piersg,
Thank you for the response. The page has been published since last tuesday and the srcset is still not appearing.
But what we noticed is that the srcset shows up on websites we worked on that is currently live right now. The website we are currently having the issue on is not yet live and is using the [portal_id].hs-sites.com domain.
Is it possible that the domain is causing the issue? We just want to know how the srcset is being added so we can make sure it is always being added.

5

Hi @marth, that’s definitely it. Good catch. I just compared an image in the same module that is used on a live page and a staging page and the live version has the srcset applied, the staging version doesn’t.

6

Hi @piersg,
I see. Thanks for clearing it up. Although it will be nice to see the srcset working on the staging page as well since the clients usually take a look at those before publishing it.