Okay
  Public Ticket #2959219
Altering product page
Closed

Comments

  •  17
    mensachicken started the conversation
    January 17, 2022 at 3:58am

    Hi,

    How does one customize the look of the default product page?

    I do not want the "qty" and "up/down button" (I only ever have 1 of anything as they are unique), and I do not want the "add to cart" button because all my customers pay cash at pickup. 

    I would also like to increase the size of the font in the main description ("Original 2016 7″. Limited to 1000 copies. etc."). 

    I also do not want the area at the bottom (Description / Reviews). 

    Lastly, is there a way to get rid of the magnifying glass icon on the photos and just have a larger "lightbox" photo appear when someone clicks on the picture?

    Thank you.

  •  2,958
    Andrew replied
    January 17, 2022 at 6:02am

    Hello there,

    Thank you for choosing Salient!

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .woocommerce-product-details__short-description {
    font-size: 20px;
}
.woocommerce div.product form.cart div.quantity:before {
    content: "Quantity";
    font-size: 16px;
}
.woocommerce-page div.product .woocommerce-tabs,.woocommerce div.product div.images .woocommerce-product-gallery__trigger,.cart .quantity input.plus, .cart .quantity input.minus {
    display: none;
}

    Regards,

  •  17
    mensachicken replied
    January 17, 2022 at 10:15am

    Hi,

    Thanks for the answer.

    The page still shows an "add to cart" button and a qty of 1. 

    http://salient.volver.ca/product/bbng-velvet-7-original/

    I would like both of these to be gone.

    Thanks,

    Lincoln

  •  1,877
    Judith replied
    January 17, 2022 at 10:27am

    Hi There,

    Please try this css:

    .woocommerce div.product form.cart div.quantity:before {
    display:none ;
}
.woocommerce div.product form.cart .button {
    display: none;
}

    Thanks.

  •  17
    mensachicken replied
    January 17, 2022 at 4:10pm

    Thank you. Yes, that worked.

    I do have one other question:

    http://salient.volver.ca/product/test/

    When you hover above the image, it zooms into it. When you click, it does nothing. I want the opposite to happen. I want nothing to happen when you hover over it and I want it to pop up into its own window (not tab) when someone clicks on it

    There is no magnifying glass, which is what I want. I'm hoping the solution will not add one. 

    Thank you.

  •  8,839
    Tahir replied
    January 18, 2022 at 6:20am

    Hey Again,

    Please try adjusting the Woocommerce Product Features in the Salient Theme Options Panel -> Woocommerce Section.

    Thanks 

    ThemeNectar Support Team