-9

I've a social website like 'Facebook' which is developed entirely in PHPFox version 3.0.7(a social networking platform created in php).

The website looks similar to 'Facebook' and most of it's functionalities resembles the functionalities of 'Facebook'.

Now to make the site looking better I want to integrate new HTML template designs that are developed using Bootstrap (front-end framework)

I've few HTML pages developed by HTML designer using Bootstrap framework. Now I've to integrate those HTML templates into my website which is developed in PHPFox.

While doing so the existing functionalities of the website should remain intact. In other words, the current jQuery/AJAX functionalities should not be changed, they should also work with the new HTML design. Now here comes the major challenge for me. How should I avoid the conflicts between ids and classes which are already been used by current CSS/theme/jQuery/AJAX and the new ids/classes that would going to be applied from Bootstrap framework? Anyhow ultimately already working functionalities shouldn't get affect.

I'm so much clueless about what appropriate approach should I follow to make this new UI design integration. There is not much information available in the PHPFox Documentation too. Even I don't know whether it's possible to do so or not.

If this new Bootstrap template integration can't be done please explain me in detail why?

How should I make this process of changing UI design smoother and easier? Using the already developed HTML templates am I following the wrong approach?

Also, currently there are two themes used in the website. What should be done to them when the Bootstrap template will be integrated into the website? How to manage these things since they are part of admincp panel of PHPFox?

halfer
  • 19,824
  • 17
  • 99
  • 186
PHPLover
  • 1
  • 51
  • 158
  • 311
  • 1
    You have to add the boostrap.css into your header, then adapt all the classes according the bootstrap docs – DadaArno Jun 10 '15 at 11:01
  • Bootstrap styles will no clash with your application styles. I guarantee it. If you need to clear your code from old styles, you will need to work hard on each your old template. I think there is no solution. – degr Jun 19 '15 at 08:17

2 Answers2

5

You can customize PHPFox theme as list here in their documentation. I don't think that I have to repeat all these information here. Starting from editing HTML, CSS, JS are mentioned in the documentation link I have provided. Also don't forget to refer following links. Link1, Installing/Upgrading a Theme, Create a new theme

Or there are sites which you can purchase PHPFox themes.

Update

http://store.phpfox.com/kb/article/221/mini-tut-basics-of-phpfox-ajax

how ajax site wide browsing works on phpfox?

How to get any DOM Element by Ajax in PHPFox

phpfox , get value as response from an ajax call

Community
  • 1
  • 1
Techie
  • 44,706
  • 42
  • 157
  • 243
  • First of all thanks for showing interest in the issue I'm facing. Actually, I know this but my scenario is different. There were PSDs and based on those PSDs HTML designer has prepared new HTML templates using Bootstrap framework. I've to make the website pages look similar to those newly designed HTML templates. There is no such thing like 'Theme' exist in my situation. So please show me the way. – PHPLover Jun 12 '15 at 11:04
  • Yes, Exactly 1st use a sample template to get an idea about the basic structure of the template in PHPFox. Then your HTML files can be divided and used. Please let me know exact place you have the problem – Techie Jun 12 '15 at 11:38
  • My main issue is with the implementation of jQuery and AJAX. How to do it? Nowhere on the internet I found a working example of it. – PHPLover Jun 15 '15 at 04:41
  • Thanks once again for your help but I don't want to buy a new theme. As I already mentioned I want to make the website exactly same in look and functionality as of the HTML template files which are designed using Bootstrap template. The JavaScript and AJAX functionality should also be according to the new templates. – PHPLover Jun 15 '15 at 04:57
  • You are getting it wrong. Above links show you how to implement AJAX in PHPFox – Techie Jun 15 '15 at 04:58
1

There is a theme for PHPFox build in Bootstrap 3.0. You can have a try with that. Find the demo URL here and if you like you can purchase from here.

Malay M
  • 1,659
  • 1
  • 14
  • 22