How do I modify the main page of my dating site?

Right after the installation, the main page of your dating site built with PG Dating Pro will look something like this:

You may want to change the logo, the texts, links to mobile apps, main banner picture, and smaller pictures. We will tell you in details how you can do that.

1. Logo

A logo may be a picture (‘pleasure’ theme) or a plain text (‘honey’ theme).

1.1. To edit the picture in the ‘pleasure’ theme, go to the administration panel > Interface > Themes > select the active user mode theme > click Edit theme. You will get to Theme settings (/admin/themes/view_installed/theme_id) where you’ll be able to upload a new picture under Logo editor.

You will also be able to change the logo for the internal site pages here. View the detailed instructions.

1.2. If it’s the text in the ‘honey’ theme, connect to the server, then go to directory /application/modules/start/views/flatty, open file index_honey.twig, and edit line 89:

<a href=”##{{ site_url }}”>
 <p class=”b-header__logo-text”>DATING SITE</p>

1.3. If you want to replace this text with a logo image, there are 2 ways to do that.

1.3.1. Upload the logo image (e.g. logo.png) into directory /uploads/themes-fixed/honey/images/ and edit line 89 like this:

<a href=”##{{ site_url }}”>
 <img src=”##{{ site_root }}uploads/themes-fixed/honey/images/logo.png” alt=”alternative text”>

Please mind the height and width of the logo image so it does not come on top of the other page elements.

1.3.2. Replace line 89 with the following:

<a href=”##{{ site_url }}”>
 <img src=”##{{ site_root }}##{{ logo_settings.path }}” border=”0″ alt=”{% helper seo.seo_tags_default(‘header_text’) %}” width=”##{{ logo_settings.width }}” height=”##{{ logo_settings.height }}” id=”logo”>

After that, the logo changes from the Interface > Themes > Edit theme > Logo editor will apply automatically.

2. Texts

You can edit the texts that you see on the main page directly from the administration panel. Log in as admin > go to Content > Languages > Pages > and in the drop-down menu select start (User and Admin index pages):

3. Links to mobile apps

Open directory/application/modules/start/views/flatty and in the file index_honey.twig find lines 127-130 and lines 176-179.

Edit the ‘href’ values here, for example:

 <a class=”btn-getapp btn-getapp_black btn-getatpp_android” target=”_blank” href=”“></a>
 <a class=”btn-getapp btn-getapp_black btn-getatpp_ios” target=”_blank” href=”“></a>

If you only have an iOS or an Android app, remove the spare icon and the link by removing the corresponding <a> code.

4. Main banner picture and other pictures

Please remember to adjust the main banner picture for different viewports. You will need this picture in several sizes. Open directory /uploads/themes-fixed/honey/images (or /uploads/themes-fixed/pleasure/images if you are working with the ‘pleasure’ theme), and repeat the sizes that you see. Give your new images the same names as the current main banner picture:

The same rule applies to the rest of the images in this directory.

5. Copyright

For information on how to change the copyright at the bottom of the page, visit this manual: How to change copyright on my dating site.

Did this answer your question?