You can achieve this using a combination of a Radio Button attribute, and custom stylesheets.
-
Give your accessory products a ZERO price and then put all your accessory products into a separate category. Note the CATEGORY ID.
-
Create a Radio Button attribute called - Accessory.
-
Give that attribute a value called - This item is not sold individually.
-
Apply the attribute to all your accessory products.
-
Make it the default attribute for the product. (So that the radio button is highlighted when the product info displays
Create a CUSTOM STYLESHEET for the category ID (see 1. above).
Into that stylesheet, have ONLY the following:-
(where ??= your category ID number)
/**
* Category ?? CSS Stylesheet
*
*/
#cartAdd, #productDetailsList, #attribsOptionsText{
display:none;
}
For information on creating a category-specific stylesheet, view the CSS_read_me.txt file in your css folder (or the classic/css folder).
What is happening is this.
By creating and applying an attribute, you force the product listing pages to come up with the "more info..." link, instead of an "add to cart" box.
If a person clicks on a product in the specific category, the custom stylesheet will apply.
When the INFO page displays...
My css, above, says:-
Do not display the add to cart box...
Do not display any product details (model number, weight)...
Do not display the Attributes Option Text (eg: Please Choose...)
But it DOES display the attribute text, informing the viewer that the product is an accessory.
See it in operation here:-
**
https://www.buysouthafrican.co.uk**
I have TWO categories. The first one will not be influenced by the customised stylesheet, but the second one (listing AA batteries) will be influenced by it.
In my case I have created PRODUCT- SPECIFIC stylesheets (p_4.css and p_5.css). But you can create a CATEGORY stylesheet.
What you are achieving is this
