Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

[Contribution] Tabbed Product Pages


Beer Monster

Recommended Posts

  • Replies 88
  • Created
  • Last Reply

Top Posters In This Topic

Thanks alot for this contribution..

 

I realy wanna install this contribution but it didn't worked for me, the readme file is a little confusing.. Even I copied over the product_info.php included but there is no tabs in the product info page :'(

?,???`???,?? God must love stupid people, he made so many ??,???`???,?

Link to comment
Share on other sites

Thanks alot for this contribution..

 

I realy wanna install this contribution but it didn't worked for me, the readme file is a little confusing..

 

You will need to read the instructions carefully, As the product image popup thing is modified on most peoples sites, I've tried write the contribution to work with the huge variety of image contributions, this makes things a little more tricky.

 

Even I copied over the product_info.php included but there is no tabs in the product info page 

 

The tabs don't display until you put the relevant commands in the product description like this:

 

<newtab>

<tabname>Description</tabname>

<tabtext>This is my product!</tabtext>

</newtab>

 

Without this you will just see a normal product description. This is all explained in the install instructions.

 

Remember you can use a text compare tool such as beyond compare to make the necessary modifications if you are having difficulty with the install instructions.

Light, in the absence of eyes, illuminates nothing.

Link to comment
Share on other sites

I was able to get this working, however, when I attempted to add a tab to an existing product...well, it appears that the tab needs some sort of auto word wrapping so that the description does not stretch the page. Any suggestions?

 

http://xboxnational.com/eStore/product_inf...?products_id=28

 

OK, i've obviously stuffed up somewhere.....

 

in product_info.php remove the pre tags from this line

 

echo '<pre><div class="boxText">' . $tabtext[0][1] . '</div></pre><br>';

 

         echo '<div class="boxText">' . $tabtext[0][1] . '</div><br>';

 

And use HTML formatting

e.g.

<newtab>
<tabname>Description</tabname>
<tabtext><p>The Xbox Video Game System features the power and performance you expect in a sleek and powerful look. You'll get four Xbox game controller ports that allow easy and multiplayer gaming and enable other peripherals, ranging from game pads to voice-activated headsets. Fulfill your creative visions and play games on the Xbox Video Game System that blur the lines between fantasy and reality.</p>

<p>Did you know you could even record your favorite CD soundtracks on your hard drive and play your favorite tunes as the soundtracks in selected titles or just play them whenever you want to listen?</p>


Features:<br>

<p>Xbox has the most powerful graphics processor on any game console, setting a new standard in video game graphics
Four game controller ports that allow easy multiplayer gaming and enable other peripherals, ranging from game pads to voice-activated headsets<br>
A front-loading DVD tray<br>
A multisignal audio-video connector that allows for easy hookup to televisions and home theater systems<br>
An Ethernet port for rich, fast-action online gaming via a broadband connection<br>
An NVIDIA graphics processing unit (GPU), delivering more than three times the graphics performance of other consoles<br>
An Intel 733MHz processor, the most powerful CPU of any console<br>
An internal hard drive, for massive storage of game information a first in the console gaming industry Built-in hard disk eliminates loading screens during gameplay and allows for more expansive game designs<br>
Customize music for your favorite games<br>
Play DVD movies with the DVD remote control<br>
Comes with 2 controller and cable for TVs with audio and component video input<br>


<p>Xbox "Value Bundle" Includes:</p>

1 - Xbox Console<br>
1 - Xbox Controller<br>
1 - Glow in the Dark Xbox Controller by Gimini<br>
3 - Games<br>
Power Adapter<br>
Standard A/V Cable<br>



<p>Included Games:</p>

Exhibition Volume 2<br>
Exhibition Volume 4<br>
Exhibition Volume 6<br></tabtext>
</newtab>

 

I'll have a look later to see if I can fix it to work without the html formatting.

Light, in the absence of eyes, illuminates nothing.

Link to comment
Share on other sites

OK, i've obviously stuffed up somewhere.....

 

in product_info.php remove the pre tags from this line

 

echo '<pre><div class="boxText">' . $tabtext[0][1] . '</div></pre><br>';

 

         echo '<div class="boxText">' . $tabtext[0][1] . '</div><br>';

 

And use HTML formatting

 

Thanks! That worked perfectly. Do you think this might work better with the WYSIWYG contribution installed?

Link to comment
Share on other sites

  • 2 weeks later...

Thanks for a great contrib.

 

Installed it straight from the ZIP, no problems whatever.

BUT: :P

 

1) text appears in different type if product_info is tabbed (slightly larger)

solved this by applying your (delete the <pre> </pre> tag) AND modifying (in the same line) class="bodyTextMain" to class="bodyText" .

 

Any comment on that? Did I go the right way about it?

I could not quickly figure out which stylesheet to alter.

 

2) My webstat keeps complaining on a 404 page not found for

webfxlayout.css

I don't have this file, it's not in the ZIP as far as I can see.

 

Installation was a snap, recommend it any time !

 

Walter Kempees

www dot voordeel4u dot nl look for Make=Finlux

Link to comment
Share on other sites

Thanks for a great contrib.

 

Installed it straight from the ZIP, no problems whatever.

BUT: :P

 

1) text appears in different type if product_info is tabbed (slightly larger)

solved this by applying your (delete the <pre> </pre> tag) AND modifying (in the same line) class="bodyTextMain" to class="bodyText" .

 

Any comment on that? Did I go the right way about it?

I could not quickly figure out which stylesheet to alter.

 

2) My webstat keeps complaining on a 404 page not found for

webfxlayout.css

I don't have this file, it's not in the ZIP as far as I can see.

 

Installation was a snap, recommend it any time !

 

Walter Kempees

www dot voordeel4u dot nl look for Make=Finlux

 

1, Seems ok!

 

2, Try deleting the folowing line from webfxlayout.js (line 7ish).

 

 

document.write('<link type="text/css" rel="stylesheet" href="webfxlayout.css">');

Light, in the absence of eyes, illuminates nothing.

Link to comment
Share on other sites

Hi Brian,

 

I am trying to break the code down that you insert into the product_info.php file to only show in place of the description text. If you look here you will see that my product info page is heavily modified.

 

This is the only piece of code from my product_info file that is required. All the images, buttons, price etc can be removed.

 

<tr>
<td>
<p align="justify"><span class="main"><?php echo stripslashes($product_info_values['products_description']); ?></p></span>
</td>
</tr>

 

I have tried but I am unsure which bits to keep and remove.

 

Any chance of a helping hand. :thumbsup:

 

Thanks

 

Mark

Lifes a bitch, then you marry one, then you die!

Link to comment
Share on other sites

Hi,

 

has anyone successfully integrated this into a heavily modifies product_info file as I am really struggling to get this sorted.

 

If you can help me then please let me know and I will either post the code or pm it to you.

 

Thanks

 

Mark

Lifes a bitch, then you marry one, then you die!

Link to comment
Share on other sites

Hi,

 

has anyone successfully integrated this into a heavily modifies product_info file as I am really struggling to get this sorted.

 

If you can help me then please let me know and I will either post the code or pm it to you.

 

Thanks

 

Mark

 

 

Mark,

 

What does this contrib do? anything like what my product pages look like?

 

Mike

Link to comment
Share on other sites

Hi Mike,

 

Yeah like yours but yours looks even better.

 

Is this standard for all products or can you apply it to single products?

 

Any chance of sharing the code?

 

Thanks

 

Mark

Edited by mark27uk3

Lifes a bitch, then you marry one, then you die!

Link to comment
Share on other sites

Hi Mike,

 

Yeah like yours but yours looks even better.

 

Is this standard for all products or can you apply it to single products?

 

Any chance of sharing the code?

 

Thanks

 

Mark

 

Mark,

 

ill be on msn from 6ish tonight, ill explain then and show you my code. I have it so it shows on all product pages, not sure if it can be done for a single product tho, maybe with an if statement (display this else display that). ill speak to you l8r m8

 

cheers

 

mike

Link to comment
Share on other sites

  • 2 weeks later...

Boys and Girls, did you all stop playing with this contribution? :o

 

I really think that it DESERVES a lot of attention. :thumbsup:

 

I continue to fiddle with it trying to get it to do good things...slowly.

 

One particular problem that I would like an answer to (along with the others above this thread) is:

 

If you have selected a tab, e.g. Extra Info, and then from that tab go to another product, you remain in the Extra Info tab on the new product's page.

 

It would be better if the tabs defaulted back to the main Product Info tab each time a new product is selected, don't you think?

 

And if you agree, be clever and tell us how to do it. ;)

 

Best Regards, Ted

Link to comment
Share on other sites

Hi Ted,

 

I never stopped tinkering with it, I just could not get it to work with my well modified product info page.

 

If anyone can come up with a solution I would be grateful.

 

Mark

Lifes a bitch, then you marry one, then you die!

Link to comment
Share on other sites

Boys and Girls, did you all stop playing with this contribution? :o

 

I really think that it DESERVES a lot of attention. :thumbsup:

 

I continue to fiddle with it trying to get it to do good things...slowly.

 

One particular problem that I would like an answer to (along with the others above this thread) is:

 

If you have selected a tab, e.g. Extra Info, and then from that tab go to another product, you remain in the Extra Info tab on the new product's page.

 

It would be better if the tabs defaulted back to the main Product Info tab each time a new product is selected, don't you think?

 

And if you agree, be clever and tell us how to do it. ;)

 

Best Regards, Ted

 

 

 

Tinkering? Well eh NO, I installed it played with it released it and watched it being bEautIfull.

But you are right it does keep the last selected tab open.

 

A few days after I installed FCKeditor and got a scare, 'cause my tabs were gone in admin.

Klick on show source and they were back, so even that works.

Great contrib can't say anything less.

 

Walter

www dot voordeel4u dot nl look for Finlux

Edited by DeKemp
Link to comment
Share on other sites

  • 2 weeks later...
Tinkering? Well eh NO, I installed it played with it released it and watched it being bEautIfull.

But you are right it does keep the last selected tab open.

 

A few days after I installed FCKeditor and got a scare, 'cause my tabs were gone in admin.

Klick on show source and they were back, so even that works.

Great contrib can't say anything less.

 

Walter

www dot voordeel4u dot nl look for Finlux

 

Anyone have any luck finding a way to have it default back to Description when selecting a different item? This is very important!!! :o

 

Also, does anyone know how to have the Options tab hide if there are no options?

 

Any help greatly appreciated.

 

Best, Ted

Link to comment
Share on other sites

Anyone have any luck finding a way to have it default back to Description when selecting a different item? This is very important!!! :o

 

In product_info.php, find:

 

tp = new WebFXTabPane(document.getElementById("tabpane1"));

 

and change to....

 

tp = new WebFXTabPane(document.getElementById("tabpane1"), false);

 

Also, does anyone know how to have the Options tab hide if there are no options?

 

The tabpane will only show tabs that you add in the product description. If you can give me more info or a link to your site, I may be able to help further.

 

Brian

Light, in the absence of eyes, illuminates nothing.

Link to comment
Share on other sites

In product_info.php, find:

 

tp = new WebFXTabPane(document.getElementById("tabpane1"));

 

and change to....

 

tp = new WebFXTabPane(document.getElementById("tabpane1"), false);

:thumbsup: Yep, that worked. Thanks a lot. I am sure it will be helpful for a lot of others.

 

 

 

As far as the Options/Attributes not showing up unless they exist.

 

In product_info.tpl.php, my tab code for my second tab "Options" starts like this:

 

<!-- Tab2 Start -->
  <div class="tab-page" id="tabPage2">
	<h2 class="tab"><?php echo TAB_OPTIONS;?></h2>
  <script type="text/javascript">tp1.addTabPage( document.getElementById( "tabPage2" ) );</script>
  <table><tr><td class="main">
<?php
$products_attributes_query = tep_db_query("select count(*) as total from " . TABLE_PRODUCTS_OPTIONS . " popt, " . TABLE_PRODUCTS_ATTRIBUTES . " patrib where patrib.products_id='" . (int)$HTTP
_GET_VARS['products_id'] . "' and patrib.options_id = popt.products_options_id and popt.language_id = '" . (int)$languages_id . "'");
$products_attributes = tep_db_fetch_array($products_attributes_query);
if ($products_attributes['total'] > 0) {

 

And ends like this:

 

echo '<table border="0" cellspacing="0" cellpadding="2" width="100%" height="100">
		<tr>
		  <td class="main" colspan="2"><b>' . NO_TEXT_PRODUCT_OPTIONS . '</b></td>
		</tr></table>';

}
?>

<?php
} // otf 1.71 end if
?>
	</td>
  </tr>	  </td></tr></table>




  </div>
<!-- Tab2 End -->

 

...and has a lot of modified code in between.

 

I have it so that Extra photos will show up if there are extra photos, and the Manufacturer will show up if there is a manufacturer, but the Options (attributes) tab shows up everytime.

 

Image example:

 

		// No need to show this tab, if there are no extra images  and Ultra Images Pack disabled.
if (ULTIMATE_ADDITIONAL_IMAGES == 'enable') {
	if (tep_not_null($product_info['products_image_sm_1'])) { ?>
<!-- Tab3 Start -->
  <div class="tab-page" id="tabPage3">
	<h2 class="tab"><?php echo TAB_EXTRA_IMAGES;?></h2>
  <script type="text/javascript">tp1.addTabPage( document.getElementById( "tabPage3" ) );</script>
  <table><tr><td class="main">

<?php
// BOF MaxiDVD: Modified For Ultimate Images Pack!
 include(DIR_WS_MODULES . 'additional_images.php');
// BOF MaxiDVD: Modified For Ultimate Images Pack!
?>
		</td>
	  </tr>
	</table>
  </div>
<!-- Tab3 End -->

 

Oh, did I mention, I am using a modified version of Tabbed Product Pages that works with CRE 6.15...Yep! ;)

 

Best, Ted

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...