• Priority: 0
  • Status: Closed
  • Theme: Venedor
  • Assigned To: Alex
  • Private: No
  • Open Date: 30.06.16, 01:27
  • Opened by: Mario
  • Closed by: Alex
  • Closed on: 11.07.16, 12:14
  • Reason: Fixed
  • Comment: Glad to help!

Ticket #9705 - Hide price in product page

Hi.
Could you help me to hide price in product page?

I tried:

.price {visibility:hidden}

but this option also hides price in other pages as payment process and so on.

Thank you.

Comments

Alex 30 Jun 2016, 10:13

Hi.
For only product page

#product .price {visibility:hidden}
Mario 05 Jul 2016, 16:38

There’s a problem with this solution. It works fine in a pc, but in mobile devices it still appears price.

Alex 05 Jul 2016, 17:14

Hi.
Try

#product .price {display:none}
Mario 05 Jul 2016, 17:35

I’m afraid it doesn’t work.

Alex 06 Jul 2016, 14:53

You’ve changed the default code of course it won’t work :) http://prntscr.com/bphurf
What do you need? Just hide the price?

#product p#pQuantityAvailable {display:none}
Mario 06 Jul 2016, 18:54

Hi Alex.
What I want is to hide price in the circle just behind the foto and show it in the right side over the color. Exactly as your image and the website shows in a non-mobile device.
My problem is that when I visualize my web in a mobile device, circle does appears again.
#product .price {display:none} doesn’t work in mobile.

Hope I was able to explain fine.

Thank you again.

Alex 06 Jul 2016, 23:55

Where did you add this code?

#product .price {display:none}

http://prntscr.com/bpp23h it should be in the

@media (min-width: 769px) {...}

Just this code to the CustomCSS

#product .price {display:none}

without any

@media (min-width: 769px) 

and everything will be ok

Mario 07 Jul 2016, 11:22

Hi Alex.

I added this code (#product .price {display:none}) only in CustomCSS from Theme Settings. No @media… added.
And with it, circled price doesn’t appear in a pc but it does appear in a mobile device. You can try www.monnas.es with a mobile and go to a product and you can see the circled price.

In order to give you more information. This is my full customcss in theme settings:

/*color fondo header*/
#header {background-color:#000000}

/*color fondo menu*/
#page #main-nav-container {background:#000000}

/*color fondo footer*/
.footer-container {background-color: #000000 !important;}

/*Mover menú al centro*/
@media (min-width:1200px) {.flexmenu > ul li.flexmenuitem:first-child {margin-left:34%}}

/*color de fondo search header*/
#search_block_top .btn.button-search {background-color:#000000}

/*color de fondo carrito*/
.shopping_cart > a:first-child {background-color:#000000}
/*color carrito*/
/*.cart-section .shopping_cart > a span {color:#c8b496}*/

/*Ocultar caja búsqueda del header*/
@media (min-width:769px) {

#search_block_top #search_query_top {
  visibility: hidden;
  width: 0;
  padding: 0;
  transition: all .2s ease-in-out;
  background-position: 120% 12px;
}
#search_block_top.hvr #searchbox #search_query_top {
  width: 170px;
  padding: 8px 15px;
  visibility: visible;
}
#search_block_top .button-search {float:right}

/*Ocultar precio página categoría*/
.content_price {visibility:hidden}

/*Ocultar precio página producto*/
/*#product .price {visibility:hidden}*/
#product .price {display:none}
/*#product p#pQuantityAvailable {display:none}*/

/*Cambio icono wishlist ventana producto*/
.wishlist_button {content:url(”http://www.monnas.es/img/heart.png“);}

/*Cambio icono carrito ventana producto*/
.ajax_add_to_cart_button {content:url(”http://www.monnas.es/img/bag.png“);}

Alex 07 Jul 2016, 14:06

Fill the right access to the BO please

Mario 07 Jul 2016, 14:45

Access granted. I sent data acces to bug@promokit.eu

Alex 08 Jul 2016, 20:52

you didn’t close this bracket http://prntscr.com/bqhldy
I’ve added it here http://prntscr.com/bqhlnq and now it should be ok

Mario 09 Jul 2016, 17:28

You were right!
Now it’s working fine.

I really appreciate your help. Awesome support!

Thank you very much.

Alex 11 Jul 2016, 12:14

Glad to help you ;)
Best wishes