How do I remove the product listing from a page?

[sartor]

hey all. You can check out the page here:

http://www.shoppingitonline.com/inde...facturers_id=2

Now, at the bottom of that page we have the full product listing view. We want to get rid of that. We just want to have the drop downs on the site. How would I go about changing that?

Also, would it be possible to add a description, price, and add to cart button on our drop down menu for each product? or would that require way too much coding?

Thanks!

[sartor]

I only want it removed from the pages with the drop down menus though.. is this even possible?

[fairestcape]

You could create a page-specific stylesheet for that page (see the README file inside the css folder of your template.)

... and put this declaration into it at the bottom of the stylesheet.

#catTable, #productListing {
 display:none;
}

(You may try adding this to your stylesheet.css first, and see if it affects other pages. If it does affect other pages, then try the page-specific CSS route.)

[fairestcape]

In fact, I just tried this...

You should be able to achieve it just by adding:

#productListing {
 display:none;
}

to the main stylesheet.css

[sartor]

In fact, I just tried this...

You should be able to achieve it just by adding:

#productListing {
 display:none;
}

to the main stylesheet.css

This will probably effect the entire site will it not? I just want it hidden on the pages with drop down menus.

Thank you though, this is a start!

[fairestcape]

This will probably effect the entire site will it not?

I think that #productListing applies only to that page set. It should not affect the entire site.

Easiest way is to try it and see... you can always delete it from the CSS.

To see where #productListing appears in the code, use:

ADMIN>>>TOOLS>>>DEVELOPER TOOL KIT and in the bottom input field type:

#productListing

Then choose to search for it in CATALOG.

This will produce a set of results showing what core files the string appears in.

You could then keep this in the one file that you want display:none to influence, and in all other files, change the style ID to something like:

#productListingTwo

Then just edit existing declarations in the css to re-define #productListing
to
#productListingTwo

------------------------------------------------

Then there is always the page-specific CSS route ...