Woocommerce product page on Arnold

[leopoldcottineau]

Hello,

I am contacting you because I have some problems with the woocommerce “product” page on the “Arnold” theme.

– First I would like to remove the title of the product page which takes up too much space. I don’t just want it to be hidden but not to take up the place it occupies.

– I’m also having a problem with the product image. I don’t want her to be recarded

Thanks for your help.

[leopoldcottineau]

I clarify for me second request :
The product images are cropped on the store page and I cannot change this even by customize appearance in “product image”

[SeaTheme]

Hi,

1. Do you talk about the single product page or products list page?

2. Please go to Appearance>Theme Editor, edit arnold/woocommerce/arnold-woocommerce-functions.php, replace the arnold_woocommerce_template_loop_product_thumbnail (screenshot) function as:

function arnold_woocommerce_template_loop_product_thumbnail(){
	echo woocommerce_get_product_thumbnail();
}

Regards!

SeaTheme – SeaTheme.net – Twitter – Facebook

[leopoldcottineau]

This reply has been marked as private.

[SeaTheme]

Hi,

1. Please paste the custom CSS code to “Appearance > Customize: Additional CSS”:

 .woocommerce .archive-title.title-wrap {
    display: none;
 }
@media (min-width: 768px) {
 .woocommerce .archive-title.title-wrap {
    display: none;
 }
}

2. Please paste the custom CSS code to “Appearance > Customize: Additional CSS”

.woocommerce .main-list-inn {
  display: flex; flex-wrap: wrap;
}

Best

[leopoldcottineau]

Thanks

Its perfect
Its better but there is still a little problem. There are sometimes 4 product per column and sometimes 3 or 2. It is not homogeneous

[SeaTheme]

Hi,

I checked the page again, didn’t find the issue.
It should be 4 products per column on desktop.
Please clean the browser cache, and force refresh the page in the browser.
If it doesn’t work still, please record a video to show the issue.(paste a dropbox or send uiueux@gmail.com)

ps: please add the CSS, or the image will not fill to grid in the mobile

.main-list-item img {
	width: 100%;
}

Best

[leopoldcottineau]

The problem is only with safari… I send you an e mail with screenshot

[SeaTheme]

Thanks
Please add the custom CSS to fix it:
.main-list-inn.clearfix:after,.main-list-inn.clearfix:before{display:none;}

Best

[leopoldcottineau]

Its work.

Thank you very much 🙂

[leopoldcottineau]

This reply has been marked as private.

[SeaTheme]

Hi, welcome

1. Please paste the custom CSS code to “Appearance > Customize: Additional CSS”:

.product-caption {
    background-color: transparent; 
 }
.product-caption h3 { 
    opacity: 0;
}
 .product-caption-title {
    font-size: 998px;
}

2. It needs Javascript codes, please refer to the tutorials( JavaScript codes: https://doc.seatheme.net/general-topics/how-to-custom-a-wordpress-theme/#javascript-codes ) to add JS codes.
The JS codes:

jQuery(document).ready(function( $ ){ 
  if( $('body').hasClass('woocommerce') && $('body').hasClass('archive') ) {
    $('.main-list-inn').isotope({ 
		itemSelector: '.main-list-item',
		layoutMode: 'packery' 
    }); 
  }
});

Best

[leopoldcottineau]

This reply has been marked as private.

[SeaTheme]

May I check your website? Could you please send your question(this topic URL) and wp-admin(URL / username/password) to uiueux@gmail.com ?

[leopoldcottineau]

Ok, thank you I send you an e-mail with all the informations

[SeaTheme]

The lazy-load of the Jackpack plugin caused the issue, it should be disabled .

[Author]

Posts