Product Override Template

[joediffdez]

Hello ShopSite friends,

Here I am again, trying to figure something out and I just can't find out where or how to do this. I am working on the way ShopSite displays the search results. I don't like the way it's laid out in a table. I am trying to make them be in a grid format with 3-4 products appearing per row. After hours and hours of tinkering I set the product override template to my product template and it has all the information I want with the correct information I want but they are all stacked up on top of each other. I can't seem to figure out where I can go to edit it or make it have the 3-or 4 columns.

My products page has the products in two columns but I don't even see what code is forcing the amount of columns.

store url --> www.thebestebooksonline.com/store/index.html <--

I only have 4 dummy products for now and all of them start with the name Test Product and then a number...

[ShopSite Lauren]

If you want a table format, you will need to use some table tags. It looks like your custom search results template starts the table, and starts the rows, but your product template does not start any cells. You will want to add <td> and </td> to the beginning and end of your search results product template. If you want three per row, you will want to add 33% wide to the td, <td width="33%">.

Next, ShopSite includes the result pages (more information page or category pages the product is assigned to) as part of your search results. Because of this, looking at your code now, your first product has one result page, so in the first row the cells would be product | link | product, then start a new row, rather than product | product | product. To completely ignore page links, you will need to create your own VAR tags. Let me see if I can give enough information below to get your templates the way they should be.

- change [-- LOOP SEARCH Page.Columns --] or [-- LOOP SEARCH 3 --] (whichever you are using) to be just [-- LOOP SEARCH --]. This will make it so that instead of ShopSite adding in the <tr></tr> tags when needed, you will need to add in those tags in your template.

- next, add [-- VAR.Count "0" --] above [-- LOOP SEARCH --]

- now add [-- VAR.Count INC --] in your search results product template

- comment out page links. That would be by doing something like the following within your [-- LOOP SEARCH --] tags in your search results template.
[-- LOOP SEARCH --]
[-- IF SEARCHLINK --]
<!-
[-- END_IF --]

[-- SEARCHRESULT --]

[-- IF SEARCHLINK --]
-->
[-- END_IF --]
[-- END_LOOP SEARCH--]

- before the [-- SEARCHRESULT --] tag you will want to add in the following tags:
[-- IF VAR.Count "0" --]<tr>[-- END_IF --]

- last, before the [-- END_LOOP SEARCH --] tag you will want to add the following tags:
[-- IF VAR.Count "3" --]</tr>[-- VAR.Count "0" --][-- END_IF --]

More information on columns in your search results can be found at the following URL:
http://www.shopsite.com/templates/cookbook/search-columns.shtml

[joediffdez]

awesome Lauren...once again you've been a great help. With a little tweaking I got it to look more or less the way I want it, I just cant figure out why the template is pulling an empty div with a class that I have set for the products. The class is styled to have a thin solid border around it, so now there is a solid line above all of the products. I am trying to identify where this is coming from. The product template has a div set to this class but not my search results product template or the search template...does the search template pull information from the product template?

[ShopSite Lauren]

It looks like the <div class="product"> is in your search results template. You should only have that class (looks like you have it as part of the td now instead of a div) in the product search result template. You should be able to go to your search result template, find that div, remove it, and that should fix the issue.

[joediffdez]

Wow. Thanks again. I don't even remember adding that dive there.

[GregDilley]

How did you copy the product_template and modify it?

I see it in a list to choose from, but not where I can edit it.

thanks

[ShopSite Lauren]

In ShopSite Manager and ShopSite Pro you can create custom templates (or copy ShopSite templates and modify them). You can do this by going to Merchandising > Custom Templates > Page/Product > Copy ShopSite Template. What I typically suggest is to make a copy of a ShopSite template, then copy your copy and rename it the exact same name as the original. Now, any changes that you make will automatically override the original template. If you ever have issues, you can simply delete (or rename to something else) the template with the exact same name as the original and the original will again be used.