Tabbed Products Pro (TPP) Contrib - Official Thread

[cevans73]

Awesome! Ok, I think I'm almost there....I think one more reply and I'm good...let's take the tab that I added 'Imprint Colors'...here is the link to my website product page by the way...if you want to look at what I have under that tab...
http://www.bizmug.com/zencart/index....roducts_id=180

Now how would I translate what I have in that tab, into the code that you provided? I see the example you did with the shipping estimator, how you have to preload it....so would I have to preload the information that I have for the imprint color tab somehow? I'm confused on where to put what I actually have under the tab, where it would be changed globally. For example in the code under the preload section when you get the template...would I have to create a new template for 'Imprint Colors'? Again, sorry to be such a pain! I think I'm almost there...

GOOD DEEDS ARE REWARDED!

THANKS! CHRIS

[twdhosting]

I'm going to back to the question about adding the Add To Cart to the attributes tab... I'm convinced there HAS to be a way of doing this!

If you look here http://www.valcarr.co.uk/christening...-card-910.html

I have the Add To Cart NOT in a tab which then makes it appear globally (independant of the tabs) which means that it is possible to add a product and check out without entering the text needed for the product (which are the attributes). If I add the Add To Cart on it's own tab then it also breaks the fill in the form > checkout logic.

I need a way of either adding the Add To Cart to the attribute tab OR hide it on all the tabs except the attribute tab...

Any Ideas?

Thanks

[qhome]

Now how would I translate what I have in that tab, into the code that you provided?

Using my example:

--TAB STRIP SECTION--

Find:

if ($bReviews_Tab != false) {
    $tabstrip .= "\n" . '<li><a href="javascript:void(0)" onclick="expandcontent(\'sc'.$g.'\', this)"><span>'.$reviews_tab_name.'</span></a></li>' . "\n";
    $g++;
}

After, add:

// ===> Add Imprint Colors to tabs (tabstrip)
            $tabstrip .= "\n" . '<li><a href="javascript:void(0)" onclick="expandcontent(\'sc'.$g.'\', this)"><span>Imprint Colors</span></a></li>' . "\n";
            $g++;

That will add the actual tab to the strip. Next we will associate it with its "content box". The preload isn't required persay. It is meant to load an existing page or database query ahead of time. In this case, you just have static content, so we can just hardcode that here:

--TAB CONTENT SECTION--

Find:

// ===> Check if Reviews should be on tabs (content)
if ($bReviews_Tab != false) {
    $tabcontent .= "\n" . '<!--bof Reviews_Tab sc'.$a.'-->';
    $tabcontent .= "\n" . '<div id="sc'.$a.'" class="tabcontent" style="display:block;">';
    $tabcontent .= AddHeader ($reviews_tab_name, $a, $bShowHeaders);
    $tabcontent .= $fmtRVW;
    $tabcontent .= CheckSubTags($a);
    $tabcontent .= "\n" . '</div>' . "\n" . '<!--eof Reviews_Tab sc'.$a.'-->' . "\n\n";
    $a++;
}

After, add:

// ===> Add Imprint Colors to tabs (content)
                $tabcontent .= "\n" . '<!--bof Imprint_Tab sc'.$a.'-->';
                $tabcontent .= "\n" . '<div id="sc'.$a.'" class="tabcontent" style="display:block;">';
                $tabcontent .= AddHeader ("Imprint Colors", $a, $bShowHeaders);
                $tabcontent .= ('<img src="http://www.bizmug.com/zencart/images/pantone/pantone_product_page_image.gif" width="644" height="121">
</br>
<strong><a target="_blank" href="http://www.bizmug.com/pantone_color_chart_new.pdf"><span class="style4">Click Here</span></a><span class="style3"> to view the Pantone Color Chart and to select the best imprint color for your product!</span></strong>
</br>
Note: When selecting your pantone number, reference using the top line information right below the color swatch. We do not need the rgb information on the second line. For example: pantone 106, or pantone 300.  For Black or White, just reference 'Black' or 'White', no numbers are needed.');
                $tabcontent .= CheckSubTags($a);
                $tabcontent .= "\n" . '</div>' . "\n" . '<!--eof Imprint_Tab sc'.$a.'-->' . "\n\n";
                $a++;

Try that and let me know if it works.

[qhome]

I'm going to back to the question about adding the Add To Cart to the attributes tab... I'm convinced there HAS to be a way of doing this!

If you look here http://www.valcarr.co.uk/christening...-card-910.html

I have the Add To Cart NOT in a tab which then makes it appear globally (independant of the tabs) which means that it is possible to add a product and check out without entering the text needed for the product (which are the attributes). If I add the Add To Cart on it's own tab then it also breaks the fill in the form > checkout logic.

I need a way of either adding the Add To Cart to the attribute tab OR hide it on all the tabs except the attribute tab...

Any Ideas?

Thanks

Hmm, I thought for sure I fixed a problem like that, but not exactly like that. If you put attributes NOT on a tab, then the form logic properly prevents you from adding it to cart without filling in the TEXT option right?

I will try that on my demo site.

[twdhosting]

Hmm, I thought for sure I fixed a problem like that, but not exactly like that. If you put attributes NOT on a tab, then the form logic properly prevents you from adding it to cart without filling in the TEXT option right?

I will try that on my demo site.

Yes - if you leave the attributes NOT on a tab then the form logic works (AFAIK) but that makes the page really long and defeats the object of having the tabs (or in this case 1 tab as that is all that remains)...

I'd really like the description on one tab and then the ordering process on another tab (attributes + checkout) if it can be done?

Thanks

[qhome]

I don't see any form validation at all on the add to cart. I even removed TPP from my demo site altogether and used the standard zen-cart files. I have my text box set to "required" but it doesn't care. I got all the way through checkout. Maybe there is some other setting we are missing.

[twdhosting]

Weird isn't it?

So the problem with form validation is a zencart one it seems...

Back to the original question then... Can the add to cart be put on the attributes tab? :)

[cevans73]

Thanks a lot for the code! Unfortunatley it didn't work, or maybe I did something wrong...now nothing on the product page screen is showing...see here....
http://www.bizmug.com/zencart/index....roducts_id=180

Help! Thanks again!!!
Chris

[qhome]

Thanks a lot for the code! Unfortunatley it didn't work, or maybe I did something wrong...now nothing on the product page screen is showing...see here....
http://www.bizmug.com/zencart/index....roducts_id=180

Help! Thanks again!!!
Chris

Well its a minor thing but lets do it a diff way anyway.

Keep the tab strip part from above, but this time we are going to add some preload stuff just to handle the formatting.

So find:

// -----------------------------------------------------------
// ------------- Custom Tab - Tab Contents -----------
// -----------------------------------------------------------

and ABOVE that, paste:

            // Pre-load Imprint
            $fmtImprint = "\n" . '<div style="width:100%;">' . "\n";
            $fmtImprint .= '<img src="http://www.bizmug.com/zencart/images/pantone/pantone_product_page_image.gif" width="644" height="121"></br><strong><a target="_blank" href="http://www.bizmug.com/pantone_color_chart_new.pdf"><span class="style4">Click Here</span></a><span class="style3"> to view the Pantone Color Chart and to select the best imprint color for your product!</span></strong></br>Note: When selecting your pantone number, reference using the top line information right below the color swatch. We do not need the rgb information on the second line. For example: pantone 106, or pantone 300.  For Black or White, just reference "Black" or "White", no numbers are needed.';
            $fmtImprint .= "\n" . '</div>'. "\n\n";

And for the tab content part:

Find:

// ===> Check if Reviews should be on tabs (content)
if ($bReviews_Tab != false) {
    $tabcontent .= "\n" . '<!--bof Reviews_Tab sc'.$a.'-->';
    $tabcontent .= "\n" . '<div id="sc'.$a.'" class="tabcontent" style="display:block;">';
    $tabcontent .= AddHeader ($reviews_tab_name, $a, $bShowHeaders);
    $tabcontent .= $fmtRVW;
    $tabcontent .= CheckSubTags($a);
    $tabcontent .= "\n" . '</div>' . "\n" . '<!--eof Reviews_Tab sc'.$a.'-->' . "\n\n";
    $a++;
}

BELOW that, paste:

                // ===> Add Imprint Colors to tabs (content)
                $tabcontent .= "\n" . '<!--bof Imprint_Tab sc'.$a.'-->';
                $tabcontent .= "\n" . '<div id="sc'.$a.'" class="tabcontent" style="display:block;">';
                $tabcontent .= AddHeader ("Imprint Colors", $a, $bShowHeaders);
                $tabcontent .= $fmtImprint;
                $tabcontent .= CheckSubTags($a);
                $tabcontent .= "\n" . '</div>' . "\n" . '<!--eof Imprint_Tab sc'.$a.'-->' . "\n\n";
                $a++;

I've got it working on my demo so I know it works :)

[cevans73]

Awesome, that worked!!

Thanks so much for your help!!! This will save me a ton of time in the future!

Have a great weekend!!!
Chris