Jump to content
burt

Responsive osCommerce - Bootstrap

Recommended Posts

Gary himself makes templates without changing any core code, so why cant others do it. Its only a user.css file change to change the look and feel of a store, and not that hard for anyone to do, even I can change that file. Surely having a template system would make this more complicated, especially as oscommerce is to become even more modular, hopefully.

 

Thanks @@14steve14,

 

probably Gary is a pro, then is easy, i'm just a secretary.

I changed my shop only with changing theme.css, theme.min.css, custom.css, css, min.css, colorbox.css, min.js and so on.

Only 2 times i changed something in core to get what i want.

I try to avoid that, but i not always listening.

 

That way I make my own theme & that looks & works well.

 

I tried to change margins of searchbox, there in customs.css, i wrote in users.css

 

.searchbox-margin {

  margin-top: 5px;
  margin-bottom: 5px;

change? 0

 

then ; 

 

.searchbox-margin {
margin-top: 5px !important;
margin-bottom: 5px !important;
}
result? 0
 
and tried others, always nothing.
 
I know i do wrong but 4 me is results that counts.
Is not 4 sell
 
Thanks if somebody let me know what i do wrong with users.css

Share this post


Link to post
Share on other sites

Hello,

 

You can use firebug (firefox extension) to see what class need to write in user.css and if you don't know about css you can read here: www.librosweb.es there you can find two css books which helped me

 

-------

 

Hola,

 

Puedes usar firebug (es una extension de firefox) para ver que clases tienes que modificar en user.css, y si no tienes muchos conocimientos en css, pasate por www.librosweb.es ahí tienes un par de libros de css a mi me ayudaron :)

Share this post


Link to post
Share on other sites

Hola Gustavo,

 

gracias, yo uso firebug pero no todavia facil

Share this post


Link to post
Share on other sites

GTIN is now core, thank you to @@altoid and @@Dan Cole for testing.

Direct Connect is now core.
Opengraph is now core.

Edited by burt

This is a signature that appears on all my posts.  
IF YOU MAKE A POST REQUESTING HELP...please state the exact version
of osCommerce that you are using. THANKS

 
Get the latest Responsive osCommerce CE (community edition) here

Share this post


Link to post
Share on other sites

Not a big deal, but why doesn't the required atrick appear center to the input field instead of so close to the top?

 

.form-horizontal .has-feedback .form-control-feedback {

   right: 15px;

   top: 10px;

}

 

That's the change I added. I suppose it's just preference. but it seemed odd. anyone else?

Share this post


Link to post
Share on other sites

That's the change I added. I suppose it's just preference. but it seemed odd. anyone else?

 

 

Much nicer!

Share this post


Link to post
Share on other sites

@@burt,

 

What I came across with the responive version when I open the website on my laptop with full screen (over 1200px) the website shows with the panels/boxes somewhat like a 6th of the whole page on either side.

When I start the narrow the browser at a certain point, I think this somewhere set in one of the stylesheets the panels/boxes are moved below the main page. At that moment the panels are as wide as the main page.. Would it be possible to keep them as wide as they were when it was a full page?  In that case you could also have two panels/boxes next to each other. Which saves srolling..

Share this post


Link to post
Share on other sites

@@micdee yes that is possible. I am not going to give the answer and I do not want anyone else to either.

I want you to go away and have a think about how and where the columns are made/displayed, then experiment.

 

When you have found a way to do it, post back.


This is a signature that appears on all my posts.  
IF YOU MAKE A POST REQUESTING HELP...please state the exact version
of osCommerce that you are using. THANKS

 
Get the latest Responsive osCommerce CE (community edition) here

Share this post


Link to post
Share on other sites

Thus far I came up with this in my user.css

 

@@media (min-width: 375px) and (max-width: 579px) {
.col-md-2 {
  float: left;
  width: 33.3333333%;
  }
.col-sm-6 {
  float: left;
  width: 50%;
  }
}
@@media (min-width: 580px) and (max-width: 991px) {
.col-md-push-2 {
  left: 20%;
  }
.col-md-pull-8 {
    right: 75%;
  }
.col-md-2 {
  float: left;
  width: 20%;
  }
.col-sm-6 {
  float: left;
  width: 50%;
  }
}

This way I do not have to alter "core code" to change the col-**-* classes, but I still run into a challenge which I do not seem to find.

I want to have the left column shown longer until a smaller width at this moment 580px.. (but this might have to change to keep it all readable) What happens at this moment the content is "floating"  25% from the left side, but I do not see the left column. Next to this the content is now partly outside the browser window on the right.

Share this post


Link to post
Share on other sites

Good for you for having a go :thumbsup:

 

What I *might* have done for testing the concept:

 

open up /includes/template_bottom.php

 

Find:

      <div id="columnLeft" class="col-md-<?php echo $oscTemplate->getGridColumnWidth(); ?>  col-md-pull-<?php echo $oscTemplate->getGridContentWidth(); ?>">
Change to:

      <div id="columnLeft" class="col-sm-6 col-md-<?php echo $oscTemplate->getGridColumnWidth(); ?>  col-md-pull-<?php echo $oscTemplate->getGridContentWidth(); ?>">
And do the same for the columnRight.

 

Then had a think about how to do it without changing core code at all, which may be possible or may be not possible.


This is a signature that appears on all my posts.  
IF YOU MAKE A POST REQUESTING HELP...please state the exact version
of osCommerce that you are using. THANKS

 
Get the latest Responsive osCommerce CE (community edition) here

Share this post


Link to post
Share on other sites

@@burt,

 

Thank you for your suggestion. A pointer in the right direction is what I need and with that advise I will continue "my quest" to get it as I want.

 

Now I also understand the different php files a little better aswell.

Edited by micdee

Share this post


Link to post
Share on other sites

@@burt:

 

Well been a few days and with your suggestion I have come up with a new approach to change the look of the website.

For this I had to alter the template_top.php and template_bottom.php

 

Coding in the template_bottom.php you suggested, I extended with more options:

 

<div id="columnLeft" class="col-lg-2 col-sm-3 col-xs-4 col-md-<?php echo $oscTemplate->getGridColumnWidth(); ?> col-lg-pull-8 col-sm-pull-9 col-xs-pull-8 col-md-pull-<?php echo $oscTemplate->getGridContentWidth(); ?>">

and

<div id="columnRight" class="col-lg-2 col-sm-6 col-xs-6 col-md-<?php echo $oscTemplate->getGridColumnWidth(); ?>">

 

To make sure the left column is shown left of the content all the time, I coded the following in he template_top.php

 

<div id="bodyContent" class="col-lg-8 col-sm-9 col-xs-8 col-md-<?php echo $oscTemplate->getGridContentWidth(); ?> <?php echo ($oscTemplate->hasBlocks('boxes_column_left') ? 'col-lg-push-2 col-sm-push-3 col-xs-push-4 col-md-push-' . $oscTemplate->getGridColumnWidth() : ''); ?>">

It is not yet 100%, but it is getting there... I would like to see if I can get the right column underneath the left column when screen width is below 768px.

Edited by micdee

Share this post


Link to post
Share on other sites

More help is needed from the Community.  

 

I do the bulk of the coding alone.

I and one shopowner (thank you Steve @@altoid) do the bulk of the testing.

 

Where are you all ?


This is a signature that appears on all my posts.  
IF YOU MAKE A POST REQUESTING HELP...please state the exact version
of osCommerce that you are using. THANKS

 
Get the latest Responsive osCommerce CE (community edition) here

Share this post


Link to post
Share on other sites

@@burt I just setup a server directory to sync up with the latest bootstrap.

I am looking to see if I can get bootstrap looking the way I want it with a touch enabled megamenu,

and then I am on board and ready to use and give feedback on more regular basis.


KEEP CALM AND CARRY ON

I do not use the responsive bootstrap version since i coded my responsive version earlier, but i have bought every 28d of code package to support burts effort and keep this forum alive (albeit more like on life support).

So if you are still here ? What are you waiting for ?!

 

Find the most frequent unique errors to fix:

grep "PHP" php_error_log.txt | sed "s/^.* PHP/PHP/g" |grep "line" |sort | uniq -c | sort -r > counterrors.txt

Share this post


Link to post
Share on other sites

Gary

 

Once I have uploaded the new version of my store I will have the correct environment to be able to help with any testing. Current old store is on old php version so not much help to you. Bootstrap store is also currently on that old php version. Will be glad to give you any help that you need then.


REMEMBER BACKUP, BACKUP AND BACKUP

Get the latest Responsive osCommerce CE (community edition) here

It's very easy to over complicate what are simple things in life

Share this post


Link to post
Share on other sites

More help is needed from the Community.

 

I do the bulk of the coding alone.

I and one shopowner (thank you Steve @@altoid) do the bulk of the testing.

 

Where are you all ?

I'm no coder, but

I sure want to help you with feedback, but I'm not sure what kind of feedback you are looking for.

Are you looking for error's or for tune-ups, improvements?

 

Michael

Share this post


Link to post
Share on other sites

@@burt  Still here. Still testing whenever I see you asking for help. Still offering free code whenever I can. Still don't see the point.

 

Regards

Jim


See my profile for a list of my addons and ways to get support.

Share this post


Link to post
Share on other sites

@@burt

 

Hi Burt,

 

Thank you soo much for the time and effort you put into developing BS.

 

I wish I could help, but I really dont know how.

I know you need "testers".Perhaps you could list a few parameters of how to test so as any of us bunnies looking to help would have guidelines, and any help may be of value.

 

Hope this makes sense.

 

Kind regards

Grandpa

Share this post


Link to post
Share on other sites

@@burt Still here. Enjoying your great contribution, I have seen that in many file theyre no ?> at the END, while the most developpers, compilers, experts has'n seeing it. If you need a coffe, sandwich, cold beer or tequila, I'm here. Don't understand why your sad. 

 

 

saludos

Camella

Share this post


Link to post
Share on other sites

More help is needed from the Community.

 

I do the bulk of the coding alone.

I and one shopowner (thank you Steve @@altoid) do the bulk of the testing.

 

Where are you all ?

 

@@burt I think what's lacking is a mechanism or process for picking up bits of work and doing them (or if it exists it needs publishing)...

- a list of things that you think are worth doing now

- that people can put a name against and do

- when it's done a pull request will let people know a change needs testing

 

I don't suppose you have the time to run this on top of all else that you do, but it's going to need your input to prioritise things and own the general design concept. Someone else can do the change management.

 

If this were run through github, it doesn't seem a good idea to do the detail of it direct in the main repo (too much noise for folks not following change at this level), so I suppose set up a fork for the purpose and then drive completed changes back via pull requests.

 

Cats need a bit of herding or they'll all wander off doing their own thing!


For a new install or if your store isn't mobile-friendly, get the community-supported responsive osCommerce (Phoenix).

here: on the official osc download page

Working on generalising bespoke solutions for Quickbooks integration, Easify integration and pay4later (DEKO) integration at 2.3.x

Share this post


Link to post
Share on other sites

Thanks Chaps.  I will make a new post detailing what help can be given.


This is a signature that appears on all my posts.  
IF YOU MAKE A POST REQUESTING HELP...please state the exact version
of osCommerce that you are using. THANKS

 
Get the latest Responsive osCommerce CE (community edition) here

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.

×