I'm using Gravity Forms with Woocommerce. For some calculations we need to use hidden fields. With display: none; in the CSS file,
they don't show up on the front. So far so good.
But when you order a product and receive the order mail from Woocommerce, you see all the hidden fields...
How do I exclude certain fields, so it will not be enclosed by Woocommerce.
This is what you're looking for:
http://gravitywiz.com/how-to-hide-gravity-forms-product-fields/
Long story short, you can't use display none to hide Product fields if you want them to count towards the Total. Use { visibility: hidden; position: absolute; } instead.
Related
can someone help me? I need to not display products on woocommerce that have only 1 in stock. I wrote a css that does that but the problem is not solving.
.stock in-stock[data-disponibili="1 available"] {
display: none;
}
i also tried
p.stock.in-stock:contains("1 disponibili") {
display: none;
}
But with no result
It seems like WooCommerce has a native function that should solve your issue:
In your WordPress Dashboard, click on inventory on the dashboard on the left and enter relevant product details like stock-keeping unit (SKU), stock quantity, stock status – whether the quantity is in stock or out of stock, etc.
If you are getting out of inventory and want to delete the stock, you can manage it from the above dashboard. You can also update your stock from the same page.
Choose whether to enable stock management. If selected, you have this option:
Enter an Out of Stock Threshold – The value in this field will determine the point in which a product is out of stock (typically 0; in your case probably 1).
I found this on https://www.awardspace.com/wordpress-tutorials/how-to-hide-out-of-stock-products-in-woocommerce/.
so I am new here.
(bear with me)
I am trying to figure out a way to re-design my single productpage in Woocommerce. - So far I have been able to hide the stuff I want to hide using this code:
div.summary.entry-summary { /* this will hide div with class div_class_name */
display:none;
}
I want the "div.summary.entry-summary" to be shown somewhere else on my page. My temporary fix was to use the shortcode "add to cart" but that only works for single products.
My question goes: Is there anyway I can just "move" the orignal hook/div class, to another place on my website using a shortcode/code etc.?
Layout 1 is the original single product https://imgur.com/DETHeAC
Layout 2 is the original variable product https://imgur.com/dOfGpJ8
Layout 3 is my temporary fix, and where i want the originals to go https://imgur.com/KbacNOX
Please let me know, if you need more info.
Best regards
Frederik / Papan Games
I would need to delete the price above the variations, under the product title, but ONLY in the product page, not on the main store page. I was not able to accomplish this. Is this possible with custom code?
Many thanks.
Use css to hide price from product details page.
.type-product p.price {
display: none;
}
I have added a custom field (FECHA DE VIAJE) in WooCommerce product details page. I have used WC Fields Factory plugin to add custom field. But the field is showing below the price tag but i want to show it next to the other input fields. This is my website now. Could anyone tell me the hook name in WooCommerce for positioning custom field or is there any solution with CSS? Thanks in advance.
I have tried with CSS but its overlap with pricing area:
.wccpf-fields-group-1{ margin-top: -8%;}
With CSS I am basically hidding quatity fields in WooCommerce using display:none. But it removes quantity fields on Cart and Wishlist pages as well.
How can I only target single product pages?
I can do it by page ID as well but I have 100's of products and it's just not a practical way to do it.
To target Woocommerce Single product page just use the <body> class single-product.
Like for example to hide quantity fields (only on single product pages):
.single-product .quantity {
display:none;
}