Remove WooCommerce product image

Home Forums eStore Free Remove WooCommerce product image

This topic contains 4 replies, has 2 voices, and was last updated by  Nima 1 week, 1 day ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1324659

    rodmx
    Participant

    Hi!

    I’m trying to remove WooCommerce product image in my WP eStore page. I’m using an iFrame calling an external API instead of the product image, so I don’t need the product image to be shown, but when I remove the product image using the following PHP snippet, I get a blank space where the image is supposed to be, and it looks terrible.

    remove_action( ‘woocommerce_product_thumbnails’, ‘woocommerce_show_product_thumbnails’, 20 );

    Could you pleas give me some guidance on which part of the styles.css file should I modify to remove completely the product image’s space?

    Many thanks

    #1324666

    rodmx
    Participant

    While doing an inspection in the HTML/CSS files of the product page, I find that I need to modify the following code inside WooCommerce CSS stylesheet:

    content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: right;
    width: 48%;

    Instead of 48%, summary width must be 100%, for removing the image.

    I attempted to modify the CSS file inside WooCommerce plugin folder, but nothing happened, so I guess eStore has a file overriding this CSS style configuration for WooCommerce single product page.

    I’d very much appreciate your guidance on this topic.

    Many thanks

    #1324724

    Nima
    Moderator

    Hi rodmx,

    We couldn’t get access to your site link which you have provide in previous thread.
    So, could you please enable us for a certain period and we could inspect properly.
    We will be dealing with the forum thread between 9:30 AM to 5:30 PM Nepali time.

    Regards!
    ThemeGrill Support Team

    #1324791

    rodmx
    Participant

    Hello Nima,

    Thanks for your answer! I’ll be aware of the working times you’re mentioning for future posts.

    I managed to solve this issue by adding the following line to the ‘styles.css’ file in the child template’s folder. Here is some guidance coming from Stackoverflow. I will put the link here for future reference:

    https://stackoverflow.com/questions/46205390/remove-woocommerce-product-image-from-wordpress

    Many thanks,

    Rodrigo

    #1324921

    Nima
    Moderator

    Hi rodmx,

    Happy to know that your issues is resolved.
    And please let us know if you have any other issues in future.

    Regards!
    ThemeGrill Support Team

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

You must be logged in to reply to this topic.