How do I add a background image (custom box) for the product attributes section?

[mleahy]

I am using ZenCart 1.3.9h and I want to have a custom box (image) as the background to where the product options are displayed. I would also like the Add To Cart box inside the attributes image box. Any suggestions on how best to implement this?

Thanks!

Michelle

[Petlife]

I am using ZenCart 1.3.9h and I want to have a custom box (image) as the background to where the product options are displayed. I would also like the Add To Cart box inside the attributes image box. Any suggestions on how best to implement this?

Thanks!

Michelle

This might hlep with change tha background. in you styleseet.css you find :

#productAttributes {
padding: 10px 14px;
margin: 10px 0;
border: 1px #f3ecd9 solid;
background: #fcfcea; (change this to the image you like)
like this : background-image:url(www.test.com/images/test.jpg)
}

[mleahy]

This might hlep with change tha background. in you styleseet.css you find :

#productAttributes {
padding: 10px 14px;
margin: 10px 0;
border: 1px #f3ecd9 solid;
background: #fcfcea; (change this to the image you like)
like this : background-image:url(www.test.com/images/test.jpg)
}

Thanks for the quick response. My template, my default template and classic stylesheet.css don't have the productsAttributes definition. Which makes me wonder because it is called in the file tpl_modules_attributes.php in the includes/templates/default_template directory. I'm wondering if that file isn't being used in my version.

Any thoughts?

[Petlife]

what is the link to a product with attributes on your site. Then i can see a bit more an maybe help a bit more..

[mleahy]

what is the link to a product with attributes on your site. Then i can see a bit more an maybe help a bit more..

Here is one:

http://www.naughticorner.com/StoreNe...roducts_id=115

Thanks!

Michelle 8-)

[Petlife]

Here is one:

http://www.naughticorner.com/StoreNe...roducts_id=115

Thanks!

Michelle 8-)

I it possible that you can attach the styleseet, ??

[mleahy]

I it possible that you can attach the styleseet, ??

I think so...

I had to make it a .doc file because the upload tool here doesn't allow .css file extensions. Hopefully you will be able to open it.

[Petlife]

I think so...

I had to make it a .doc file because the upload tool here doesn't allow .css file extensions. Hopefully you will be able to open it.

im not shure but try adding this in the buttom of you stylesheet.

#productAttributes {
padding: 10px 14px;
margin: 10px 0;
border: 1px #333333 solid;
background-color:#333333}

What happens.. it shuld make the background af the attributes gray. does it do that???

if it do let me know så i can se it.

[mleahy]

im not shure but try adding this in the buttom of you stylesheet.

#productAttributes {
padding: 10px 14px;
margin: 10px 0;
border: 1px #333333 solid;
background-color:#333333}

What happens.. it shuld make the background af the attributes gray. does it do that???

if it do let me know så i can se it.

It didn't have any effect. I think that it is because it productAttributes isn't being used anywhere.

[mleahy]

It didn't have any effect. I think that it is because it productAttributes isn't being used anywhere.

Actually, I take that back, it does seem to be used in the following:


includes/templates/theme334/templates/tpl_product_info_display.php calls tpl_modules_attributes.php as follows:

<!--bof Attributes Module -->
<?php
if ($pr_attr->fields['total'] > 0) {
?>
<?php
/**
* display the product atributes
*/
require($template->get_template_dir('/tpl_modules_attributes.php',DIR_WS_TEMPLATE,
$current_page_base,'templates'). '/tpl_modules_attributes.php'); ?>
<?php
}
?>
<!--eof Attributes Module -->

and

/includes/templates/template_default/tpl_modules_attributes.php uses productAttributes as follow:

*/
?>
<div id="productAttributes">
<?php if ($zv_display_select_option > 0) { ?>
<h3 id="attribsOptionsText"><?php echo TEXT_PRODUCT_OPTIONS; ?></h3>
<?php } // show please select unless all are readonly ?>


Any idea why it isn't showing the box?