Attributes Display problem...need some help please.

Hello and thanks to everyone for such a great cart & addons.

I have been able to manage by searching and most of time finding my answer but I am really stuck here.

My attributes are over the place on my product display page. I have tried a zillion times moving them around and it looks like outer space. I have very limited skills and this is my first venture...

I would like everything lined up on the right hand side.

Vintage 1970's Circle Brass Buckle
$17.00
Age 18
Size 8M
Color Brown
Fabulous look.
Ask a question
Add to cart

Gosh...I sure would be so happy.

Thanks again.

see it here.

We need a bit more detail on exactly how you want your attributes etc. to be laid out. Do you want everything justified to the far right like the add to cart? Or left-justified lining up with the title and price? Will all main images be the same width? Do you want the text maintaining the same spacing from the image in all products? Do you want any narrower main images to align with the right edge where this one is, and more space on the left, or everything shifting to the left to keep the main image tight to the left margin?

Hello and thank you for your kind response.

Yes, everything justified to the right of the large image:

Vintage 1970's Circle Brass Buckle
$17.00
Age 18
Size 8M
Color Brown
Fabulous look.
Ask a question
Add to cart

Right now there is:
Vintage 1970's Circle Brass Buckle
$17.00
Age 18

BUT the rest is all over the page (sorry about that..)

So I need to know justify the rest:
Color Brown
Fabulous look.
Ask a question
Add to cart

Gosh...I hope I explained it ok

Little images under the big image.

I really appreciate your help.

Thank you again.

For starters:

.wrapperAttribsOptions {
margin: 0.3em 0 0.3em 31em;
}

will keep all attributes 31em from the left edge of the center column. You can add other selectors to that rule so they all keep that left margin. Some elements like #cartAdd are currently floated right, and you would want to remove that.

There are some product info page template mods in Free Addons for various layouts, and one of them might handle your case.
Look at my jewelry site in my sig for an example of what I think you are asking for.

Oh thank you so much...I will try that right now.

BTW, I did not see your site in your signature.

Thanks...

gjh42:

For starters:

.wrapperAttribsOptions {
margin: 0.3em 0 0.3em 31em;
}

will keep all attributes 31em from the left edge of the center column. You can add other selectors to that rule so they all keep that left margin. Some elements like #cartAdd are currently floated right, and you would want to remove that.

Hi again...thank you for your suggestion..I changed it and it did not work..

I will look in the addon section and check that out..

Thank you.

Hi again, ok...I figured out how to read the signature...lol..sorry

I look at your jewelry site and that is exactly how I want it....just like you have it on your site. Perfect!

Thank you.

The 31em left margin does work on your site, if you use it exactly as I posted (I tested it).

I think the modifications to the layout in my site are all in tpl_product_info_display.php, so I can bundle that up and attach it when I have time later.
There are also stylesheet rules that affect it, including the left margin one.

Hi again,

I did exactly what you said. :clap:

How does it look?

The unit in stock has a litte dot before it....prefer to remove it and align it up.

Any clues how to do that?

I really appreciate your help.

I will wait for your package.

Thank you

The unit in stock has a litte dot before it....prefer to remove it and align it up.Add to your stylesheet

#productDetails li {list-style: none;}

hello and thanks for the reply.

i changed it on my stylesheet....reloaded and it's still there.

did i do something wrong?

do you know where i can learn the web developer..so i don't have to ask so many questions..

thanks....

Sorry, I was writing from memory... it's #productDetailsList li {list-style: none;}

I don't know of a tutorial for Web Developer, just try buttons and see what they do, like I did. Take note of comments posted about what buttons do various things...

yay...the dot is gone.

ok...i was trying to align the in stock....and of course i know nothing about css BUT i am learning along the way.

so i tried to float it. that was my uneducated guess.

#productDetailsList li {float:left;list-style: none;}

ah...and it's still hanging out by itself. help!

which, btw, i am almost done with my site...thanks to you & all the posts here.

i even managed some tough addons and all seems ok.

i am really excited because i never built anything before...

going to try the notepad ++ too.

anyway...thanks always answering my questions:bigups:

Find in your stylesheet and add the small padding as shown (replaces the large browser default <ul> padding):

#productDetailsList{color:#888787;margin-top:10px;margin-bottom:10px;padding-left:0.4em;}

thank you so much... i am slowing getting it together...working on it.

Glen, is there a way to make the needed attributes for google feeder invisible and only show up on the .xml file and not the display product page at all?

I just installed that addon and have been reading up on it. Quite frankly, the read only attributes might confuse the buyer.

Thanks

You can hide attributes in the product info page with display: none; applied to the relevant id selector. I really don't know what will make attributes show or not show in an xml file.