Jump to content
burt

Bootstrap 3 in 2.3.4 - Responsive from the Get Go

Recommended Posts

can somebody explain categories sort order? What happening in a multi language shop? The sort order is a litle bit confused.

Please state the exact nature of the problem.


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

:blink:
osCommerce based shop owner with minimal design and focused on background works. When the less is more.
Email managment with tracking pixel, package managment for shipping, stock management, warehouse managment with bar code reader, parcel shops management on 3000 pickup points without local store.

Share this post


Link to post
Share on other sites

Well I should take a question by another way.

 

How do you use the sort_order value in categories listing?

 

 

$categories_query = tep_db_query("select c.categories_id, c.parent_id, 
c.categories_image, cd.categories_name from " 
. TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd 
where c.categories_id = cd.categories_id 
and cd.language_id = '" . (int)$languages_id. "' 
and c.categories_status 
order by c.parent_id, 
c.sort_order, 
cd.categories_name");
focused on

order by c.parent_id, 
c.sort_order, 
cd.categories_name
is categories_name the last?

 

What is the reason to use sort_order in categories listing?


:blink:
osCommerce based shop owner with minimal design and focused on background works. When the less is more.
Email managment with tracking pixel, package managment for shipping, stock management, warehouse managment with bar code reader, parcel shops management on 3000 pickup points without local store.

Share this post


Link to post
Share on other sites

I use sort_order to force a kind of natural order.

We are a cooking shop, I want to show cooking gear first, and appliances last as that is not the category that makes our shop stand out.

Similarly, I show cooking sets first, as that is what people typically buy first, and individual pots further down the list, and that is later in their buying process


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

Thank you @@wHiTeHaT and all

Edited by Gergely

:blink:
osCommerce based shop owner with minimal design and focused on background works. When the less is more.
Email managment with tracking pixel, package managment for shipping, stock management, warehouse managment with bar code reader, parcel shops management on 3000 pickup points without local store.

Share this post


Link to post
Share on other sites

HAMMER TIME


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

Can't touch this ...


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

@

 

St. Arnold Elissa / Live Oak Pilz / Real Ale Full Moon Pale Rye Ale / Rochefort Trappistes 10 / Ziegenbock :beer: ??

Well got to be something ! important;

 

Regards

Joli


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

 

Share this post


Link to post
Share on other sites

Great, so get to work on the community build to;

 

4.  update the admin side to bootstrap

 

 

So in keeping with the community build, I have started on an initial admin makeover using the latest bootstrap, and the 23 Github branch, based on 2.3.4

 

It is an offcanvas layout, which makes viewing on small devices relatively painless, though we all know it is impractical to manage a shop and anything smaller than a tablet, there are those times you need a quick view.

 

So far only a few files that must be changed to achieve the admins new look have been edited:

  • template_top.php
  • template_bottom.php
  • header.php
  • footer.php
  • column_left.php
  • New File: admin/ext/stylesheet.css

In addition to those files, these have been modified to reflect how the overall theme will look and perform:

  • index.php
  • configuration.php
  • login.php
  • includes/functions/html_output.php
  • includes/functions/general.php
  • All dashboard modules

The theme is based on Bootstrap but custom styles so not as to look like the blah blah basic BS. In creating the theme I kept in mind the history of the osCommerce admin - Simply header/footer - functional left column - those gray an blue shades!

 

Changes I would like feedback on before moving to other pages:

 

Overall rendering in different devices and OS systems.

 

The new method of editing/viewing info as seen in configuration.php - I have bypassed the box class in favor of simply opening a new row where all actions may be carried out. The info previously loaded into the box still only loads once per row selected and only for that row selected.

 

One main reason for removing the right box was for room on smaller devices.

 

An online version is located here:

http://bsadmin.wsfive.com/admin/login.php

User: demo

Pass: demo1

 

I will upload the changes to GIT as soon as I figure out how to make a branch of my fork.


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

 

Changes I would like feedback on before moving to other pages:

 

Overall rendering in different devices and OS systems.

.

 

Win 7, HP notebook.   :thumbsup:

Android 4.4.4 version, Droid Ultra  :thumbsup:

 

Punished when clicking non existent pages: :) Beavis and Butthead.

 

mini-0923.jpg

 

On the droid,  when looking at the menu, the chart data goes off screen, i.e. revenue, customers graphs.  A couple of taps on the screen fixed that.

 

Otherwise..looks good.

 

If there's something specific you want tested, viewed let me know.

Edited by altoid

I am not a professional webmaster or PHP coder by background or training but I will try to help as best I can.

I remember what it was like when I first started with osC. It can be overwhelming.

However, I strongly recommend considering hiring a professional for extensive site modifications, site cleaning, etc.

There are several good pros here on osCommerce. Look around, you'll figure out who they are.

Share this post


Link to post
Share on other sites

@@altoid

 

Thanks for the feedback - thus far I have only been able to see it on a Mac and iPhone.

 

I notice when resizing the screen that sometimes the flot charts text overflows, generally fixed with a refresh. Maybe I need to nest them in an additional wrapper.

 

 

For everyone else - the primary page that I need input on is anything in the configuration menu, minus store_logo and admin. This is what I would like solid input on before continuing on, as that will be the basis of many, many, many pages.


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

@

 

very nice! not only visually but also usability is awesome. I like the way the row opens underneath it when clicking "info" or "edit" buttons in the listing.

Maybe a smoother slide in transition for the menu on smaller screens would be cool.

Looking forward to see other pages "IF" you decide to continue with your project.

 

Tested with Windows 7, 15" Notebook and Android Phone. Looked OK so far.

The current used flot can be a pain in the ass though. Should look into other possibilities like newer flot or morris.

Share this post


Link to post
Share on other sites

@@Tsimi

 

Thanks for feedback. It does seem that the sidebar does slide in a bit rough on mobile devices. Looks like it should also take the screen back to top of page as well.

 

As for flot, it has to stay. I'm trying to keep everything as close to the default build, changing only what is needed for the theme.

 

Now that Ive got everything wrapped in the theme and the configuration page working smoothly, I can move on to the other 40 pages.

 

I do have current changes committed to github branch @ https://github.com/GLWalker/oscommerce2-bs-admin

 

Before committing I weeded through the files that compromise the actual theme/template and corrected all HTML indention so that it renders perfectly balanced - with the exception of dashboard modules - thought it a bit anal retentive to add extra indention to the html on each module just for that.


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 categories.php page is about 1/3rd done if anyone would like to check it out.

 

Only the category listing area is formatted and all the actions that go along with categories. This page was a bit trickier than the configuration, but I believe I have it well underway.

 

Feel free to edit and create any categories for testing.


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 created a couple new categories and included "non optimized" images to see what would happen.  I successfully moved a category I created into another category.  All went well.

 

Interface was rather intuitive, but after moving the one category i had to puzzle out how to get back to the top.  Found the back button and got there.

 

So from that looks good.


I am not a professional webmaster or PHP coder by background or training but I will try to help as best I can.

I remember what it was like when I first started with osC. It can be overwhelming.

However, I strongly recommend considering hiring a professional for extensive site modifications, site cleaning, etc.

There are several good pros here on osCommerce. Look around, you'll figure out who they are.

Share this post


Link to post
Share on other sites

I took the button group wrapper away from the "Back | New Category | New Product" buttons, I think it lays out a bit better and feel the space between buttons is really needed on an administration interface to avoid accidental clicks.

 

Ive since updated the products_new area, and product_preview - still no actions on the product rows, its next.

 

I have also added in 2 additional languages for demonstration of everything as a whole.

 

New Product:

http://bsadmin.wsfive.com/admin/categories.php?cPath=&action=new_product

 

Edit Product:

http://bsadmin.wsfive.com/admin/categories.php?cPath=21&pID=28&action=new_product

 

Product Preview:

http://bsadmin.wsfive.com/admin/categories.php?cPath=21&pID=28&action=new_product_preview

 

demo

demo1

 

I think it may need an additional set of save/cancel buttons elsewhere on the page - would be handy when editing existing products?


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 haven't had a lot of time especially in the last couple of weeks, apologies. Looks really great!


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

@WS5

 

Very nicely done!

Nice going with the multilingual tabs.

 

When deleting a large image a popup shows up asking to confirm. That popup is javascript right? On a smartphone (android in my case) the popup gets a bit cut off. Any chance to have a bootstrap modal instead? Would sure look great.

And the text that says "this product was added on...bla, bla, bla..." doesn't break to the next line in xs view mode.

But then on the other hand, as you mentioned once, who would add/edit products with a smartphone right?

 

Oh, and sorry for the empty product, that was me.

Share this post


Link to post
Share on other sites

When deleting a large image a popup shows up asking to confirm. That popup is javascript right?

And the text that says "this product was added on...bla, bla, bla..." doesn't break to the next line in xs view mode.

@@Tsimi

Thats actually just an error message, as also used in the message stack. I'll have to check if it has an issue breaking @ xs size

Product add on is a bootstrap label, their not made to break, which has been a pain in the but for another project I did when it came down to mobile view.

 

@@wHiTeHaT

 

That's a very good point - I could see it being done as well.  For the most part it should be much easier to do with this admin VS the current admin.

 

I think some small tweaks to the stylesheet can fix everything up. I keep going back and forth tweaking things as I build - upon completion of the categories.php I have a cut list to take care of :)


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 see, bs label...hmmm...maybe shorten the text to Added: xx/xx/xxxx or Product added: xx/xx/xxxx something like that?

Share this post


Link to post
Share on other sites

Just added

white-space: pre-line;
display: inline-block;

 

to label and looks good now, the pre-line makes it wrap and inline-block keeps the background color a solid block so it doesn't cut off when the text goes to a new line :thumbsup:


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.

×