Insert image in each item of the articles list | Community
Skip to main content

Insert image in each item of the articles list

  • June 28, 2017
  • 5 replies
  • 0 views

From CSS/HTML, how it's possible to insert image in each <li> of the articles list.

Note: my question is actually about uploading images to Zendesk page, not to insert them using CSS/HTML.

Reference: https://www.airbnb.com.br/help/topic/1095/find-a-place-to-stay
If you notice, there is a icon for each article link.

This topic has been closed for replies.

5 replies

  • Author
  • June 28, 2017

I just uploaded my custom files, but I couldn't show them on page.

I tried like this:

<img src="{{assetURL 'icon-article-01.svg'}}" />

But I got invalid reference for assetURL.


  • Author
  • June 28, 2017

I also tried with CSS, like this:

background-image: app-asset-url("logo_footer.png");

As said in the docs, but it did not work.


Trapta
  • June 29, 2017

Hi @Rian,

You are looking at wrong documentation. The one you have listed in your comments is for ZD Apps framework.

Please have look at the documentation for Help Center Templates.

For asset helper, please have a look at asset helper.

 

Cheers,

Team Diziana


  • Author
  • June 29, 2017

I tried this but it with CSS didn't work:

background: url("{{asset 'myimage.png' }}");


Trapta
  • June 30, 2017

@Rian,

If you are using it in CSS you have to write full path for the image.

There is an easy way of doing it, you can add this image in document head template under the style tag using {{asset}} helper.

Team Diziana