Make Categories be images instead of text
Hello,
Can someone please assist me with the following.
I have added an image to my category page in my help center. I can move the image above the text or to the left of it but how do I make the image become the full box so there is not text anymore, meaning the customer would just see the image instead of text with an image.
Follow up to the first question how do I make the box bigger with the image in it?
Thank you.
Kind Regards,
Anton
-
Hello,
Please provide the full code on how to do this and were to add the code in the help center.
Thank you.
Anton
-
Hey Anton,
It would really help people out if you're able to share a link where you're facing the challenge, provided that your help center is public yet - is this possible?
If not, am I assuming correct that you have added the image to the category template file?
If you cannot share a link to where you're facing the challenge, please elaborate on how you added the image to the categpry page - it sounds like you need to remove something from the template and add some css to achieve what you want.
-
Hello Simon,
Thank you for the reply.
Unfortunately I don not have access to Zendesk Guide at the moment so are Help Center is not active. We are currently looking into getting this and I am trying to plan ahead what way to set it up.
I have had access before to Zendesk Guide before in the past and used the following code to add the image and then style it with CSS. This adds a small image beside the text in the category box.
<!--Images for categories Home Page --> ***Adds images to Category Page***
{{#is id 360003061053}}<img class="" src="{{asset 'GettingStarted.png'}}" />{{/is}}
As mentioned above I would like each category to be just an image with no text.
I have seen this before on another Help Center.
Any assistance would be great.
Thank you.
Anton
-
Hey @Anton Van der meyden
Without a direct link to the Help Center I wont be able to help you with the exact CSS.
It also sounds like you might want to build your category_page.hbs template as a if statement. E.g.:
{{#if id 360003061053}}
// In the HTML, this is the olny thing that would be shown
<img class="" src="{{asset 'GettingStarted.png'}}" />
{{else}}
//If it is any other category, show the regular stuff when on a category
{{/if}} -
Hi Simon,
Thank you for the reply.
I will try this when I get access.
Kind Regards,
Anton
Please sign in to leave a comment.
5 Comments