topic Re: srcset tag not being added in CMS Development

srcset tag not being added

marth — Tue, 06 Sep 2022 10:53:23 GMT

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:

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

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

Re: srcset tag not being added

Jaycee_Lewis — Tue, 06 Sep 2022 20:40:23 GMT

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

Thank you! — Jaycee

Re: srcset tag not being added

piersg — Wed, 07 Sep 2022 10:32:41 GMT

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.

Re: srcset tag not being added

marth — Wed, 07 Sep 2022 11:48:05 GMT

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.

Re: srcset tag not being added

piersg — Wed, 07 Sep 2022 12:54:01 GMT

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.

Re: srcset tag not being added

marth — Thu, 08 Sep 2022 01:27:13 GMT

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.