Catalog Mode – I need some products with add quote, some without…
-
I am using the plugin called “Get a Quote Button for WooCommerce” – it does what it says on the tin but I need to have some products where you can buy now, is there a way to do this???
I thought maybe in [theme settings > Shop] but only an option to turn it on an off… ?
Thanks.
Maybe some CSS code might work?
Hello,
The “Get a Quote Button for WooCommerce” plugin generally replaces the “Add to Cart” button globally, which is why you’re seeing it on all products.
If you’d like to enable Add to Cart for only some specific products, you will need to:
Check if the plugin has per-product settings:
Edit a product in the backend and look for any “Get a Quote” tab or options where you can disable it for that product.
If no per-product option exists, you can use a different plugin that supports both quote and normal checkout per product: https://wordpress.org/plugins/get-a-quote-button-for-woocommerce/
Best Regards,
Thanks for this..
So we might diable the ‘SHOP’ feature, and just have GET QUOTE as the main CTA.
Please see the link below to a product page example..
If you scroll down past the ecom layout, you will get to a section with an image of a big green dinosaur..
Where it says VIEW MORE TOYS we want to add in GET QUOTE…. But with the plugin I ma using now “Get a Quote Button for WooCommerce” there seems no easy way to make this go to contact form, as this plugin strictly only replaces the BUY NOW in shop mode..
Is there a way to easily add in the GET QUOTE button and makew this plugin add this in this section??
I would plan to not show the ecom section at the top…
Also, is there a way to completey remove the ecommerce section at the top of the product page??? I guess it’s more of a portfolio page at this stage??? But is there a way to remove the top ecom section at the top of this page, see link again in private section here??
Just so the first section someone would come to is the one with the green dinosaur image…
Hello,
Please share some screenshots of the section which you want to remove. This will help me analyze the problem and provide you with the best possible solution.
Best Regards,
I know the other way to do it would be to use ‘project’ pages, but it feels like I would be undoing a lot of work now, if i was to start again, as all my product pages have been created and they will be working on seo and google ranking now.
Hello,
Try to use the Theme’s Layout Builder, you can create Custom Layouts for WooCommerce pages like Shop, Category, Single Product page, Cart, and Checkouts. You can use that to create your own custom layouts for a single product page and create the custom layout as per your requirements.
Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/
Best Regards,
Thanks – building a custom layout is a bit beyond my means right now, but I remembered I asked this a year ago and someone gave me some css…
I just added it in and it worked..
.single-product.postid-381 .wd-builder-off .single-product-page > .container:not(:last-child) {
display: none;
}
My only issue now is the space between the menu and and the page… or between HOME and DESCRIPTION…
Is there a way to reduce this? Padding does not seem to work…
See link in private section..
Hey, also I can’t find a way to make this button green, the block colour.. I have looked at all options..
See private link…
Hello,
Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:
.single-product .main-page-wrapper {
margin-top: -70px !important;
}
For the button color, This button is added via Elementor > edit this description with Elementor > edit button widget and in the style tab change the background color.
Best Regards,
Thanks, that has worked, but i have various css scripts in there, if I add in
——— CSS CODE FOR ECOM DELETE SPACE BETWEEN MENU ——-
Etc
As a way for me to see what the code is it invalidates the code, id there a best way to add in descriptive text so i know what the code ois for???
Hello,
In CSS, you can add descriptive text as comments — but you must use the correct comment syntax, otherwise, it will break the code.
Like this: /* CSS CODE FOR ECOM DELETE SPACE BETWEEN MENU */
Anything inside /* ... */ is treated as a comment and won’t affect your styles. You can place comments above or beside any block of code.
Best Regards,
.
