Zen Cart Logo
Forums / All Other Contributions/Addons / Tabbed Products ''LITE'' version - Delimiter based

Tabbed Products ''LITE'' version - Delimiter based

Locked

Views: 234,227

Results 61 to 80 of 1,190
This thread is locked. New replies are disabled.
5 Jun 2006, 1:46 PM
#61
jesseasi avatar

jesseasi

New Zenner

Join Date:
Oct 2004
Posts:
25
Plugin Contributions:
0

Tabbed Products ''LITE'' version - Delimiter based

I have been working with another member in this forum to setup these tabs.

I am in charge of entering in all the data for the different tabs. I am running into a problem when using tables.

For some reason each tab does not really recognize the tables and all the tables "overflow" the tab fields.

In other words the tab window is not being stretched to fit the table.

Any ideas?

5 Jun 2006, 2:20 PM
#62
woodymon avatar

woodymon

Totally Zenned

Join Date:
Sep 2004
Posts:
2,309
Plugin Contributions:
1

Re: Tabbed Products ''LITE'' version - Delimiter based

qhome:

Recently I made the addition above that I was toying around with, that lets you add the core tags to the product description so you choose from there which products set the additional images. product details, and customers also purchased as tabs.

I will upload the "release" version today to the contrib area.
Very cool. Look forward to it.

Assuming the tab transparency details are still to be hammered out?

The body bg color of my site is lite blue but I wished to set the product description panel bg to match the background color of the focused (foreground) tab which is white by default (default_tab_bg_white_left.gif). Thus I added the entry below to stylesheet_tablitev2.css.

.ditch-tab-pane-wrap {
			background: #000000; /* prod-desc pane bg color */
			}

Is this the recommended method to ensure the panel and focused tab bg colors match?

Woody

5 Jun 2006, 2:48 PM
#63
woodymon avatar

woodymon

Totally Zenned

Join Date:
Sep 2004
Posts:
2,309
Plugin Contributions:
1

Re: Tabbed Products ''LITE'' version - Delimiter based

Q-

FYI - Regarding your demo site at http://www.unbannable.com/zen/index.php?main_page=product_info&products_id=1
When I click on the tabs (focused and unfocused) I get no response. In IE6 or Firefox 1.5.0.4. It was working before. I assume you are tweaking code ;-)

Woody

5 Jun 2006, 4:54 PM
#64
qhome avatar

qhome

Totally Zenned

Join Date:
Feb 2004
Posts:
1,702
Plugin Contributions:
5

Re: Tabbed Products ''LITE'' version - Delimiter based

Woodymon:

Q-

FYI - Regarding your demo site at http://www.unbannable.com/zen/index.php?main_page=product_info&products_id=1
When I click on the tabs (focused and unfocused) I get no response. In IE6 or Firefox 1.5.0.4. It was working before. I assume you are tweaking code ;-)

Woody

Yea sorry.. i got some new inspiration for when javascript is off. Now if jscript is off, it hides the actual tabs and instead lays out each box as normal. I'm still working on some features of that on my test server tho.

5 Jun 2006, 5:03 PM
#65
woodymon avatar

woodymon

Totally Zenned

Join Date:
Sep 2004
Posts:
2,309
Plugin Contributions:
1

Re: Tabbed Products ''LITE'' version - Delimiter based

qhome:

Yea sorry.. i got some new inspiration for when javascript is off. Now if jscript is off, it hides the actual tabs and instead lays out each box as normal. I'm still working on some features of that on my test server tho.
Cool to hear. I keep on forgetting to test fallback when JavaScript is off. Thanks for the reminder to do this. BTW I don't observe your mod available via the Downloads area yet? I observe other mods were added very recently. Should it appear in "Other Modules" or elsewhere? Maybe I am impatient ;-)

5 Jun 2006, 5:17 PM
#66
qhome avatar

qhome

Totally Zenned

Join Date:
Feb 2004
Posts:
1,702
Plugin Contributions:
5

Re: Tabbed Products ''LITE'' version - Delimiter based

heh .. this is always my problem with coding.. i keep saying "it will be out soon" and then i have these plans and visions in my head so I keep changing and working on new features :P If I don't force myself to stop every so often I'd never get my project out.

You should be able to test my demo site with and without jscript and see how it works. Now that I got this done.. that template is a varitable sandbox mess so I'm trying to clean things up. I hope I don't have any more visions before I'm finished so I can release it.

Also, as I mentioned a few posts up, a major change in the release version will be the tags for the core stuff. Now if you want Additional Images, Product Details, and Customers Also Purchased tabs to appear, you need to add the preset hardcoded tag for them to your description (more about this will be in the readme). This allows you to enable/disable those as tabs for each product separately. If you don't add those tags to your description, then they will just appear as normal (unless you disabled those boxes altogether in the admin)

I'm thinking I might table-ize each section if jscript is off so they would be a separate box each instead of running together in the same party box. But thats it. I'm releasing after that.

5 Jun 2006, 5:30 PM
#67
woodymon avatar

woodymon

Totally Zenned

Join Date:
Sep 2004
Posts:
2,309
Plugin Contributions:
1

Re: Tabbed Products ''LITE'' version - Delimiter based

qhome:

I hope I don't have any more visions before I'm finished so I can release it. Visions can be good. Don't rush. The nice improvements you've implemented in each update so far have made waiting well worth it. Eventually I suspect you will want to enable the mod so much of the configuration can be done via Admin? But no care for that now. I will take new features over admin configurability any day.

5 Jun 2006, 5:37 PM
#68
sanguisdesign avatar

sanguisdesign

Inactive

Join Date:
May 2005
Location:
Western MA, USA
Posts:
588
Plugin Contributions:
1

Re: Tabbed Products ''LITE'' version - Delimiter based

Price tab contrib hey this is a grad add on
Just made a tab for priccing and atributes as well as the add to cart box add

Add

$price_tabs = true; // Puts the Price info in the tab
$price_tabs_name = 'Pricing'; // If using the tabbed view, set the title 

to the foist commented block

Add
```
//price tab, tab or not
if ($price_tabs == true) {
echo '<div id="'.$g.'" onclick="org.ditchnet.jsp.TabUtils.tabClicked(event);" class="ditch-tab ditch-unfocused">';
echo '<span class="ditch-tab-bg-left"></span><a href="" onclick="return false;">'.$price_tabs_name.'</a>';
echo '</div>';
$g++;
}
//price tab tab end

right above the line w/

echo '<br class="ditch-clear" />'; //prevent tabs from appearing inside the box


and finaly add
	//price tab content
				if ($price_tabs == true) {
						echo '<div id="'.$a.'" class="ditch-tab-pane" style="display:none;">';
							//<!--bof Product Price block -->
						echo '<h2 id="productPrices" class="productGeneral">';
							// base price
							if ($show_onetime_charges_description == 'true') {
							    $one_time = '<span >' . TEXT_ONETIME_CHARGE_SYMBOL . TEXT_ONETIME_CHARGE_DESCRIPTION . '</span><br />';
							  } else {
							    $one_time = '';
							  }
							  echo $one_time . ((zen_has_product_attributes_values((int)$_GET['products_id']) and $flag_show_product_info_starting_at == 1) ? TEXT_BASE_PRICE : '') . zen_get_products_display_price((int)$_GET['products_id']);
							echo '</h2><!--eof Product Price block -->	<!--bof free ship icon  -->';
							if(zen_get_product_is_always_free_shipping($products_id_current)) {
								echo '<div id="freeShippingIcon">'. TEXT_PRODUCT_FREE_SHIPPING_ICON .'</div>';
							}
							//<!--eof free ship icon  -->
							//<!--bof Add to Cart Box -->
							if (CUSTOMERS_APPROVAL == 3 and TEXT_LOGIN_FOR_PRICE_BUTTON_REPLACE_SHOWROOM == '') {
								// do nothing
							} else {
								$display_qty = (($flag_show_product_info_in_cart_qty == 1 and $_SESSION['cart']->in_cart($_GET['products_id'])) ? '<p>' . PRODUCTS_ORDER_QTY_TEXT_IN_CART . $_SESSION['cart']->get_quantity($_GET['products_id']) . '</p>' : '');
								if ($products_qty_box_status == 0 or $products_quantity_order_max== 1) {
									// hide the quantity box and default to 1
									$the_button = '<input type="hidden" name="cart_quantity" value="1" />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT);
								} else {
									// show the quantity box
									$the_button = PRODUCTS_ORDER_QTY_TEXT . '<input type="text" name="cart_quantity" value="' . (zen_get_buy_now_qty($_GET['products_id'])) . '" maxlength="6" size="4" /><br />' . zen_get_products_quantity_min_units_display((int)$_GET['products_id']) . '<br />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT);
								}
							$display_button = zen_get_buy_now_button($_GET['products_id'], $the_button);
							if ($display_qty != '' or $display_button != '') { 
								echo '<div id="cartAdd">';
								echo $display_qty;
								echo $display_button;
								echo '</div>';
							} // display qty and button 
							} // CUSTOMERS_APPROVAL == 3 
							//<!--eof Add to Cart Box-->
							//<!--bof Attributes Module -->
							if ($pr_attr->fields['total'] > 0) {
								/**
								* display the product atributes
								*/
								require($template->get_template_dir('/tpl_modules_attributes.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_attributes.php'); 
							}

							//<!--eof Attributes Module -->
				  		
						echo '<br /></div>';
						$a++;
				}
				//end price tab content
Above
					```
echo '</div>'; //ditch-tab-pane-wrap

In your css dir create a file called 'product_info_display.css' and
enter

#cartAdd {
float:none;
}

find all of the Bof comments and wrap them w/ an iff statement allont the lines of ```php
if ($price_tabs == false){


JOsh
5 Jun 2006, 6:48 PM
#69
qhome avatar

qhome

Totally Zenned

Join Date:
Feb 2004
Posts:
1,702
Plugin Contributions:
5

Re: Tabbed Products ''LITE'' version - Delimiter based

Glad to see you found it easy enough to add your own Sanquis!

OK, I cleaned up and commented the code the best I could. I am finishing up the readme and will upload it to the contribs area.

New stuff

  • If jscript is off, it will shows all the data as a whole, and remove the tabs. I jscript is on, it will show the tabs.
  • Added Hardcoded tags for AdditionalImages, ProductDetails, and CustomersAlsoPurchased have been created. This allows you to show these tabs on a per product basis rather than globally. More info in the readme on how to use those.
  • Cleaned up the code, indented it all properly (including some of the misaligned core code)
  • Commented the code where I added stuff and tried to explain what it did.
  • Transparency images are also added to the images folder. Images still confuse me a bit. i tried to make it so I could just make the corners of the original images transparent, so you wouldn't see the outer blockiness. But that looked fine on a colored background, but when I went back to the white background, they looked weird. So I included both versions of images.

Also, I didn't include images for totally seeing through the tabs. That could be accomplished by making the main tab area transparent, but I dont like the way it looks at the moment.

Best Advice would be to use the full color tabs, but make your own left tab image thats flat on the side to hide that background corner. Its hokey, but I can't figure out what else to do there for now. I will look into those sites like nifty tabs and other posted above for future versions.

It should be easier to merge other contribs like Cross Sell into this template. I decided NOT to implement hardcode tags for these other contribs, as they may change and be difficule to maintain. I did however try to show how users could add their own.

5 Jun 2006, 7:28 PM
#70
sanguisdesign avatar

sanguisdesign

Inactive

Join Date:
May 2005
Location:
Western MA, USA
Posts:
588
Plugin Contributions:
1

Re: Tabbed Products ''LITE'' version - Delimiter based

It was, you have very clean code
thgank you agian for this great piece of work

5 Jun 2006, 7:55 PM
#71
qhome avatar

qhome

Totally Zenned

Join Date:
Feb 2004
Posts:
1,702
Plugin Contributions:
5

Re: Tabbed Products ''LITE'' version - Delimiter based

OK! I've added this to the Downloads Section as a released contrib! Thanks to all of you who helped make this contrib better! I hope you find it somewhat easy to modify for your needs.

There are some things added to the todo list and based on how many features it's getting, it may not be LITE for long!

Thanks all!

6 Jun 2006, 12:19 AM
#72
mrmarcus66 avatar

mrmarcus66

Zen Follower

Join Date:
Oct 2004
Location:
England
Posts:
109
Plugin Contributions:
0

Re: Tabbed Products ''LITE'' version - Delimiter based

I think this contrib is wonderfull. I have installed it on a site I am working on.

I am trying to figure out the best way to get my attributes and add to cart box to fit under the tabbed products box. Right now they are right at the bottom with lots of white space at inbetween.

http://skintightrubber.myzen.co.uk/str/index.php?main_page=product_info&cPath=5_39&products_id=91

I also have some products that I have added the

<!--#ProductDetails#-->

into the product desciption but the tabbed box doesn't display. These products have lots and lots of attributes.

Any ideas?

6 Jun 2006, 1:12 AM
#73
qhome avatar

qhome

Totally Zenned

Join Date:
Feb 2004
Posts:
1,702
Plugin Contributions:
5

Re: Tabbed Products ''LITE'' version - Delimiter based

mrmarcus66:

I think this contrib is wonderfull. I have installed it on a site I am working on.

I am trying to figure out the best way to get my attributes and add to cart box to fit under the tabbed products box. Right now they are right at the bottom with lots of white space at inbetween.

http://skintightrubber.myzen.co.uk/str/index.php?main_page=product_info&cPath=5_39&products_id=91

I also have some products that I have added the

<!--#ProductDetails#-->

into the product desciption but the tabbed box doesn't display. These products have lots and lots of attributes.

Any ideas?

You know, I was thinking about adding an option for moving the add button and attribs inside the tabs too. I'll work on that.

And looking at your source code on that page, I dont see the tag for ProductDetails.

6 Jun 2006, 1:05 PM
#75
qhome avatar

qhome

Totally Zenned

Join Date:
Feb 2004
Posts:
1,702
Plugin Contributions:
5

Re: Tabbed Products ''LITE'' version - Delimiter based

mrmarcus66:

Look at the link below and check the source code on that page, you should see the tag for ProductDetails.

http://skintightrubber.myzen.co.uk/str/index.php?main_page=product_info&cPath=12_14&products_id=20

For some reason I the tabs do not show.

Ok, now I see the productdetails tag, but the rest of the tabs have been removed. I guess there is a limitation I didn't think about. You need to have at least one custom tab in order to pass the logic of using tabs. I should add some code to allow having only the hardcode tags if you dont want other custom tabs

6 Jun 2006, 1:11 PM
#76
woodymon avatar

woodymon

Totally Zenned

Join Date:
Sep 2004
Posts:
2,309
Plugin Contributions:
1

Re: Tabbed Products ''LITE'' version - Delimiter based

OK, I cleaned up and commented the code the best I could.

Wow! Just did a compare on v.2.6 tpl_product_info_display.php and I note some major code changes. Indeed you put in much work implementing all the new features.

Merging previous versions of Tabbed Products ''LITE' mod code into my heavily customized but well documented tpl_product_info_display.php was a straight forward process. But that is no more with v.2.6. I am not complaining and understand that is the price of progress. I think I will remain with the previous Tabbed Products Lite version for awhile longer ;)

Woody

6 Jun 2006, 1:11 PM
#77
qhome avatar

qhome

Totally Zenned

Join Date:
Feb 2004
Posts:
1,702
Plugin Contributions:
5

Re: Tabbed Products ''LITE'' version - Delimiter based

Houston we have a bug!

When I combined the two layout files of main image above tabs and main image inside tabs, I completely lumped the main image loading into the tag check. So currently if you have "show_main_image_in_tabs = true" in the tpl file, but you have a product with no tags at all. It will not show the image.

I'm also going to change the way the main image call works to make it a hardcode tag. If you use the tag, then the image is in the tabs. If you don't use the tag, then the image is out of the tabs.

For now, the fix is below:

FIND (around line 81):```
If ($show_main_image_in_tabs == false) {


**REPLACE WITH:**```
$chkTabStart = strpos($proddata, "<!--%");
$chkTabEnd = strpos($proddata, "%-->");
If ($show_main_image_in_tabs == false || $chkTabStart === false || $chkTabEnd === false) {

That should fix the problem until the next release

6 Jun 2006, 1:32 PM
#78
qhome avatar

qhome

Totally Zenned

Join Date:
Feb 2004
Posts:
1,702
Plugin Contributions:
5

Re: Tabbed Products ''LITE'' version - Delimiter based

Woodymon:

Wow! Just did a compare on v.2.6 tpl_product_info_display.php and I note some major code changes. Indeed you put in much work implementing all the new features.

Merging previous versions of Tabbed Products ''LITE' mod code into my heavily customized but well documented tpl_product_info_display.php was a straight forward process. But that is no more with v.2.6. I am not complaining and understand that is the price of progress. I think I will remain with the previous Tabbed Products Lite version for awhile longer ;)

Woody

Really? I thought I made it easier with 2.6. Well to save you the trouble you should probably hold off until the next patch release. It will include:

  • Above Fix for non-tabbed products
  • <!--#MainImage#--> hardcode tag for when you want the main image on tabs
  • Additional Hardcode tags for 'add to cart' and 'attribute options' being inside the tabs.
  • ability to use hardcode tags for things like 'Product Details', 'Additional Images', and 'Customers also Purchased', without having any custom tabs.
    That will probably be it for a while then.... until I have more visions.

I am looking at some css based tabs like nifty tabs and ruzee with rounded corners. That will probably be the next big release.. omitting images and transparency problems making them look more like: http://cssplay.co.uk/menus/doors-two.html

6 Jun 2006, 1:48 PM
#79
mrmarcus66 avatar

mrmarcus66

Zen Follower

Join Date:
Oct 2004
Location:
England
Posts:
109
Plugin Contributions:
0

Re: Tabbed Products ''LITE'' version - Delimiter based

I am looking to make the tabs use only 50% of the space and have my attributes next to the tabs. Can anyone advise me how to do this?

6 Jun 2006, 2:05 PM
#80
sanguisdesign avatar

sanguisdesign

Inactive

Join Date:
May 2005
Location:
Western MA, USA
Posts:
588
Plugin Contributions:
1

Re: Tabbed Products ''LITE'' version - Delimiter based

I am looking to make the tabs use only 50% of the space and have my attributes next to the tabs. Can anyone advise me how to do this?

contain to tabs in a div that has a width of 50% and give it a class of forward or back this shoulds make all the other stull on the screen that was below the tabs be on the side 'wrapping' the tabs div.

JOsh