X-Theme WooCommerce Hide Buttons and Frames of product images

Support
#1

Hello,

my website is http://testumgebung-simbach.de and I’am using WC to design my shop. Your support is really grat and you helped me a lot in the past.

I hope you can support me with a view more things.

1.) I want to hide the frames of all product images, also in the product categories page. Here is an example: http://testumgebung-simbach.de/produkt-kategorie/grossformatdruck/folien/

2.) Is it possible to hide the button “Ausführung wählen”? This button should be hided in all the shop categories like related products and so on. I added you an screenshot

3.) Is it possibe to make the product images on the single product pages bigger and the product images in the related product overview smaller?

Thank you very much.

Best regards

#2

Hi There,

1.) Try using this custom CSS:
.woocommerce li.product { box-shadow: none; }

2.) Use this:

   .tax-product_cat.woocommerce li.product .entry-header .button {
      display: none !important;
   }

3.) Please check this thread for suggestion: https://theme.co/apex/forum/t/woocommerce-image-size-of-single-product/574/4

Hope this helps.

#3

Hello,

thank you very much. Everthing worked fine. Is it also possible to hide the button “Ausführung wählen” in the related products? this would be nice.

Best regards

#4

Hello again :slight_smile:

and another question: is it possible to make the font size on the single product pages a bit smaller?

Thank you so much.

Best regards

#5

Hello Christian,

Thanks for writing in!

You can add following CSS to hide Ausführung wählen from related products and reduce font size from single product page :

a.button.product_type_simple {
    display: none !important;
}
.woocommerce  .entry-content {
    font-size: 15px;
}

Thanks.

#6

Thank you very much. Everthing worked fine!

Best regards

#7

Glad to hear that. :slight_smile:

#8

Hello,

One last thing. I tried to make the preview of the product images in the related product area a bit smaller. To do that I added this to the functions.php file:

// Do Not Remove Woocommerce Plugin Settings
// =============================================================================
function x_woocommerce_donot_remove_plugin_setting(){
if ( ! is_admin() ) {
return;
}
remove_filter( ‘woocommerce_product_settings’, ‘x_woocommerce_remove_plugin_settings’, 10 );
}
add_action(‘init’, ‘x_woocommerce_donot_remove_plugin_setting’);
// =============================================================================

But It did not work. Pleas can you take a short look at it.

Thank you very much.

Best regards

#9

Hi There,

That code is to get back the settings for product image size but not for related product image. To achieve what you want, we can use this custom CSS:

 .related.products .entry-featured {
   min-width: initial;
   width: 70%;
 }

Adjust 70% to your preferred size.

Hope this helps.

#10

Yes this helped. Thank you very much. But now I have again a frame on one side. Is there a css to hide the frame?
All the images should be displayed without a frame.

http://testumgebung-simbach.de/produkt/pvc-banner-einseitig-oder-beidseitig-bedruckt/

Best regards and thank you so much.

#11

Hi again,

Please replace the previous code with this:

.related.products .entry-featured {
    min-width: initial;
    width: 70%;
    box-shadow: none !important;
    border-bottom: none !important;
}

Let us know how this goes!

#12

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.