Leaderboard

Decided to take a further look at what the competition are doing to make it easy to for customer. I’ve already looked at checkout so decided to look at the front end. How easy is it to sign up and make an account? Well the results were quite surprising. It looks as if osC is out of step with many of the market leaders. Put simply our first look for the customer is very off putting compared to most others. Lets just have a look. Shopify Magento WooCommerce OpenCart osCommerce I think anyone looking at these would see that our create account page is clearly out of step and could be seen as very off putting! Do we really need all that info up front! I think the competitors have clearly seen the need to make the first contact the customer has as low key as possible. Woocommerce have taken this a step further and removed the create account all together from the front page. You just shop and go to check out and then you are simply given a simple tick box if you want to make an account. I think it's clear from this that we have to update our create account process as it could be off putting to new customers. We could just do what Wooo do and get rid of it from index and just make it a simple selection option on the check out page. I think that combined with the ideas for streamlining the checkout could make osC a much better experience for customers.

Discussion on this a while back; It seems as though I abandoned it, though cannot recall why 😕

A responsive template might be worthwhile only if you already have a running shop with customers, etc. and you need to keep it running (and mobile) while changing over to the correct version. If you're just starting out, bite the bullet and go immediately to the latest and greatest osC 2.3.4.1BS Edge/CE/Frozen, which is mobile-ready. Don't install a template, because you'll never get around to upgrading to BS, and will suffer for a long time, trying to fix the old osC's flaws.

Talk to one of the partners https://www.oscommerce.com/Services You may find have a quick short term solution in a responsive template that will give you more time to plan your transision to a new osC cart.

Some people are still finding it hard to find what part needs to be changed.I was answering in PM but it's better discussed on the forum as it may help others. Questioner was struggling to find how to change the hover colour on elements. The hover is just another layer that need to be changed. So if you have a button say, success (your buy button) that is green #2B642B , it will have another color a bit diferent when you hover over it say light green #63ba63. so lets say we have that button, this sets or changes its main color. (The color: #fff; is for the text on the button.) .btn-success { color: #fff; background-color: #2B642B; border-color: #00b3db; } Now this sets or changes the hover color. .btn-success:hover { color: #fff; background-color:#63BA63; border-color: #285e8e; Thats it, it's the same for any elament that changes when you hover over it with your mouse.

this it should be <script type="text/javascript" src="../ext/jquery/jquery-2.2.3.min.js"></script> there is an extra (.) after (jquery-2.2.3.)

includes/modules/content/index/cm_i_text_main.php includes/modules/content/index/templates/tpl_cm_i_text_main.php includes/languages/english(your language)/modules/content/index/cm_i_text_main.php and of course, install: admin=>modules=>content=>Main Home Module[index]

Making progress slowly as time permits, separate Modal Accounts navbar added to test site. Would be helpful if people could test it on different devices to see how it looks/works. Auto fill should work and pages should be modal’s. It’s work in progress so may be some glitches. Needs a lot more work to integrate checkout and other pages. Not as simple as it first looks🙄 Odd thing is modal works fine on mobile devices but on PC is proving difficult auto resize to fit responsive CE! Can be tested here https://www.justfastfood.com/

So with Auto-fill working striped down the account registration to the bare minimum. It works fine but I think will require quite a bit more work to integrate with check out, something outside my comfort zone and best left to someone who knows the code. It could take two routes both add-on’s. a) Be totally independent of stock account and checkout and work along side it. b) Link into the current account and checkout, this will need to resolve how and at which point they overlap? Not as easy as it first looks.

I have that request time and time again. I looked at a couple of option for existing add-on’s but decided to review what the other carts were doing before deciding to make changes. The results of the review showed that it was probably best to make some changes as I prefer the woocommerce approach. Just my preference nothing more. Neither approach is right or wrong! just different. Having looked at the checkout I decided to look at the front end also to see how well they could be integrated. I don’t see why simply reviewing and looking at options to improve an existing, or make a new add-on can generate so much resistance! 😊 just be happy that we may be able to have another add-on that some may find usefull. I don’t mind where the ideas come from as long as they contribute to try and make the osC experience better. So if you have one that can help please post here.

As long as the people using it care that’s all that matters. Development may be slow and on an as required basis but it will continue. I personally don’t have a problem with Harold popping in as and when he is able. 😊 Will hopfully be looking at the checkout process in due course with the help of a kind developer. I intend to do what I can as and when time allows. Anyone else can do the same or not, after all there is no compulsion to be involved its all voluntary. The ideas are still relevant even to your new project.😊 These are just ideas some may work other may fall by the wayside but at least we can discuss the pros and cons. Much of the work required has already been done on older versions. There are many add-on’s for checkout without account, some good some not so good. Hopefully with the new modular checkout making the required changes will be simpler. No harm in trying.

Well the next stage is for the Gary and the team to decide, I am sure they already have ideas for what they want to do. I think its in two stages. Stage 1) Lets help as many people as possible migrate from old osC which ever that is to the community addition. This will require 3 things. 1) Lets positively promote CE on the forum. 2) We need to make moving data fro old store to new much easier. How? Up for discussion. 3) Addons the one click will help but only if addon makers use it. Pick the top 50 addons and help them convert to one click. Stage 2) For me as a user, 1) Clean start with no legacy issues. 2) Totally modular design 3) Core code is made closed (no messing with it using addons) 4) Review how we make it responsive (bootstrap or alternative?) bootstrap works but is not the only option. 5) Totally integrated modification function. As and when updates to the core are made by the team they are pushed out and available in admin. User simply presses install and core is updated. ( already available in opencart) 6) Totally integrated addon function. Same as 5 above but for addons. Both paid and free ( should consider the option of approved free addons and none approved) ( already available in opencart) 7) Store side editing function. A simple way to let you make changes to the store front with out needing to edit files. 8) Data import capability. The only way to make it successful is if we make it easy for people to move to it from another osC or other cart. But that's just my thoughts others will have there own views.

Hello lyn @ce7 I'm glad to hear that all is fine. There is no support to show the categories images in the admin listing. I didn't consider it necessary to identify the categeories. Nethertheless it is possible to add it and I'll think about for the next update. Best regards Rainer

The core code needs to be improved. Just like there is an option to have a 1/2/3 column layout overall, so there can be an option to have 1/2/3 columns on the product page. Then for each product_info module, there will be a configurable option of which column you want to insert the module into.

have been having a bit of a play with this on a new version of Frozen. I thought others may like to see the results. There have been no core file changes, and apart from a bit of padding in the button code nothing has been changed. The layout is created by using the method that Gary explained further up the thread. The product price will be played with later as I need to convert some code to make the layout different as I need to show customers the savings on the actual price and the buying price. The description is under the image disclaimer, as will be the cross sell products, recently viewed and the reviews and what ever else will be tagged onto the end of the page. These may even be placed inside Garys 28 days of code tabs so will have to see what looks best.

This question is asked many times. Its not easy for someone who is not into the code to find the bits they need. So to try and help I'll post the changes I have used. These are purly extracted from a stock install of CE. Only make changes in you user.css. I have put the full css in a readable format into seperate files that are attached. Most people will only need the short user.css listed below. This should cover most thing. To change color of index background use element.style { background-color: #ad1313; } To change color of panel background use .panel-default { border-color: rgb(221, 221, 221); } .panel { margin-bottom: 20px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 4px; To change color of panel on index use .thumbnail { display: block; margin-bottom: 20px; line-height: 1.42857; background-color: rgb(255, 255, 255); padding: 4px; border-width: 1px; border-style: solid; border-color: rgb(221, 221, 221); border-image: initial; border-radius: 4px; transition: border 0.2s ease-in-out 0s; } To change color of navbar use .navbar-no-corners { border-left: none; border-right: none; border-radius: 0px !important; } .navbar-inverse { background-color: rgb(34, 34, 34); border-color: rgb(8, 8, 8); } .navbar { border-radius: 4px; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; } To change color of breadcrumb use .breadcrumb { margin-bottom: 20px; background-color: rgb(245, 245, 245); padding: 8px 15px; list-style: none; border-radius: 4px; } To change color of panels use. .panel-default { border-color: rgb(221, 221, 221); } .panel { margin-bottom: 20px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 4px; To change color of customer-greeting use. .alert-info { color: rgb(49, 112, 143); background-color: rgb(217, 237, 247); border-color: rgb(188, 232, 241); } To change color of footer and its text use. .footer{background:red;border-top:2px solid #000;} .footer .footerbox{padding:10px 10px 0px 10px;} .footer h2{padding:0;margin:0;font-size:1em;letter-spacing:0.1em;color:rgb(222,222,0);text-shadow:1px 1px 1px rgba(255,255,255,0.6);border-bottom:1px solid #000;padding-bottom:10px;margin-bottom:10px;text-transform:uppercase;} To chnage color of footer nav-pills and its text use. .nav{padding-left:0;margin-bottom:0;list-style:none;} .nav>li{position:relative;display:block;} .nav>li>a{position:relative;display:block;padding:10px 15px;} .nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#A63737;} .nav-pills>li{float:left;} .nav-pills>li>a{border-radius:4px;} .nav-pills>li+li{margin-left:2px;} .nav-stacked>li{float:none;} .nav-stacked>li+li{margin-top:2px;margin-left:0;} .container-fluid:after,.container-fluid:before,.nav:after,.nav:before,.row:after,.row:before{display:table;content:" ";} .container-fluid:after,.nav:after,.row:after{clear:both;} To change color of footer extra and its text use. .footer-extra{background:#A63737;color:#A63737;line-height:3;} .footer-extra A{color:#A63737;} Navbar.css bodyWrapper.css body-sans-header.css columnLeft.css Footer.css Footer Extra.css user.css full user.css

You have to create a new database, then run the installer that is included once it is uploaded to your hosting server. The database will be filled with test products and setting so you can see the store working. Then you need to set it up and activate some modules. Then you will need to transfer all your customer, order, sales and product data from your old database to the new one. If you cant do that, there are people here that will either help you or do it for you if you post in the paid for help area.

You just need to fins the relavent section in your browser tools and extract the css you need. Only make changes to user.css. This is a full list of the sections you asked for only add the parts you need to change. Greeting footer footer-extra

If they're chocolate coated I'm in. Dan

Thanks @Demitry for helping out. I think what she means is, when you add the css code you posted it will also change the looks of the links within the navbar since those also use the same classes. Best would be to give it a new, unique class that only refers to that parent category link. For example; Inside the ..includes/classes/catmenu.php file FIND $root_link_title = '<span><span class="fas fa-list"></span>&nbsp;' . $link_title . '</span>'; REPLACE WITH $root_link_title = '<span class="parent"><span class="fas fa-list"></span>&nbsp;' . $link_title . '</span>'; We added the class parent for this example. Name it whatever you want later. Then add this to your user.css file .parent { color: red; } This should have changed the parent link color to red. Change the css code to whatever you like.

Cool ideas. I like the idea of a simplified create account method. A pop up modal box to create account would be nice.

Please if you have nothing constructive to add to the subject of this thread then go open your own. I am not interested in going over the same old political nonsense that has taken place on several threads before. We are simply discussing ways to improve the offering. If you care to read the full thread you will see a way forward has already been discussed and an offer to help look at this proposal made and accepted. As and when the work is done it will be posted on the forum.

I am a bit like @Dan Cole and everything is a bit hit and miss. When replacement stocks arrive, I check all prices and also stock check just to make sure that stock levels are correct. If cost prices have risen dramatically I may even have a look for other suppliers at the time. If I leave it too long it all gets forgotten about until the next order. I also look at the product descriptions to see whether they could be changed or added to in any way just to keep them fresh. The same with the product images. This may sound bad, but if prices have risen lots, then I update prices similar products just so some dont look more expensive than others. When a new product arrives, I have already done my homework and have an idea of selling prices based on competitors prices and my buying cost, so its just a case of a bit of SEO work on the product names and descriptions, and the new products are added. I am currently going through the site and altering all the product description layouts. Over the years they got altered slightly and now I am trying to get them all to look the same. Its taking time, but customers seem to like it. I do have the margin report addon installed on my site so I can at least see how much profit I am making on individual items, and orders if necessary. I also have a report that lets me see how many of each item I have dold in a set period, so that helps with ordering stock.

This gives a better idea of what can be done with a drag and drop bootstrap page layout. In just a few minutes you can produce a completely new layout of the product info page. Using this method you can give your site a more custom look and feel that the stock install. Bootstrap is just a framework built using HTML5, you can use HTML5 to make small changes directly or use this type of Bootstrap tool to make big changes. Remember the tool is simply giving you a new layout, you will need to insert the php code into the correct sections. It is also very useful for adding product descriptions that require more than simple text. Adding new custom pages is also much simpler using a tool like this. This is how it will look in the browser.

Hello, This is a great, simple and effective add-on! Nevertheless, I got a, probably simple, question. I managed to set this all up, with various other payment methods as well. But, as it is a free download, I want to change the order status to Delivered immediately. This saves the administrator and customer a lot of time of course, because he doesn't need to change the status by him/herself. I already found the next lines of code, and I'm quite sure that this has to have some additional code, so that the order status will be changed. function after_process() { return false; } if someone can help me with it, I'd be very happy :) Thanks for the thoughts already! Luke