Is there a way to change the image shown for the help center for each language?

Answered

2 Comments

  • Trapta
    Comment actions Permalink

    Hi @John Kim,

     You can do it using CSS, something like this -

    [lang="es"] .hero { background-image: url( {{asset 'banner-image-2.jpg'}} ); }
    [lang="hi"] .hero { background-image: url( {{asset 'banner-image-3.jpg'}} ); }
    [lang="en-US"] .hero { background-image: url( {{asset 'banner-image-1.jpg'}} ); }

    Make sure to write this code in document-head template under <style type="text/css"></style> tag. If you are writing it in CSS then, replace `{{asset 'banner-image-2.jpg'}}` with `ASSET_PATH_URL/banner-image-2.jpg` so that the code will be like -

    [lang="es"] .hero { background-image: url( ASSET_PATH_URL/banner-image-2.jpg ); }
    [lang="hi"] .hero { background-image: url( ASSET_PATH_URL/banner-image-3.jpg ); }
    [lang="en-US"] .hero { background-image: url( ASSET_PATH_URL/banner-image-1.jpg ); }

    Let me know if you face any issue.

     

    Cheers,

    Team Diziana

    2
  • Jessie Schutz
    Comment actions Permalink

    Thanks for jumping in, Trapta! :)

    0

Please sign in to leave a comment.

Powered by Zendesk