Is it possible & feasible to integrate new UI HTML design templates created using Bootstrap into a website developed in PHPFox? If yes how? If no why?

Question

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?

Answer 1

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

Answer 2

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.