WooCommerce Featured Product Image

This topic contains 4 replies, has 2 voices, and was last updated by  Mauro Rodrigues 6 years ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #454712

    Mauro Rodrigues
    Expired Member
    Post count: 11

    Hi!

    Is there any way to use a different image for the featured image section in a product page? So that the featured product image (parallax) is different from the product image itself.

    Thanks in advance!

    #454714

    Guust
    Moderator
    Post count: 29970

    I am guessing this is a Supreme theme question?

    You can use this CSS for all product pages:
    .product-template-default .featured-img {background-image: url(LINK TO YOUR IMAGE) !important;}

    Or if you want to change it per product – change as required:

    postid-33 .featured-img {background-image: url(LINK TO YOUR IMAGE) !important;}

    For more CSS tweaks, see https://wpgeodirectory.com/docs/customizing-your-style/

    Thanks

    #454718

    Mauro Rodrigues
    Expired Member
    Post count: 11

    Yes, that worked perfectly Guust, thanks!

    Also, how could I change the size of the product image displayed? It’s too big and it gets resized automatically, plus I have to hover over it to see it in good quality. I would rather have it a bit smaller or to the left side.

    #454721

    Guust
    Moderator
    Post count: 29970

    That is really a question for WooCommerce. The output on the product page comes from the WooCommerce.

    Thanks

    #454725

    Mauro Rodrigues
    Expired Member
    Post count: 11

    Alright, I thought the product layout was defined by the Supreme Directory theme.

    Thanks!

Viewing 5 posts - 1 through 5 (of 5 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount