Want to add a line between Attributes

[gabstero]

Hi Folks!

What file should I modify to be able to have a horisontal line separating the attributes on a product page?

thanks!
Gabstero

[schoolboy]

Hi Folks!

What file should I modify to be able to have a horisontal line separating the attributes on a product page?

thanks!
Gabstero

Try this... (a bit of hardcode hacking which I normally avoid!)

includes/templates/template_default/templates/tpl_modules_attributes.php

Find this section - around line 30

<div class="wrapperAttribsOptions">
<h4 class="optionName back"><?php echo $options_name[$i]; ?></h4>
<div class="back"><?php echo "\n" . $options_menu[$i]; ?></div>
<br class="clearBoth" />
</div>

Put <hr> after the closing div

<div class="wrapperAttribsOptions">
<h4 class="optionName back"><?php echo $options_name[$i]; ?></h4>
<div class="back"><?php echo "\n" . $options_menu[$i]; ?></div>
<br class="clearBoth" />
</div><hr>

You may do well to also set a style for this <hr>

[gabstero]

Thanks a TON!!!!!

Worked like a charm!

Gabstero

[gjh42]

You don't need to edit any PHP files. This can be done in your stylesheet (/includes/templates/your_template/css/stylesheet.css).

Add to your stylesheet in a location that you can remember:


.wrapperAttribsOptions {border-bottom: 1px solid #aabbcc;}

Adjust to taste.
This will put a line under each attribute including the last one. If you want lines only between attributes, and you don't have to cater to IE6 users, you can use this instead:

.clearBoth+.wrapperAttribsOptions {
border-top: 1px solid #aabbcc;
padding-top:1.5em;
}

IE6 does not support the Adjacent Selectors standard in CSS, so it will not be able to function properly here.

PS - if you do want to use the tpl_modules_attributes.php edit method, you should never change files in /template_default/. Copy the file to /your_template/ and edit there:

includes/templates/your_template/templates/tpl_modules_attributes.php

[schoolboy]

You don't need to edit any PHP files. This can be done in your stylesheet (/includes/templates/your_template/css/stylesheet.css).

Thanks Glenn !

I knew there had to be a CSS way of doing this - only I'm hopeless at most CSS stuff.

Yes... rather than hard-code a php file, always better to use the stylesheet.

[gabstero]

Glenn and Schoolboy!

Thanks a lot! It makes sense NOT to modify the php files indeed.

Since we are at it (for the sake of not posting another thread), where would one usually paste the code that will show the SSL Certification on the home page? Should that be in one of the side boxes? Footer?

Thanks again!

Gabstero

[gjh42]

The page location depends on what you want it to look like.

If you want it in a sidebox, there are mods in Downloads intended for displaying ssl seals and the like. Look at them and decide which is best for you.

[gabstero]

Glenn!

thanks a lot again! I found a sidebox for my GeTrust! Sooper!

thanks again!
G