Docs

[speedlist]

I have added a function to display the description on the shop page (integrity) and display the button.
How can I move the button below the description?
http://hudsonrivermil.wpengine.com/shop/

Thanks.

[Rue Nel]

Hello There,

Thanks for writing in! To move the button below the description, please add the following JS code in the customizer, Appearance > Customize > Custom > Javascript

(function($){
  $('.archive.woocommerce li.product').each(function(){
    $(this).find('.entry-header .button').appendTo( $(this) );
  });
})(jQuery);

We would loved to know if this has work for you. Thank you.

[speedlist]

It works. Thank you.
Now, how can I make it on the homepage as well? http://hudsonrivermil.wpengine.com/
I added the products using shortcode category.

Thanks.

[Darshana]

Hi there,

You can add the following code also into your Custom > JavaScript area.

(function($){
  $('.home li.product').each(function(){
    $(this).find('.entry-header .button').appendTo( $(this) );
  });
})(jQuery);

Hope that helps.

[speedlist]

Thank you very much. I have another problem. How can I set the images to have the same size on homepage and shop page.
It should look similar to this: https://idsskincare.com/shop/

[Thai]

Hi There,

Please add the following CSS:

.woocommerce li.product .entry-featured, 
.woocommerce-page li.product .entry-featured {
    max-height: 150px;
    overflow: hidden;
}

Hope it helps 🙂

[speedlist]

Is there a way that it will not get cropped? Just zoomed out? Can’t edit the image files individually since there are 600+ of them.
Maybe similar to this: http://www.hudsonrivermills.com/allproducts
Thanks.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

.woocommerce li.product .entry-featured a {
    display: inline-block;
}

Hope that helps.

[speedlist]

Thanks but what I’m trying to accomplish is to align all product listing just like on the image I attached.
Hope you can help me with this.

[speedlist]

Please disregard. I have figured it out. But you can check if what I did is correct. Thanks.
http://hudsonrivermil.wpengine.com/shop/

[Lely]

Hello There,

Upon checking this page:http://hudsonrivermil.wpengine.com/shop/ I can see that you have achieve this already by adding max height for product image. Please confirm.

[Author]

Posts