Change the location of the 'submit a request' button
Dear Zendesk Community,
I am working in the Copenhagen Theme (version 2.14.0) and I would like to move the location of the 'submit a request' button to the location of the search bar (See the screenshot below).
Has anyone found a solution for it yet?
Thank you for any help or tips in advance!
-
Hey Csenge Orban,
Follow the below steps to move the 'submit a request' button to the hero section.
i). Currently, the button is on the header file.
ii). And currently, your hero section is like on the homepage.
iii). Cut that button from the header file and paste that here,
iv).Output
v). If the 'submit a request' button helper two times in your header file, remove that second one if you don't want to show that button in the header on mobile devices.
Thanks
-
Hi Diziana,
thank you for your quick response and help.
It worked, but the button is currently displayed extremely small (See screenshot below). Where can I customize the 'Submit a request' button? I cant find the class 'submit-a-request' in the style.css file.
-
@Csenge Orban, remove the button tag from the helper:-
Current:
<button>{{link 'new_request' class='submit-a-request'}}</button>
Add only helper:
{{link 'new_request' class='submit-a-request'}}
Now it has fixed, when you would choose end_user it would be shown else would be hidden.
User role: end_user
User role:- Agent
Thanks
-
This was really helpful! Can you share how we would move the submit a request button to show above the categories? The customer would actually like to move both the "Submit a request" button and "My activities" button above their categories in the Help Center.
-
Hi Sierra Collins,
On home_page or category_page??
Share a screenshot please exactly where you want to.
-
Hi Ifra,
I have added the "Submit a request" and "My activities" to the home_page tab in the hero inner section. How can I change the name of the hyperlink? Instead of "My activities" I want to display it as "My Request".
This is currently my code:
<section id="main-content" class="section hero">
<div class="hero-inner">
{{link 'new_request' class='submit-a-request'}}
<br>
<br>
<br>
<br>
{{link "my_activities" class="my_requests"}}
</div>
</section>Thank you for your help in advance!
-
Use the code below:
<section id="main-content" class="section hero">
<div class="hero-inner">
{{link 'new_request' class='submit-a-request'}}
<br>
<br>
<br>
<br>
{{#link "my_activities" class="my_requests"}} My Requests {{/link}}
</div>
</section> -
Perfect, thank you so much!
-
:)
Bitte melden Sie sich an, um einen Kommentar zu hinterlassen.
9 Kommentare