Hey David,
Is there a way to change the layout of the product page table? I would like to adjust a few things to space it out more and flow a bit nicer. Currently, the title goes over top of the image and I'd like to left align it, so the title is right above the description, review and price.
{link saved}
I'd also like to change the wording and font of the text below the description so it reads differently than Stocklist, Catalogue Product Name and Price. That area is all bunched up and there is no border to separate the related products....where do I make these changes?
Thanks for your assistance!
Thanks David...I played around with the left and right align and prefer the left. So, getting the title over separate from the image is on the WP side of things...is that via css? Normally in a post I could align the image and have the text show up along side, so that the they weren't crossing each other...
Hello Brent,
Yes the page title is down to your WordPress theme. It is defined with class .entry-title which you should find in your theme's .css file. Here you would be able to make any changes required to align / display as you'd like on your site. I did just have a look at your site and I don't see any overlap going on - the image, review link and price (description would appear here also for products that have them) are all displayed neatly below the title but if you locate the above class you should be to make any changes required; don't forget of course when making changes to the CSS to do a hard refresh CTRL-F5 to ensure that all resources are reloaded by the browser...
Cheers,
David.
--
PriceTapestry.com
Thanks for your help David...gonna give it a go and hope i don't make a mess out if it!
Hello Brent,
You can fully adjust both of those in the PriceTapestry.org Settings page in your WordPress admin area. The top part of the page, where the image, review and best price link is defined in HTML > Product > Main, and the price comparison table is HTML > Prices > Before / Each.
The layout is somewhat under the control of your main WordPress theme so ultimately you may have to make changes there to get the page to display exactly as you would like; but the first thing I would try is to make the price comparison table with='100%'. In HTML > Prices > Before look for:
<table>...and REPLACE with:
<table width="100%">Regarding the title alignment, the main <h1> title is displayed by your theme's template for a normal page, the plugin only controls what the title is, not how it is displayed; however what might look better in your case would be to right-float the image rather than left float...? To try this, edit your /wp-content/plugins/pto/resources/pto.css and look for the following style beginning at line 75:
.pto_product_image {border: none;
width:200px;
float:left;
padding: 0 15px 15px 0;
}
...and REPLACE with:
.pto_product_image {border: none;
width:200px;
float:right;
padding: 0 0 15px 15px;
}
Hope this helps - or at least points you towards where you have full control over the output and can adjust as required - let me know if you're still not sure of course...
Cheers,
David.
--
PriceTapestry.com