Jump to content
burt

Responsive osCommerce - Bootstrap

Recommended Posts

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


Get the latest Responsive osCommerce CE (community edition) 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 Responsive osCommerce CE (community edition) 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 Responsive osCommerce CE (community edition) 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 Responsive osCommerce CE (community edition) 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 Responsive osCommerce CE (community edition) 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 Responsive osCommerce CE (community edition) 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 Responsive osCommerce CE (community edition) 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

You choose to BS osc , so let's do it right (we all together)

 

It'll stay as is, if you or anyone else don't want to take it on.

 

I don't consider the changes you want to be important enough to spend any of my time on, I have more important things on the to do list.

 

The lead should not be doing *any* coding at all...should be project managing only ;)

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

So, now we have that clear, are you going to code it up so that I can commit it ? Or continue to talk about it ;) :D


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

Great stuff, thanks. You have 110% tested all the pages to ensure that you have broken no other pieces of .js (eg the grid/list, the datepicker and so 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 Responsive osCommerce CE (community edition) here

Share this post


Link to post
Share on other sites

Want to share the code for the current header navigation in use on my test site.

 

 

Hi tried to create an horizontal menu without your modification inside the class, I have been a success. Not perfect for me because the click of the mouse is mandatory to see the subcategory. I think the pb come the class read one category only everytime

 

If you have an idea to change that !

 

 

I use for that slimemnu javascript. It's responsive. (adnantopal.github.io/slimmenu/‎)

 

There the code

 

  function execute() {
  global $OSCOM_CategoryTree, $cPath;
    $footer_tag = '<script type="text/javascript" src=" '. DIR_WS_TEMPLATE . SITE_THEMA . '/javascript/slimmenu-master/jquery.slimmenu.min.js"></script>' . "\n";
    $footer_tag .= '<script  type="text/javascript" src=" '. DIR_WS_SOURCES .'/javascript/jquery/jquery_easing/jquery.easing.min.js"></script>';
    $footer_tag .= '
<script>
$(\'ul.slimmenu\').slimmenu(
{
   resizeWidth: \'1000\',
   collapserTitle: \'Main Menu\',
   easingEffect:\'easeInOutQuint\',
   animSpeed:\'medium\',
   indentChildren: true,
   childrenIndenter: \'»\'
});
';
   $footer_tag .= '</script>'."\n";
   $OSCOM_Template->addBlock($footer_tag, 'footer_scripts');

  $OSCOM_CategoryTree = new category_tree();
  $OSCOM_CategoryTree->setCategoryPath($cPath, '<strong>', '</strong>');
  $OSCOM_CategoryTree->setSpacerString('  ', 1);
  $OSCOM_CategoryTree->setParentGroupString('<ul class="slimmenu">', '</ul>', true);
  $OSCOM_CategoryTree->setChildString('<li">', '</li>');

  $OSCOM_CategoryTree->setMaximumLevel(5); // maxlevel

  $header_template = '<!-- header slimemenu start -->' . "\n";
  $header_template .= '<div class="clearfix"></div>';

 $header_template .= $OSCOM_CategoryTree->getTree();

    $header_template .= '<div class="clearfix"></div>' . "\n";
  $header_template .= '<!-- header slimmenu end -->' . "\n";
  $OSCOM_Template->addBlock($header_template, $this->group);
   }



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

@@wHiTeHaT I like the idea of what you're doing, keep at it, finish it and I will then cherry pick and commit.


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

@@wHiTeHaT - thanks for the ideas.

 

colorbox and datepicker inline js now removed into their respective modules.


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

BS 3.1.1 requires jquery above 1.9 and the BS site is running 1.11. I'm using 1.11 so I'll commit it and make a pull request.

 

"dependencies": {

"jquery": ">= 1.9.0"

}


I'm not really a dog.

Share this post


Link to post
Share on other sites

Tk Withehat.

I looked but it's not that I want exactly, but it's better;



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

So I think we're close to finishing this project, no?

 

Any last comments or changes needed ?


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

..Any last comments.. ?

Excellent effort, guys. Well done! :thumbsup:

 

 

[shame the hiding of the infoBoxes didn't make it.]

Edited by ejsolutions

Share this post


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

×