This post and theme are not complete, but you can download and use if you wish. Updates will be made in this post.

 

I have converted phpCOIN (v1.6.5) to use bootstrap (v3.3.2). This also works with the unofficial own3mall v1.6.6 version.

Although you could just download the template and install it as normal. To get the most out of bootstrap a few core code changes would also be required, these are detailed below and are completely optional!

This theme package incorporates the basic bootstrap template, and can be modified easily by downloading a bootstrap styling css and saving it as bootstrap-override.css in the css folder. Some bootstrap styling css documents can be downloaded for free from www.bootswatch.com

If you wanted to use just the theme you can download it from here: bootstrap-v0.1

Notes:

<phpCOIN ROOT> represents your phpCOIN install path, this is the path into which you uploaded all your phpCOIN files and contains your index.php and config.php files.

Side Menu Block Links

This modification will update your menu block links to appear in a more modern form with a css rollover highlight. [[SCREENSHOT TO RIGHT]]

Steps

Open <phpCOIN ROOT>/coin_includes/core.php

Find the php function do_menu_blocks (Which will be approximately line 1860)

Within this function, find this code:

and replace it with the following:

 

Login Form (Menu Block)

This modification will update your login form when displayed in the menu blocks. It will apply the bootstrap form-control class to stylise the input boxes. The login button image is replaced with a css styled button. If you don’t apply this modification, the login button is still styled in the same way, but doesn’t have a rollover effect. [[SCREENSHOT TO RIGHT]

Steps

Open <phpCOIN ROOT>/coin_includes/common.php

Find the php function do_Display_Login_Menu_Form (Which will be approximately line 2250)

Within this function, find this code: [NOTE: If you use the own3mall v1.6.6. code, the first two lines will be different]

and replace it with the following:

 

Logout (Menu Block)

This modification will update your logout button when displayed in the menu blocks. The logout button image is replaced with a css styled button. If you don’t apply this modification, the logout button is still styled in the same way, but doesn’t have a rollover effect. [[SCREENSHOT TO RIGHT]

Steps

Open <phpCOIN ROOT>/coin_includes/common.php

Find the php function do_Display_Login_Menu_Form (Which will be approximately line 2250)

Within this function, find this code:

and replace it with the following:

 

Categories: Guides

5 Comments

Paul · 1st December 2016 at 4:11 am

Hey thanks for this. Is it responsive? Just started updating my phpcoin installation to the own3mall v1.6.6 version. Do I just upload to my themes folder and enable it or is there something else required in order for this theme to work?

    Rob Trehy · 1st December 2016 at 8:44 am

    Hi, It’s mostly responsive. I think there were a few areas I hadn’t finished.

    It’s an abandoned project for now, as I no longer use phpCOIN. I have an example of this theme running here though: http://clients.robtrehy.co.uk/

    Download from the link at the top and install it like any other theme. Then to improve the responsiveness follow the steps above to change some code.

      Paul · 4th December 2016 at 10:50 pm

      Hey Rob, thanks for the reply. Would you be interested in making this theme fully responsive for me? I can’t seem to figure out how to make the tables or forms responsive and they seem to be the only things I can see that aren’t responsive. I’ll pay you if you are interested.

        Rob Trehy · 6th December 2016 at 9:06 am

        Hi Paul,
        I’m afraid I just don’t have the time to put into this project at the moment. I do plan on revisiting it, but at the moment, I’m not sure when that’ll be.
        Rob

Paul · 7th December 2016 at 8:32 pm

Hey Rob, thanks for the reply. I have figured out how to make the tables responsive and some of the forms by altering the core files related to each. Still trying to figure out how to make the drop downs responsive but struggling a bit.

I understand about your time, no worries. What you’ve done to date is awesome and has saved me a ton of time so thanks again for all your hard work.
Paul

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.