Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Progress bar on checkout pages


bruyndoncx

Recommended Posts

Does anyone know if there is a contribution that makes the checkout progress bar a bit more explicit.

I personnally like the bar on this page, but something else could do as well

http://www.openads.org/quick-tour/openads-...ising-easy.html

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

Link to comment
Share on other sites

easy, you will need to edit all checkout pages and add the step progress bar.

Please read this line: Do you want to find all the answers to your questions? click here. As for contribution database it's located here!

8 people out of 10 don't bother to read installation manuals. I can recommend: if you can't read the installation manual, don't bother to install any contribution yourself.

Before installing contribution or editing/updating/deleting any files, do the full backup, it will save to you & everyone here on the forum time to fix your issues.

Any issues with oscommerce, I am here to help you.

Link to comment
Share on other sites

easy, you will need to edit all checkout pages and add the step progress bar.

Exactly, I was just wondering if something is already available that does this.

I rather re-use if I can, then re-invent.

 

Looking at the sourcecode :

		<table class="contentpaneopen_qt">
			<tbody><tr>
		<td colspan="2" valign="top">
			<table class="quicktour_menu" border="0" cellpadding="0" cellspacing="0"> <tbody><tr>	 <td class="quicktour_menu_left_on" style="padding: 0pt;"> 	 </td>	 <td class="quicktour_menu_on"><a href="http://www.openads.org/quick-tour/openads-makes-advertising-easy.html">Its easy</a>	 </td>	 <td><img class="quicktour_arrow" src="templates/openads/images/quicktour_arrow.png" alt=""><a href="http://www.openads.org/quick-tour/all-ad-formats-are-supported.html">All formats</a>	</td>	 <td> <img class="quicktour_arrow" src="templates/openads/images/quicktour_arrow_off.png" alt=""><a href="http://www.openads.org/quick-tour/you-have-complete-control.html">Complete control</a>	 </td>	 <td> <img class="quicktour_arrow" src="templates/openads/images/quicktour_arrow_off.png" alt=""><a href="http://www.openads.org/quick-tour/user-targeting.html">Who sees what</a>	 </td>	 <td> <img class="quicktour_arrow" src="templates/openads/images/quicktour_arrow_off.png" alt=""><a href="http://www.openads.org/quick-tour/optimise-your-advertiser-revenue.html">More revenue</a>	 </td>	 <td style="padding-right: 0pt;"> <img class="quicktour_arrow" src="templates/openads/images/quicktour_arrow_off.png" alt=""><a href="http://www.openads.org/quick-tour/install-and-integrate-today.html">Start today</a>	 </td>	 <td class="quicktour_menu_right_off" style="padding: 0pt;"> 	 </td> </tr> </tbody></table> <table border="0" cellpadding="0" cellspacing="0"> <tbody><tr>	 <td width="13"> </td>	 <td class="quicktour_content">	<h2><span class="green">Openads</span> makes it <span class="green">easy</span> to include advertising on your website </h2> <ul style="padding-left: 40px; margin-left: 40px;"> <li> Advertising is a great way to make money from your website. </li> <li> Openads is the tool of choice for <strong>tens of thousands of websites</strong> world wide. </li> </ul>  <img class="quicktour_image" src="templates/openads/images/qt_display_zones.jpg" alt="">  <br>	  </td> </tr> </tbody></table>

		</td>
	</tr>
			</tbody></table>

this seems like a good solution for my site as it can be translated easily as well and is extensible for multiple steps.

in order not to hardcode the steps on each page, a function that figures out which step is showing and outputting the graphic accordingly would seem ideal.

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

Link to comment
Share on other sites

What checkout bar?

In oscommerce the steps 1/2/3/4 shown at the top and bottom of the checkout pages.

 

on the openads site, I find the green graphic a good representation, it is not literally a checkout bar, but something like that would do imo.

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

Link to comment
Share on other sites

Link to comment
Share on other sites

  • 1 year later...
Does anyone know if there is a contribution that makes the checkout progress bar a bit more explicit.

 

Hi Carine Bruyndoncx,

 

We've just release a survey on the progress bar inside the checkout process. Visit the CHECKOUT - Progress Bar Survey page on our blog and read the post please. It has some information you may be looking for.

 

Thanks,

TraiaN

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...