Jump to content
burt

Bootstrap 3 in 2.3.4 - Responsive from the Get Go

Recommended Posts

Did you notice the change in layout when the browser window was dragged smaller, that was what I was calling "responsive"

 

I can't see any change at all. I just see the standard green ZenCart site ?


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 current code (community-supported responsive 2.3.4.1BS Edge) here

 

Share this post


Link to post
Share on other sites

Ah, that's better. I see it now.


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 current code (community-supported responsive 2.3.4.1BS Edge) here

 

Share this post


Link to post
Share on other sites

Hi

 

I hope that these comments will not cause you to waste time and not really comments you are looking for at the moment. I tend to start from the "back' when ever I do a project. So I have started here by Creating an Account and purchasing, using your link.

When creating my account I noticed that I was asked for the State to be completed yet that didn't have the little asterisck to the right hand side.

The edit buttons were all screwed up with the exception of the one on the top far right of the word purchases.

Also it would be good to hve some back buttons on the payment info checkout shipping pages, in fact all 3 pages in this area.

I think I would like to see the Log Off button instead of appearing on another row perhaps "popup" to the right og the "My Account" button.

The only other comment would be, and I think I have read this earlier, is the variation in size of the boxes in the New Products for the Month.

 

I think you guys are doing a great job and please tell me to "buttout" if my comments seem petty.

 

Cheers

John

 

I am using FireFox browser

Edited by grandpaj

Share this post


Link to post
Share on other sites

All comments welcome, and screenshots would help as well ...

 

Keep the comments coming.


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 current code (community-supported responsive 2.3.4.1BS Edge) here

 

Share this post


Link to post
Share on other sites

Does anyone else see a similar problem to the screenshot that @@grandpaj provided above ?


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 current code (community-supported responsive 2.3.4.1BS Edge) here

 

Share this post


Link to post
Share on other sites

Also it would be good to hve some back buttons on the payment info checkout shipping pages, in fact all 3 pages in this area.

 

At the bottom of the three pages in the checkout, you have a 1 -- 2 -- 3 stepwizard, I could make the text underneath these into links...

 

Thoughts anyone?


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 current code (community-supported responsive 2.3.4.1BS Edge) here

 

Share this post


Link to post
Share on other sites

Hi

 

Adding ‘Back’ buttons is probably a good idea, or maybe the words in the stepwizzard could be made into links. however it may loose even more customers comments

Remenber here

http://forums.oscommerce.com/topic/393117-lost-customer-comments/

and here

http://forums.oscommerce.com/tracker/issue-593-add-comments-to-your-order/

 

Comments typed on one page should be viewable and editable on the next – Even if going backwards.

 

checkout_confirmation.php looks fine with all my browsers. The buttons line up correctly.

 

Footer looks Great although ‘Securely Log Off’ sounds a bit strange. ‘Log Off Securely’ or ‘Secure Log Off’ perhaps?

 

Regards

 

Ken

Share this post


Link to post
Share on other sites
Ah, that's better. I see it now.

 

@@burt @@grandpaj Now that`s a decent responsive design. I like the way they moved the bulk of the navigation items/links to other areas of the site, to the main navbar, pulled the new products, specials and featured items into a separate navbar placed in the main area of the site so that it carries into the responsive designs. That has pretty much allowed them to drop the info boxes when going to smaller views. I'm not sure about the footer disappearing but it looks like most of that stuff can be found the main navigation bar. Very interesting.

 

Thanks for sharing it John.

Share this post


Link to post
Share on other sites

Does anyone else see a similar problem to the screenshot that @@grandpaj provided above ?

 

Also using firefox and can't replicate the problem with the 'edit' buttons. They look fine

Share this post


Link to post
Share on other sites

@@burt

 

At the bottom of the three pages in the checkout, you have a 1 -- 2 -- 3 stepwizard, I could make the text underneath these into links...

 

Thoughts anyone?

 

I would favour just using a back button like you used on the forgotten password page and perhaps other pages to keep the design elements consistent.

 

BTW, shouldn't we be nailing down the navigation stuff? I'm finding it difficult to look at the design in other views and offer comments with the navigation elements getting in the way. With that nailed down it would be so much easier to stay engaged, look at pages in all views and offer feedback. Your work looks awesome on a large screen but making comparisons to responsive views is getting difficult IMO.

Share this post


Link to post
Share on other sites

There is no navigation stuff to change...

 

Categories box will be staying as a side column infobox until someone codes up something else (eg a good horizontal menu) and contributes it to the project...at the moment there is -no- code that is good enough to use anywhere in the addons area that would allow a decent horizontal menu.


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 current code (community-supported responsive 2.3.4.1BS Edge) here

 

Share this post


Link to post
Share on other sites

Categories box will be staying as a side column infobox until someone codes up something else (eg a good horizontal menu)

 

If anyone has time to study over the new category_tree class - maybe they could find the key to making a horizontal menu - Ive tried various things, and been able to generate a full list of everything, which is what needs to happen. But the list is not nesting properly. It outputs as so:

 

<ul>
 <li>Category Name 0</li>
 <ul>
   <li>Category Child of 0</li>
 </ul>
</ul>

When it should be:

<ul>
 <li>Category Name 0
   <ul>
  <li>Category Child of 0</li>
   </ul>
 </li>
</ul>

 

I've tried doing this by using the existing functions, and even extending the category_tree, but I believe on of the protected functions is preventing me redoing the nesting. Anything but touching the actual class file :)

 

Unfortunately I have no code examples of what Ive done to post, as when things get so far, I like to just start over fresh. However Tomato Cart uses the same category tree, though it has been slightly modified, and they have also extended the class to get their horizontal menu working, it can be seen at their demo site here: http://demo.tomatocart.com/

 

Their class file can be seen here:

http://code.google.com/p/tomatocart-shoppingcart/source/browse/branches/1.1.9/includes/classes/category_tree.php


Follow the community build:

BS3 to osCommerce Responsive from the Get Go!

Check out the new construction:

Admin Gone to Total BS!

Share this post


Link to post
Share on other sites

This is what I did to the existing category infoBox on my build to give it the styling it has. This is very close to what we need to obtain a horizontal menu, just have to make sure the whole damn tree is exploded on initial load.

 

$OSCOM_CategoryTree = new category_tree();


  $OSCOM_CategoryTree->setCategoryPath($cPath, '<strong>', '</strong>');
  $OSCOM_CategoryTree->setSpacerString('  ', 1);

  $OSCOM_CategoryTree->setParentGroupString('<li class="list-group-item nested"><ul class="list-group selected">', '</ul></li>', false);
  $OSCOM_CategoryTree->setChildString('<li class="list-group-item">','</li>');

  $data = '<div id="bm-cat" class="panel panel-default">' .
		  '  <div class="panel-heading">' . MODULE_BOXES_CATEGORIES_BOX_TITLE .			  '    <button type="button" class="infoBox-toggle" data-toggle="collapse" data-target="#bm-cat-body">' .
 '	  <span class="sr-only">Toggle Navigation</span>' .
 '	  <span class="caret"></span>' .
 '    </button>' .
 '  </div>' .
	   '  <div id="bm-cat-body" class="infoBox-collapse collapse">' .
		  '    <ul class="list-group">' . $OSCOM_CategoryTree->getTree() . '</ul>' .
 '  </div>' .
		  '</div>';


Follow the community build:

BS3 to osCommerce Responsive from the Get Go!

Check out the new construction:

Admin Gone to Total BS!

Share this post


Link to post
Share on other sites

Is the idea to have it like in tomatocart?

 

No, the general idea is just to get the class to output the full tree, and nest the list properly. Then it can be made to use just about any style available, from the bootstrap split buttons, to their nav-bars with dropdown menus. Could probably even create some pretty neat tabbed interfaces too.


Follow the community build:

BS3 to osCommerce Responsive from the Get Go!

Check out the new construction:

Admin Gone to Total BS!

Share this post


Link to post
Share on other sites

The general idea is to get first release out by the end of March, if that means some of the little things don't get solved straightaway, I'm not too bothered by that (eg the potential "problem" of non-english users being unable to find a small word in their language that means "edit") - that's not a major issue ;)

 

A horiz menu would be nice to have, but again, it's not a deal breaker. I would love for this package to be released and then see developers building widgets for it - which can be free or commercial - both of which will be welcomed in the exact same manner...


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 current code (community-supported responsive 2.3.4.1BS Edge) here

 

Share this post


Link to post
Share on other sites

@@wHiTeHaT

 

Thats looks like it could be modified to work quite well and should not be too resource intensive.

 

I'm going to work with that and your previous post when I get a chance too. :beer:


Follow the community build:

BS3 to osCommerce Responsive from the Get Go!

Check out the new construction:

Admin Gone to Total BS!

Share this post


Link to post
Share on other sites

Hi

 

Re post 284 and edit buttons not showing correctly.

just checked on another computer running Windows 8 and all looks good. My other computer where it showed "incorrectly" runs on OS WindowXp.

Dont know whether thats whats created the problem or not. But thought I would post

 

Cheers

Grandpa

Share this post


Link to post
Share on other sites

Thanks for that John - as the others saw no problem I'm going to put this one down as an anomaly localised to you. If someone else reports similar, I'll take another look.


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 current code (community-supported responsive 2.3.4.1BS Edge) here

 

Share this post


Link to post
Share on other sites

Does anyone else see a similar problem to the screenshot that @@grandpaj provided above ?

FF28 on Linux Mint: it shows up OK.

[Though the ellipses around "Flat Rate ()" look strange ;-)]

Share this post


Link to post
Share on other sites

Hi

 

Would it be possible to "beef up" the Contact Us page to have something like this down the left hand side

 

The Toy Shop

137 Jackson Street

West Hanover

Tel: (094) 123-4567

 

Shop Hours: Monday to Friday : 9:00am to 5:00pm Saturday : 10:00am to 2:00pm

 

Please use the form on the right to contact us with any comments or concerns.

 

Please ensure that you have checked our FAQ section first, as you may find the answers to your queries there.

 

We will reply as soon as we are able and will endeavor to reply within one day.

 

With maybe a provision for a location map somewhere. Or is this getting a bit cute.

 

Cheers

Grandpa

Share this post


Link to post
Share on other sites

New Products Listing and now in a fluid container :)

 

All appears to work great once the ht_grid_list_view has been reloaded.

 

Thanks Gary@ :thumbsup:

 

Also

Not sure if it helps but there is a contribution which creates a correctly formatted <UL> </UL> menu list here

http://addons.oscommerce.com/info/4201

 

 

Ken

Share this post


Link to post
Share on other sites

@@Ken44

 

Thanks Ken

 

I still have to wrap the new products module itself in the same markup as the products_listing, then everything will blend and perform the same - ( but no list option on new products )

 

The existing addons are a bit too resource intensive. The new category_tree class cuts down on SQL queries and loads much faster than anything that has ever been part of the osC stock build. In building a menu I have to keep that in mind and make sure that it does not pull extra overhead that doesn't need to be there.

 

Henry's last code looks like its going to be the best to go with in that route, without having to make changes to the category_tree. I'll use it to make a horizontal menu and then let Gary decide if he wants to push it or not. If it makes it, great, if not it will be an addon - so its a win- win either way.


Follow the community build:

BS3 to osCommerce Responsive from the Get Go!

Check out the new construction:

Admin Gone to Total BS!

Share this post


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

×