Hide price and show attribute/variant in catalogue mode

percezioni · February 2023

Hello i need to create variable product, but also i need to show the shop in catalogue mode.

I want to hide the price of product (there is no price because i don't want to sell) but i want to use the attribute to show the variant (color, material etc.)

I need a single product page like in ecommerce but without price and also i need to hie "add to cart" --> maybe i can add a call to action with your template builder

I have enabled catalogue mode in theme settings, but when i create product i can't do in this way.

There are other settings? Or Css code?

Thanks

Phil · February 2023

Hi,

To show variation in the archive page, the option Show in loop? must be enabled in the attribute options.

However, variations display in the area with add to cart button, and if catalog mode is enabled, they will not be visible either.

If you send a link to your website, I can assist you with writing a custom CSS code to hide buttons and price.

Best regards

percezioni · February 2023

Hi thanks for answer, now i have the website in staging process ( www.formulecreative.com/legnoline) in few weeks i can do migration on domain of my customer (www.legnolinesrl.it)

Here i am editing the single product page with be builder template

https://www.formulecreative.com/legnoline/prodotto/harmony-eco-poltrona-con-schienale-regolabile/

There's private mode to send to you the admin login?

thanks

Phil · February 2023

Please send us WordPress dashboard access privately thru the contact form, which is on the right side at http://themeforest.net/user/muffingroup#contact, and we will check what might be the reason.

Notice!

Please attach a link to this forum discussion.

Sending incorrect or incomplete data will result in a longer response time.

Therefore, please make sure that the data you are sending are complete and correct.

Thanks

percezioni · February 2023

I have write an email to contact form

Thanks

Phil · February 2023

I have disabled the catalog mode, and you seem to have everything correct already. ?

You did not add Add to cart button to your product template, so it does not display.

Also, in the Product list options in Theme options, you have hidden this button, and attributes appear.

Price disappears when you empty the price field in the product editor.

Best regards

percezioni · February 2023

Ok, thanks now is better.

In category list is good

https://www.formulecreative.com/legnoline/categoria-prodotto/poltrone/

Because the swatches of attributes appear.

But there is a way to show the swatches in product page? I mean here:

https://www.formulecreative.com/legnoline/prodotto/harmony-eco-poltrona-con-schienale-regolabile/

Basically i need to show attributes but without add to cart option and also without purchase process

Thanks

Phil · February 2023

To show variations, Add to cart element needs to be added in the product template.

When you add it, please, use the following CSS code:

.mfn-product-add-to-cart :not(.mfn-variations-wrapper):not(label){
   display: none;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

percezioni · February 2023

Hi, thanks this is the great solution, and it works as i expected.

I have another request, about swatches:

Is possible customizing? Shape, dimension etc. There are option in theme options or is necessary some external plugin?

Thanks

Phil · February 2023

Can you explain how you would like to customize it?

Thanks

percezioni · February 2023

I mean for example: increase dimensions of swatches, eventually show the caption of attribute (color natural Cod. 1893 etc)

Phil · February 2023

Changing dimensions should be possible by creating a custom CSS code, and the caption should appear when you hover over the attribute.

Best regards

Hide price and show attribute/variant in catalogue mode

Comments