Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Virtuemart Template - PureMart (SKU# FLEX-00010)

TOPIC: Hiding "add to cart" from Category Page

Hiding "add to cart" from Category Page 11 years 6 months ago #455

have products with custom fields.

When products are listed in Category (GridView or MultiView) can add to the cart without specifying consider custom fields see pictures) .... may cause a purchase of a product, for example, without availability.

it is possible to inhibit the function add to the cart when products are produced / listed in categories (MultiView mode or GridView)?
Attachments:
Last Edit: 11 years 6 months ago by Support.
The administrator has disabled public write access.

Product custom fields with stock control 11 years 6 months ago #460

Hi,

It is a big dilemma. People love to see the "add to cart" button in category browse page, and it was one of the most desirable functionality, we have received lots of feedback that were asking us to include the "add to cart" button in the GRID layout as well. Even though we have though the same thing as you are asking now:

"What will happen if you have custom fields?"

It wasn't possible to put the custom fields, because there was no space in the GRID/MULIGRID list layouts.
People have loved the tiny addtocart button but you are the first one who are raising this fact (custom field situation), and i am sure you won't be last.

the solution i can provide you know is to HIDE the addtocart button from Grid and MultiGrid layouts, instead of giving you complex PHP patches, i will provide you simple CSS rules, follow my steps:

1- open this CSS file:
ROOT/templates/<yourjoomlatemplatefoldername>/html/com_virtuemart/assets/css/flexibleVM2Global.css

2-Scroll to the bottom and add this CSS rule:
.FlexibleProductHoverShadowButtons .addtocart-area,.FlexibleProductHoverShadowButtons .QuicBuyNotifyMe {
	display:none;
}
 
div.FlexibleProductHoverShadowButtons .FlexibleProductHoverShadowQUICK {
    width:115px;
    background-position:center;
}

This CSS rule will hide the "addtocart" button from GRID and MultiGrid layouts.
the result will be:

ScreenShot2012-10-01at6.47.17AM.png



Cheers.
Last Edit: 11 years 6 months ago by Support.
The administrator has disabled public write access.
Time to create page: 0.090 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo