Support will be provided with delays until 6 June. We are sorry for the inconvenience.
We offer professional Design/Code Customisation and Website Optimisation Service Request Customisation
  • Priority: Medium
  • Status: Closed
  • Closed by: Marek (marek)
  • Closed on: 28.10.18, 09:51
  • Reason: Closed
  • Comment: Glad to help!

Ticket #13061 - Maintenance Page Questions


Hope you’re well. I wanted to check these questions regarding the maintenance page

- Whether it was possible to create a custom page using page builder and link it to the maintenance page?
- How to add social media icons to the maintenance page?
- How to create a two column layout?


This ticket does not depend on any other tickets.

Marek (marek) 13 Oct 2018, 10:43

Hi, Tharindu.
Unfortunately there is no way to configure it through back office. The only one way is to edit code

Tharindu Senarathna (tharis87) 14 Oct 2018, 00:35

Hi Marek!

Thanks for coming back to me.

I'm new to this theme so I have some further questions.

- Can I please get the code to put a background image into the coming soon page?
- Can I please get the code to put some social media icons to the coming soon page?
- Is there a way to preview the Live Theme before publishing?
- What is the best way to migrate the finalized theme from another Test URL

Thanks again.

Marek (marek) 15 Oct 2018, 11:51

1. you don't have to add some code, just upload your image to the folder /modules/pk_themesettings/assets/images/. Image must have name "coming_soon_bg.jpg"
2. add following code to the file /themes/alysum/templates/errors/maintenance.tpl. You can remove or add some social networks if you need

<ul class="socialnetworks_menu flex-container">
<li class="facebook dib"><a rel="nofollow" class="smooth02 icon-facebook" title="facebook" target="_blank" href=""><svg class="dib svgic svgic-facebook"><use xlink:href="#si-facebook"></use></svg></a></li>
<li class="twitter dib"><a rel="nofollow" class="smooth02 icon-twitter" title="twitter" target="_blank" href=""><svg class="dib svgic svgic-twitter"><use xlink:href="#si-twitter"></use></svg></a></li>
<li class="gplus dib"><a rel="nofollow" class="smooth02 icon-gplus" title="gplus" target="_blank" href=""><svg class="dib svgic svgic-gplus"><use xlink:href="#si-gplus"></use></svg></a></li>
<li class="flickr dib"><a rel="nofollow" class="smooth02 icon-flickr" title="flickr" target="_blank" href=""><svg class="dib svgic svgic-flickr"><use xlink:href="#si-flickr"></use></svg></a></li>
<li class="instagram dib"><a rel="nofollow" class="smooth02 icon-instagram" title="instagram" target="_blank" href=""><svg class="dib svgic svgic-instagram"><use xlink:href="#si-instagram"></use></svg></a></li>
<li class="pinterest dib"><a rel="nofollow" class="smooth02 icon-pinterest" title="pinterest" target="_blank" href=""><svg class="dib svgic svgic-pinterest"><use xlink:href="#si-pinterest"></use></svg></a></li>
<li class="linkedin dib"><a rel="nofollow" class="smooth02 icon-linkedin" title="linkedin" target="_blank" href=""><svg class="dib svgic svgic-linkedin"><use xlink:href="#si-linkedin"></use></svg></a></li>

3. No, there is not
4. You can read about that somewhere in the internet, I didn't do that to advice you something

Tharindu Senarathna (tharis87) 16 Oct 2018, 12:44

Thanks for the updates!

I did as instructed and I can see that there is some sort of link as shown but I cant see the icons themselves except for some black dots. My logo disappears as well.

I have put a picture of the front-end and attached code from the back-end.

Many Thanks and your help is much appreciated.

MaintainCode_Text.txt (1.4 KiB)
MainIssue.png (12.8 KiB)
Marek (marek) 17 Oct 2018, 10:56

try to add following code to the same file:

{block name='svg_graphics'}
{include file="_partials/svg.tpl"}
Tharindu Senarathna (tharis87) 18 Oct 2018, 13:16

Great Thanks Marek!

Can I please ask how to adjust the message - 'Notify me when it's ready'

After that we should be good to close the thread.

Thanks :D

Marek (marek) 19 Oct 2018, 09:20

Go to translation, select Modules → Theme Settings, and find that wording there