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 ...

[fairestcape]

OK... I think I understand your issue...

You may have product listing pages where there are no dropdowns...

Hmmmm... You may have to look at a coded conditional...

[sartor]

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 ...

#productListing is the generic product listing id.

I tried putting

#productListing {
display:none;
}

in stylesheet.css and it didn't do anything, and I used firebug to check the id's of that div on all the other pages. They all use productlisting as their id. I believe that #productListing appears on all pages with product listings, so it would probably take some customization to eliminate it on certain pages.

The pages with drop down menus load an html file (that contains the code for it) and then it loads up the productlisting div.

[sartor]

AH! I figured it out. It was a matter of putting the CSS in my custom made HTML file.

Thanks m8, help much appreciated!

[gjh42]

Since it appears you are wanting this function on manufacturer pages, your best bet is to use per-page stylesheets for each manufacturer. Per /includes/templates/template_default/css/CSS_read_me.txt:

m_??.css // changes to a manufacturer's listing page

For Corel (manufacturer id 5), make a file named m_5.css with content:

#productListing {display: none;}

and save in your template's /css/ folder.
Simple and effective.