Home Forums Arnold WordPress Theme Woocommerce product page on Arnold

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #22650
    leopoldcottineau
    Participant
    Purchased

    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.

    #22654
    leopoldcottineau
    Participant
    Purchased

    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”

    #22662
    SeaTheme
    Keymaster
    Purchased

    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.netTwitterFacebook

    #22677
    leopoldcottineau
    Participant
    Purchased
    This reply has been marked as private.
    #22678
    SeaTheme
    Keymaster
    Purchased

    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

    #22683
    leopoldcottineau
    Participant
    Purchased

    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

    #22684
    SeaTheme
    Keymaster
    Purchased

    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

    #22685
    leopoldcottineau
    Participant
    Purchased

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

    #22686
    SeaTheme
    Keymaster
    Purchased

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

    Best

    • This reply was modified 4 weeks, 1 day ago by SeaTheme.
    #22688
    leopoldcottineau
    Participant
    Purchased

    Its work.

    Thank you very much 🙂

    #22709
    leopoldcottineau
    Participant
    Purchased
    This reply has been marked as private.
    #22718
    SeaTheme
    Keymaster
    Purchased

    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

    #22719
    leopoldcottineau
    Participant
    Purchased
    This reply has been marked as private.
    #22726
    SeaTheme
    Keymaster
    Purchased

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

    #22727
    leopoldcottineau
    Participant
    Purchased

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

    #22728
    SeaTheme
    Keymaster
    Purchased

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

Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!