Virtuemart Support :: Topic: Layout issues on product pages (1/1)

Welcome, Guest

TOPIC: Layout issues on product pages

Layout issues on product pages 11 years 3 days ago #4355

David Lawson

Hi!

I have two issues with the PureMart template *PRODUCT PAGES* in my web design (based on a RocketTheme template). All other pages (i.e. Category Views) work perfectly. I have tried to search for similar issues.

- On the product page example here: devel.newbandon.com/etm/component/virtuemart/books/the-father-you-ve-always-wanted-hard-cover-detail?Itemid=0, the product image goes to full size. I can adjust it down manually in the CSS, but regardless of what size I make it, the right-hand panel (description, add-to-cart area) will not display next to it (it's like there's a full break in between). I'm hoping these can be side-by-side like the demo. I am not using the zoom feature. I want the full image to be less in size (with or without zoom, I don't really care) and the panels to appear next to each other. What should I do?

- On the product page (and only the product page) as referenced above, my drop-down menus appear *behind* the product page. Is there anything that can be done about that issue?

Thanks for your excellent product. I look forward to your response.

The administrator has disabled public write access.

Layout issues on product pages 11 years 3 days ago #4373

John

Hi,

there's two lines of css to correct in as your template is adding margins to fixed width divs

file devel.newbandon.com/etm/components/com_virtuemart/assets/css/vmsite-ltr.css line ~ 135

search for and make them

 
.width60 {
    margin: 0 !important;
    width: 60%;
}
 
.width40 {
    margin: 0 !important;
    width: 40%;
}

see screen

menu

devel.newbandon.com/etm/templates/rt_momentum/css/template.css line 78

lower the z-index to 2

#rt-transition {
    position: relative;
    z-index: 2;
}

Attachments:

father.png (235KB)
father2.png (13KB)

The administrator has disabled public write access.

Layout issues on product pages 11 years 3 days ago #4378

David Lawson	Well...almost. Thank you for the reply and your excellent instructions with line numbers. For the first fix, it broke more in IE and Chrome and looks the same in Firefox. :( The second fix brought the menu back, but created an offset, so it's not actually possible to select the sub-menu. Other thoughts?
	The administrator has disabled public write access.

Layout issues on product pages 11 years 2 days ago #4383

John	hmm - as you can see from my screenshots it works so please check you have followed the instructions properly! Have you cleared caches etc etc? But anyway - it is your template interfering with it so follow this post to fix it.. www.flexiblewebdesign.com/forum-virtuemart-2-template-puremart-support/342-using-firebug-for-customization-or-troubleshooting Cheers
	The administrator has disabled public write access.

Layout issues on product pages 11 years 2 days ago #4391

David Lawson	Okay. I am working through issues in the template, even though I have not been able to reproduce your good looking results in Firebug. (sigh) But it seems that no matter what I do, the image getting displayed on the product page is the full rez image, not the thumbnail. How can I tell the template to display the thumbnail?
	The administrator has disabled public write access.

Layout issues on product pages 11 years 2 days ago #4397

John	afaik you don't - you set the size by css... and if you did it would probably break the zoom - (haven't tested) but the thumb is available in the product details as $this->product->images[0]->file_url_thumb try around line 257 if your using the default template at /templates/your_template/html/com_virtuemart/productdetails/default.php
	The administrator has disabled public write access.