Jump to content
burt

Bootstrap 3 in 2.3.4 - Responsive from the Get Go

Recommended Posts

On the index page where the New Products for the Month are shown, will the Price of the item also be shown. It seems a little strange asking someone to "Buy Now" when they are unable to see the price. I am aware that if they click on the item they are taken to the product page where the price is shown. I the price should show, but thats just me. This maybe has been addressed in previous posts.

 

This has come up a few times and if I recall correctly Gary has agreed that it needs to be added. If not, I'm sure the general community will fix it quickly.

Share this post


Link to post
Share on other sites

Changed template_bottom.php (Added jQuery.js and bootstrap.js for faster page loading)

 

Could you gtmetrix/yslow the base install...

Then move the calls to .js to footer and do again...

 

Could you report back the difference.

 

I will do the same (later on tonight) and if someone else could the same as well, that would be helpful.

 

 


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

Yours shows a .11 seconds decrease in page load time; 1.60 -> 1.49

 

Header: http://gtmetrix.com/reports/www.template.me.uk/ZC1h6Swt

Footer: http://gtmetrix.com/reports/www.template.me.uk/xkXswPqv

 

Mine shows a .07 seconds decrease; 1.18 -> 1.11

 

Not a massive difference, but it's worth making this small change, I'll do the commit later on.


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

@@mattjt83 - can we move the js calls to html5shiv and respond from the template_top to the template_bottom ?


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

So i want to do a proposal.

This proposal is in majority for the mobile view, because there is the most trouble when implement sub-menu's.

 

The proposal is good, I absolutely hate the horiz menu as it stands in XS view. I wonder though how you're going to code up 1 thing for "this" (> XS) and another for "that" (= XS) ?


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

Do it :)


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 ok, I thought you made is sound a bit easy :D

 

A horiz menu isn't going to make the 1st core release I think, so when it arrives it can easily be added as a module - I'm about to make some changes in the header to allow modularity a bit like the footer area...


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

Greetings. Not a profesional programmer or developer; just a DIY amateur trying to cobble together my first (responsive) shopping cart. I bought a couple of other templates, but couldn't make them do what I wanted.

 

My goal is to keep my site *very* simple. These are items that I manufacturer, and initially there are only 2 catagories and 12 part numbers. I don't need "What's New", "Reviews", "Manufacturers", "Specials", etc. I need the site to be very phone-friendly, as I suspect that's where most of my customers are.

 

Found this thread, been following it intently, and have learned far more than I would have imagined. I downloaded the ZIP file and installed it on my test machine. I've managed to strip out most of what I don't need, and am pleased with the results, but still have some things that need to be fixed.

 

One thing I'd like to see is the ability to have a description field for a catagory, such as in this addon:

 

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

 

I've tested this on a generic osCommerce shopping cart, and it does what I need. I have not yet tested it with your template, but I hope to do so when I get a little more time.

 

Another thing I'd like to see is the ability to incorporate a guest check-out.

 

I've got a test site available, and I hope to post what I've done so far soon.

 

Thanks,

 

Malcolm


If you are running the "official" osC 2.3.4 or 2.3.4.1 download, your installation is obsolete! Get the latest community-supported responsive "Frozen" release here

Share this post


Link to post
Share on other sites

I would suggest you use the reloaded contribution

 

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

 

as you should have meta tags etc anyway and at the same time this will give you a category description as regards the guest checkout I personally would use the better checkout although it is commercial

 

http://forums.oscommerce.com/user/289095-mattjt83/

 

as I believe it would be the easiest to tweak for mobile use

 

Just my opinion other members may have different ideas

 

Regards

Joli


To improve is to change; to be perfect is to change often.

 

Share this post


Link to post
Share on other sites

@@wHiTeHaT

 

I agree that something different, more elegant, should happen, but without having to implement another 3rd party script.

 

I can see the accordion working well, if it can be laid the right way.

 

I too had extended the category_tree class about the same time as Matt, and found the same issues that came up here - I had to add in an extra link inside the dropdown to navigate to the category root, and saw its weakness handling deeper levels.

 

I *thought bootstrap 2.XX handled unlimited nesting?

Edited by WebSource 5

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

I would suggest you use the reloaded contribution

 

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

 

as you should have meta tags etc anyway and at the same time this will give you a category description

 

This will add the catagory description, and be compatable? Thanks!

 

as regards the guest checkout I personally would use the better checkout although it is commercial

 

http://forums.oscommerce.com/user/289095-mattjt83/

 

as I believe it would be the easiest to tweak for mobile use

 

I had looked at Better Checkout, and liked what I saw. I just didn't know if it was compatable with this. I'll look into it more.

 

Thank you

 

Malcolm


If you are running the "official" osC 2.3.4 or 2.3.4.1 download, your installation is obsolete! Get the latest community-supported responsive "Frozen" release here

Share this post


Link to post
Share on other sites

This will add the catagory description, and be compatable? Thanks!

 

 

 

I had looked at Better Checkout, and liked what I saw. I just didn't know if it was compatable with this. I'll look into it more.

 

Thank you

 

Malcolm

 

Not sure myself but it is well coded with great support so just ask I do not think there would be any major problems maybe just a bit of tweaking

Edited by joli1811

To improve is to change; to be perfect is to change often.

 

Share this post


Link to post
Share on other sites

After core release of bs1, there will be a debate on whether or not to add in *some* (that is the better, most useful, well coded) addons into the next point release.

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

 

Share this post


Link to post
Share on other sites

Just a little question, why not anticipate on the furtur release 2.3.4. to include a content directory with only html.

 

 

 function execute() {
     global $oscTemplate;

     ob_start();
     include(DIR_WS_MODULES . 'content/templates/login_new_user.php');
     $template = ob_get_clean();

     $oscTemplate->addContent($template, $this->group);
   }

 

and in content directory

 

 

<div class="contentContainer <?php echo (MODULE_CONTENT_LOGIN_NEW_USER_CONTENT_WIDTH == 'Half') ? 'grid_8' : 'grid_16'; ?>">
 <h2><?php echo HEADING_NEW_CUSTOMER; ?></h2>

 <div class="contentText">
   <p><?php echo TEXT_NEW_CUSTOMER; ?></p>
   <p><?php echo TEXT_NEW_CUSTOMER_INTRODUCTION; ?></p>

   <p align="right"><?php echo tep_draw_button(IMAGE_BUTTON_CONTINUE, 'triangle-1-e', tep_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL')); ?></p>
 </div>
</div>

 

Maybe it's better before to include a new add on.

 

My time is limited but I can write for that a system to read the content directory and to edit the html file in admin.



Regards
-----------------------------------------
Loïc

Contact me by skype for business
Contact me @gyakutsuki for an answer on the forum

Tuto for 2.4 :
- How to Display a new page with app
- How to make Header Tags under app APP
- How to make a
boostrap modal with external element
 

 

Share this post


Link to post
Share on other sites

@@Gyakutsuki

Loic - that is something that will be coming, unfortunately everyones time is limited => only so much can be done in time for a release to be made that is not months or years down the line.


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

@@burt

 

Not sure what will happen with the respond.js and html5shiv in the footer. I know that moving jQuery to the footer can help but then you need to be extra careful that any inline calls made to it do not happen BEFORE the script is called, which can be a bit of a pain.


Matt

Share this post


Link to post
Share on other sites

Reference the respond.min.js script (1kb min/gzipped) after all of your CSS (the earlier it runs, the greater chance IE users will not see a flash of un-media'd content)

 

I suppose this should stay in the header...

 

Insert minified distribution shiv in <head> element (after or before your CSS):

 

Ditto.

 

 

 

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

 

Share this post


Link to post
Share on other sites

Hi

 

I tried moving the javascript from template_top to template_bottom

It messes up the grid view.

The reason it does not show up at jumppearl is because the grid view has been disabled.

Also gtmetrix gives a score of 87% for javascript whether it is deferred or not

 

Regards

 

Ken

Share this post


Link to post
Share on other sites

Ok, jquery, shiv and respond stay in the header, bootstrap.js to footer.

Anything other than this breaks stuff.

 

Thanks @@Ken44 @@mattjt83 @@wHiTeHaT

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

 

Share this post


Link to post
Share on other sites

Hi

 

Adding pagination to the top of the pages causes a large gap below it.

I’ve tried fixing it without much success

I tried a new class instead of “row” which helps a little but the gap is still too large.

 

Regards

 

Ken

Share this post


Link to post
Share on other sites

@@wHiTeHaT

 

Hi Henry

 

There should be a selector at the top of product listing to choose grid or list view.

See here

http://www.template.me.uk/2334bs3/index.php?cPath=3_12

 

To enable it

Goto admin/modules/headertags and uninstall and then re-install the Grid List Javascript (jQuery)

Make sure it is then enabled on the index page new and specials pages.

 

Regards

Ken

Edited by Ken44

Share this post


Link to post
Share on other sites

If call to jquery is made in the footer a lot of other changes would also need to be made to accomodate this (eg, datepicker scripts, the image popup in product info and so on). Go ahead and make those changes, test fully, commit and I'll cherry pick.


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

Go ahead, find them, recode them..what's stopping you? Code, test fully, commit. I can then cherry pick.


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

Adding pagination to the top of the pages causes a large gap below it.

 

Fixed - Thank You :thumbsup:

 

Regards

 

Ken

Share this post


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

×