Ir al contenido
Se marcó esta pregunta
1 Responder
223 Vistas
Avatar
Sammy Decoene

Hello,


I'm making an e-commerce website, for lending out materials to schools.

This lending is free. But they have to choose a week, and I have to keep track if the product is in stock that week or allready lended out.


Since it's free, I would like to hide the 0.00 price on the gallery and product page. but still keep the functionality of the choosing rental dates and adding to cart.


Is this even possible?

Can't seem to find a way to edit the default product page template too. I just tought of deleting the "price" div (seems to be js generated)


Avatar
Descartar
Avatar
Sujata
Mejor respuesta

Hello Sammy Decoene ,

As far as I understand, your goal is to prevent the price from being displayed for products on the website, while still keeping the rental functionality intact, such as allowing users to select rental dates and add products to the cart. To achieve this, simply removing or disabling the visibility of the price will do the job.

Here are two approaches to accomplish this:

Approach 1: Using CSS to Hide the Price

You can hide the price without modifying the code by applying custom CSS to your website. This is a straightforward way to ensure the price is no longer visible on the product and gallery pages.

Steps:
  1. Go to Website > Configuration > Customize > HTML/CSS Editor.
  2. Add the following CSS to hide the price:
/* Hide product price on product page */
.o_product_price {
    display: none !important;
}

/* Hide product price in product gallery */
.o_product_card_price {
    display: none !important;
}

This will hide the price for all products in both the product page and product gallery, but the product will still be functional for adding to the cart and selecting rental dates.

Approach 2: Customizing the Template to Remove the Price

If you prefer more control over the structure and want to permanently remove the price section, you can modify the template directly.

Steps:
  1. Enable Developer Mode.
  2. Go to Website > Configuration > Customize > HTML/CSS Editor.
  3. Create a custom view to override the product page template.

Example Template Override:

This method removes the price from the HTML structure of the product page. You can also use a similar approach to modify the gallery view.

Let me know if it helps :)

Avatar
Descartar