using the area below price title

hi guys,

can anybody help with this, there is a big unused area beneath price title (see screenshot below). can this area be used for additional images? or for more information?



[attachment:2]C:fakepathCapture.PNG[/attachment]

screenshot is not attached for some reason, trying again

Hi

This wasn't design to show anything else in this place (see demo with discount option http://demo.gavick.com/joomla15/nov2010 ... Itemid=178). The product description is designed to show inside tabs.

hi,

thank you for your quick reply!

I know, the screenshot is from the actual demo page. so I am not telling this as there is error, I know there is no error.

I am only asking if this is possibe? because that area is quite big and can be filled up with some information/pictures etc. This way customer could see a lot more before scrolling down.

just an idea, which Im sure many people would be happy to use this.

thanks

Hi

Everything is possible Using css code You can display logo there if You want Anyway any changes to this are considered as customization and we do not support it, sorry.

Hi

What exacly would You like to see in that position ?

For example if You can set some html code into the product description with every product than I'll just tell You what to do and what code to add.

Hi

Ok. Try this.

The part of the code You would like to move hide in:

Code: Select all

<div class="nextToImage"></div>

And add this code to css:

Code: Select all

.nextToImage {
position:absolute;
top:300px;
right:200px;
}


and show it to me.

hey teitbe, thanks for the solution, it is very very close to what I was trying to do.

only small issue I can see is it has a fixed position, and it looks different on different resolutions (or when you resize the window).

is it possible to adjust the code so that it would be just under "price per unit"? this way it would be independent from resolution.

once again thank you for your help!

Hi

Just one suggestion.
It might be good to fill it with availability information, like this:

screen_2011-04-04-2.png

If you want, just download attach file and replace on ../components/com_virtuemart/themes/default/templates/product_details/flypage.tpl.php

Then add this line on override.css file (don't forget to enable first on template parameters):

Code: Select all

div.gk-vm-avail .availabilityHeader {line-height: 18px}


Cheers

flypage.tpl_2011-04-04.zip

Hi

Yes please use what Saichinha suggested. It's much better than my change to the look.