Ok I need to find out how to add table or box dividers that go around my products. The page is {link saved} I need a way to divide the products. Also do the same for the merchant product page, and add a button instead of visit store link.
Thanks
What would I put in the before/after/each to add tables?
Hi Shaun,
The default templates already create a table - perhaps try adding a border attribute. Have a look in your wp-admin > Settings > PriceTapestry.org and in Search Results/Before replace:
<table>...with:
<table border='1'>That would at least confirm that you have control of the style at that point however it can be overridden by higher level CSS - let me know if you're still not sure...
Cheers,
David.
--
PriceTapestry.com
Ok I added this to the search results/before and nothing changed. I also have been trying to edit the rows as stated in thread http://www.pricetapestry.com/node/284 and it also does not work. How can I find the higher css style to stop this from being overridden?
Hi Shaun,
The page you mentioned would refer to standalone Price Tapestry (making changes in html/featured.php) - the equivalent can be done in the plugin by editing the Featured Products / Each template and adding the appropriate %IF_EVERY3% place holder - check out http://www.pricetapestry.org/node/28 where there is an example of this.
My apologies I missed in your original post your question about changing the Visit Store link to a button. In the Prices/Each template you will find:
<td><a href='%BUY_URL%'><nobr>Visit Store</nobr></a></td>...REPLACE this with:
<td><a href='%BUY_URL%'><img border='0' src='/images/visitstore.gif' /></a></td>...but replace /images/visitstore.gif with the actual path on your site to the button image you wish to use...
Cheers,
David.
--
PriceTapestry.com
Ok i have everything done and working great thank you so much except I'm still not sure how to override my defult css style with the one above to I can add borders to the tables
Ok I got everything working so far thank you very much but how do I override the higher css file so I can change my table size?
Hi Shaun,
First try using (in wp-content/plugins/pto/resources/pto.css)
.pto_prices table {
width: 400px;
}(or whatever styles / size you require)
If that isn't sufficient, the next thing I would try is to add a class specifically to the table, so in your Search Results / Before template, in place of:
<table>...use:
<table class='pto_prices_table'>...and then in wp-content/plugins/pto/resources/pto.css
.pto_prices_table {
width: 400px;
}Hope this helps!
Cheers,
David.
--
PriceTapestry.com
How do I override my defult css style so I can get my table size right?
Thanks
The page was not updating so I may have a couple duplicate questions sorry
I tried your suggestions with no luck so I decided to simply use styling to get it the way I want. The code I used is below and it worked great. Thanks Again for all your help.
<style type="text/css">
table.sample {
border-width: 1px;
border-spacing: 0px;
border-style: outset;
border-color: gray;
border-collapse: separate;
background-color: white;
}
table.sample th {
border-width: 1px;
padding: 1px;
border-style: dotted;
border-color: gray;
background-color: rgb(250, 240, 230);
-moz-border-radius: ;
}
table.sample td {
border-width: 1px;
padding: 1px;
border-style: dotted;
border-color: gray;
background-color: rgb(250, 240, 230);
-moz-border-radius: ;
}
</style>
<table class="sample">
<tr>
<th>Header</th>
<td>Content</td>
<th>Price</th>
</tr>
Hi Shaun,
I see you're using the WordPress plugin on your site, so the layout of the price comparison table is determined by:
a) any elements of your theme CSS that affect images/tables in general
b) the content of your Search Results Before/After/Each templates in wp-admin > Settings > PriceTapestry.org
c) the above in conjunction with the CSS file included by PriceTapestry.org which is wp-content/plugins/pto/resources/pto.css
An easy way to create dividers is to put a bottom border on the <tr> element - try adding to pto.css something like:
.pto_prices tr {border-bottom: 1px solid #000;
}
Hope this helps!
Cheers,
David.
--
PriceTapestry.com