3273 comments found.
Hello,
I am trying to add custom select field but this filed looks like on screenshot(http://prntscr.com/6pks7f). I tried to apply class “form-control”(‘input_class’ => array(‘form-control’)) but that not working with with select type. With text fields this works fine.
woocommerce_form_field( 'jck_delivery_time', array(
'type' => 'select',
'options' => $timeSlotsAvail,
'class' => array('jck-delivery-time form-row-wide '),
'input_class' => array('form-control'),
// 'label' => $timeLabel,
'placeholder' => __('????? ????????*', $this->slug),
), $resTime);
Hi there,
if this doesn’t work then the only way to style the form is via the Custom CSS, try finding the element with Inspect Element and then just copy the CSS of the form-control.
Regards,
Art
Hi, I used the Yith Wishlist fix here which allows me to add and remove products into my wishlist again, but it causes the product images to enlarge twice and stack on top when I click on it requiring me to click outside the box twice to exit. The problem goes away if I deactivate the Yith Woocommerce Wishlish.
We have an issue in our Oxygen theme with the PayPal and PayPal Flow checkout options showing up twice on the checkout page:
As you can see, below the themes “Place Order” button the PayPal options appear again. Please let us know how this can be resolved.
Thank you.
Hi teskedesign
The reason why it shows twice might be the version of Oxygen you are using.
See how it looks in our page:
http://cl.ly/aZU2Please make sure you have the latest version of Oxygen (2.9.5) because this issue has been fixed.
Hi Arlind,
Thank you for the feedback. For updating to the new version, do we have to do a full download and re-install of the latest version? Or is there a quick update we can do from our admin? Please let us know.
Thank you.
Good theme! Thanks!
Rating 5 star for U!
Easy config! Thanks, verry good!
etmanko,
If you have WooThemes Helper plugin installed you will receive that message, i have that plugin installed as well, i believe we have to wait for Laborator to update the VC to 4.4.3, no license key is needed for VC with this theme. hope this helps you out..
-Anthony
Hello,
I tried to change the price of a product and i noticed that the price field in not showing anymore in the back end. I can see the prices in the site but when i try to edit a product, the price field is missing. If i create a new product the field is there, but when i try to edit an older product the price field is missing.
I have installed all the latest updates of woo commerce and oxygen.
Hi nicoz
Its so strange how this happens, please make sure you have not installed any plugin that causes this because in the back-end we do not handle the fields of post editing.
For your information here is our demo site (latest version of theme + woocommerce) edit product page and see that price is shown:
http://cl.ly/aUMUHi!.
how i could update WPBakery Visual Composer after update i see this error: To receive automatic updates license activation is required. Please visit Settings to activate your Visual Composer.”
Are you using the latest version of Aurum, the latest version for the moment is 2.2, and it has included VC 4.4.2 inside.
If you already have Aurum 2.2 installed then follow this procedure:
When new theme update is applied it happens often that external plugins needs to be updated too. This is an extra step you should take in order to keep some plugins up to date (not all necessarily).
To update a specific plugin, for this example we will take “Visual Composer” follow these steps:
1. Go to Plugins, find “WPBakery Visual Composer” plugin (relevant plugin you want to update).
2. Click “Deactivate”, when page refreshes click “Delete” on the same plugin.
3. Go to Appearance > Install Plugins, find the Visual Composer (or relevant) plugin click Install then Activate.
4. Everything is done.
The same steps can be repeated for other plugins in the Install Plugins list.
P.S: We will release a new update to Aurum soon with latest VC included.
Cheers!
Ylli
Hi! I need to translate theme and woo commerce from English to Spanish, how can I do it? Thank you!
To translate theme strings please install Codestyling Localization plugin which allows you to change theme strings without modifying the code. So go to Plugins > Add New, search for Codestyling Localization then install and activate it.
After you install this plugin, go to Tools > Localization, choose Themes tab and click Edit (if there are no words in list, click Rescan and then click again Edit), search for the words you need to change and click “Edit” write the translation and click “Save”. After you finish changes then click “generate mo-file” button and your translation will be applied.
Cheers!
Ylli
Thanks! I can translate theme words but not woo commerce words, the error is: “Author is using load_textdomain instead of load_plugin_textdomain function. This may break behavior of WordPress, because some filters and actions won’t be executed anymore. Please contact the Author about that”
What can I do?
Hi
We have tried using the plugin above and worked fine with translation.
Please ignore this warning because it will work even with more than single textdomain, just switch textdomain from the dropdown:
http://cl.ly/aVLcAnd then translate the strings in the proper textdomain.
HI
I’m having an issue with the product featured image..it blows it up to a very big size when I use the Product carousel
http://velocitymarketing.ie/kellysany idea why that is?? I did get the message with outdated template files for woocommerce. Could it be that?
Hi there,
try adding this to the Custom CSS area in the Theme Options:
.laborator-woocommerce .product-single .product-left-info .product-images .woocommerce-main-image img {
height: auto !important;
display: block !important;
text-align: center !important;
margin: 0px auto !important;
max-width: none !important;
width: auto !important;
}
Kind Regards,
Art
I tried that but it still blows it up.
I want them to look like here
obrienswine.ie
any idea how I can achieve this?
I tried that but it still shows up massive as you can see here
http://velocitymarketing.ie/kellysunfortunately still not would it makes sense for you to have a look directly at it?
Please put the ”!important” rule, that maybe will fix this.
.laborator-woocommerce .items .product .image img {
max-height: 310px !important;
width: auto !important;
margin: auto !important;
}
.shop .items .item-wrapper .item .image {
background: #fff !important;
}
It worked on my side, it should work to you too, here how it should look when you put the code that i gave you.
Cheers!
—Ylli
I put it in the custom css in the theme options right? It doesn’t work for me there..should I try adding it somewhere else?
hey Art
no it still doesn’t work unfortunately
can you send me your email so i can send the login details please?
Click here to go to contact form and there you send the credentials. Please don’t forget to explain the problem again.
Cheers!
—Ylli
Hi there, we just replied to your email, i just pasted the code that i gave you on Custom CSS section and it worked as it should.
Here is that place in case you didn’t know http://d.pr/i/1jail
You have uploded a very small photo and it looks a bit blurry, but if you want to display it’s actual size, just go to Custom CSS again and replace
height: 310px;with
max-height: 310px;
Kind Regards,
—Ylli
Hi,
Thanks for the install 
I’m trying to install a revolution slider, however this message is displayed on the homepage: “Revolution Slider Error: Slider with ID: 0 Not Found “
Another issue: You can’t slide from picture to picture of a product on the shop page: http://www.urbanikconcept.com/shop/ Screenshot: http://i.imgur.com/h9HCXwu.pngThanks 
Hi
1. Revolution slider: Please edit that page and has slider shortcode, and choose slider from the list, because your page is passing invalid revslider id
2. This was working for me: http://cl.ly/aSBn I just had to wait till the image was loaded.
Thanks for the slider ! can you explain how we can display the latest products registered with Visual Composer
?
Sure, just add new element with visual composer and choose “Products”, then on “Build query” just set Order by Date and it will show the latest products only:
http://cl.ly/aYYCThe number of products to show is given in Post Count
I am experiencing a very long loading time when i go to one of my ‘oxygen’ websites. My hosting provider told me it was not because of their servers because after a series of tests it appeared to be 1 second. So they think its because of some of the functions in the oxygen theme. Do you have any idea what i can do to improve the loading time of the website?
Hi studiospringstof
That is weird because none of the customers till now had this kind of issue!
However please make sure that if you are using Revolution slider with video this causes that page to take a little longer to load.
Otherwise everything else is just woocommerce template and we mostly render styles for these components.
Please be aware that any installed plugins can cause the wait issue.
Oke, I have a oxygen website called www.triagetraining.nl. It has no extra plugins than the theme supplied. And very little content. But it still takes a few seconds to load. Maybe you can take a look at that?
Hi there, i just opened your site and i didn’t saw any delay, usually when page has sliders it takes 1-2 seconds to load but i didn’t saw that problem on your site.
You can give a try this plugin W3 Total Cache
Cheers!
Ylli
Thanks i will give it a try
W3 Total Cache does not make a big difference. It still takes 5 to 6 seconds for my oxygen websites to load. The other website with more plugins is ‘www.ledsprotect.com’. Speedtests indicate that the loading time is way too slow. I find it strange that you don’t see the delay. Maybe you could take a look at it and see if there is another problem?
Hi studiospringstof, we don’t have any complain about page speed by any user. The page speed is a usually hosting problem.
But can you please send us your WP and FTP credentials Click here to go to contact form and there you send the credentials. Please don’t forget to explain the problem again.
Cheers!
—Arlind
hope you can help -Anthony
i believe i have found a fix for this problem, its not your theme but woocommerce issue,
To fix this i had to create a php.ini file in my root directory (Example php.ini link: http://www.reallylinux.com/docs/php.ini )
Then I add these lines of code to the php.ini: max_input_vars = 3000; suhosin.post.max_vars = 3000; suhosin.request.max_vars = 3000;
*Then I add this to the .htaccess file: (change the path /home/username to yours)
<IfModule mod_suphp.c> suPHP_ConfigPath /home/username <Files php.ini> order allow,deny deny from all </Files> </IfModule>
be sure the php.ini is in your root directory
this seems to have fixed the issue, i will test it out more and let you know
found the problem with the faq page its definitely VC, i have uninstalled it and reinstalled it, tried to update it from 4.4.2 to 4.4.3 but wont update now to 4.4.3. ..spent all day with issues and not one second on actually work for the site,,, how can i get vc 4.4.3 installed says out of date
i deactivated it, deleted files, installed required plugins (VC) but still installs version 4.4.2
yes, the problem had something to do with VC, it is working now, thanks
I installed the last version of WooCommerce and got this message:
Your theme has bundled outdated copies of WooCommerce template files. If you notice an issue on your site, this could be the reason. Please contact your theme developer for further assistance. You can review the System Status report for full details or learn more about WooCommerce Template Structure here.
Can you check?
Thanks for this very fast reply.
Waiting for the update.
I mainly sell photos on my site. They have two separate shipping options Local and International.
www.johnraptisphotography.com
I also want to sell t-shirts on my site and they two will have two separate shipping options – local and international…
BUT
I want the t-shirt shipping fees to be different to the photos. How can I do that? The shipping options in WooCommerce don’t allow this.
Help!
Hi Visceralindustry
Well, I do not have experience on this, but I do remember that one of our clients has had one custom plugin to split product shipping fee and it was long time ago (about a year), so I do not remember what that plugin name was 
You can ask this question on WooThemes.com forum and there must be somebody to help you.
Really? So every product has to have the same shipping?
Okay everybody. I have created a work around with getting your coupon code working on your cart page. I see what you are doing with the jquery and it’s a bit messy.
I understand you are doing this to style the coupon code, while keeping the main woocommerce functions within a div that is hidden. You can easily achieve the styling you are looking for creating all of this extra code.
You may want to rethink the way you have the cart page programmed, because with every major Woocommerce update, you’ll notice these types of workarounds end up creating a lot of headaches for your customers.
Here is the simple work around that was created:
<?php
/**
* Cart Page
*
* @author WooThemes
* @package WooCommerce/Templates
* @version 2.3.0
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly
}
# start: modified by Arlind Nushi
$cart_contents_count = WC()->cart->cart_contents_count;
do_action('laborator_woocommerce_before_wrapper');
?>
<div class="view-cart">
<div class="row">
<div class="col-lg-12">
<div class="white-block block-pad">
<h1><?php _e('Shopping Cart', TD); ?></h1>
<span><?php echo sprintf(_n('%d item', '%d items', $cart_contents_count, TD), $cart_contents_count); ?></span>
</div>
</div>
</div>
</div>
<?php
# end: modified by Arlind Nushi
wc_print_notices();
do_action( 'woocommerce_before_cart' ); ?>
<?php
# start: modified by Arlind Nushi
?>
<div class="cart-env">
<div class="row">
<div class="col-md-8">
<form action="<?php echo esc_url( WC()->cart->get_cart_url() ); ?>" method="post">
<?php do_action( 'woocommerce_before_cart_table' ); ?>
<!-- Cart -->
<div class="row spread cart-header-row cart-item-row">
<div class="col-xs-7 col-sm-5 up"><?php _e('Product', TD); ?></div>
<div class="col-xs-2 up hide-sm"><?php _e('Price', TD); ?></div>
<div class="col-xs-3 up text-center-sm"><?php _e('Quantity', TD); ?></div>
<div class="col-xs-2 up text-right-sm"><?php _e('Total', TD); ?></div>
</div>
<?php do_action( 'woocommerce_before_cart_contents' ); ?>
<?php
foreach ( WC()->cart->get_cart() as $cart_item_key => $cart_item ) {
$_product = apply_filters( 'woocommerce_cart_item_product', $cart_item['data'], $cart_item, $cart_item_key );
$product_id = apply_filters( 'woocommerce_cart_item_product_id', $cart_item['product_id'], $cart_item, $cart_item_key );
if ( $_product && $_product->exists() && $cart_item['quantity'] > 0 && apply_filters( 'woocommerce_cart_item_visible', true, $cart_item, $cart_item_key ) ) {
?>
<div class="row cart-item-row <?php echo esc_attr( apply_filters( 'woocommerce_cart_item_class', 'cart_item', $cart_item, $cart_item_key ) ); ?>">
<div class="col col-sm-5 col-thumb-name">
<?php
echo apply_filters( 'woocommerce_cart_item_remove_link', sprintf( '<a href="%s" class="remove" title="%s"></a>', esc_url( WC()->cart->get_remove_url( $cart_item_key ) ), __( 'Remove this item', 'woocommerce' ) ), $cart_item_key );
?>
<div class="item-thumb hide-xs">
<a href="<?php echo $_product->get_permalink( $cart_item ); ?>">
<?php
if(has_post_thumbnail($product_id)):
$thumbnail = apply_filters( 'woocommerce_cart_item_thumbnail', $_product->get_image('shop-thumb-2'), $cart_item, $cart_item_key );
echo apply_filters('woocommerce_cart_item_thumbnail', $thumbnail, $cart_item, $cart_item_key);
else:
$attachment_ids = $_product->get_gallery_attachment_ids();
if(count($attachment_ids))
{
$first_img = reset($attachment_ids);
$first_img_link = wp_get_attachment_url( $first_img );
echo laborator_show_thumbnail($first_img, 'shop-thumb-2');
}
else
{
echo laborator_show_img(wc_placeholder_img_src(), 'shop-thumb-2');
}
endif;
?>
</a>
</div>
<div class="item-name">
<span class="item-name-span"><?php
if ( ! $_product->is_visible() )
echo apply_filters( 'woocommerce_cart_item_name', $_product->get_title(), $cart_item, $cart_item_key );
else
echo apply_filters( 'woocommerce_cart_item_name', sprintf( '<a href="%s">%s</a>', $_product->get_permalink( $cart_item ), $_product->get_title() ), $cart_item, $cart_item_key );
?></span>
<?php
# Rating
if ( get_option( 'woocommerce_enable_review_rating' ) != 'no' && $_product->get_rating_count() ):
?>
<div class="rating filled-<?php echo intval($_product->get_average_rating()); echo $_product->get_average_rating() - intval($_product->get_average_rating()) > .49 ? ' and-half' : ''; ?>">
<span class="glyphicon glyphicon-star star-1" />
<span class="glyphicon glyphicon-star star-2" />
<span class="glyphicon glyphicon-star star-3" />
<span class="glyphicon glyphicon-star star-4" />
<span class="glyphicon glyphicon-star star-5" />
</div>
<?php endif; ?>
<?php
// Meta data
echo WC()->cart->get_item_data( $cart_item );
// Backorder notification
if ( $_product->backorders_require_notification() && $_product->is_on_backorder( $cart_item['quantity'] ) )
echo '<p class="backorder_notification">' . __( 'Available on backorder', 'woocommerce' ) . '</p>';
?>
</div>
</div>
<div class="col col-sm-2 col-subtotal hide-sm">
<?php
echo apply_filters( 'woocommerce_cart_item_price', WC()->cart->get_product_price( $_product ), $cart_item, $cart_item_key );
?>
</div>
<div class="col col-sm-3">
<?php
if ( $_product->is_sold_individually() ) {
$product_quantity = sprintf( '1 <input type="hidden" name="cart[%s][qty]" value="1" />', $cart_item_key );
} else {
$product_quantity = woocommerce_quantity_input( array(
'input_name' => "cart[{$cart_item_key}][qty]",
'input_value' => $cart_item['quantity'],
'max_value' => $_product->backorders_allowed() ? '' : $_product->get_stock_quantity(),
), $_product, false );
}
echo apply_filters( 'woocommerce_cart_item_quantity', $product_quantity, $cart_item_key );
?>
</div>
<div class="col col-sm-2 col-total">
<?php
echo apply_filters( 'woocommerce_cart_item_subtotal', WC()->cart->get_product_subtotal( $_product, $cart_item['quantity'] ), $cart_item, $cart_item_key );
?>
</div>
</div>
<?php
}
}
do_action( 'woocommerce_cart_contents' );
?>
<div class="cart-buttons-hidden">
<input type="submit" class="button" name="update_cart" value="<?php _e( 'Update Cart', 'woocommerce' ); ?>" />
<input type="submit" class="checkout-button button alt wc-forward" name="proceed" value="<?php _e( 'Proceed to Checkout', 'woocommerce' ); ?>" />
<?php do_action( 'woocommerce_proceed_to_checkout' ); ?>
<?php do_action( 'woocommerce_cart_actions' ); ?>
<?php wp_nonce_field( 'woocommerce-cart' ); ?>
<?php do_action('woocommerce_cart_coupon'); ?>
</div>
<?php if ( WC()->cart->coupons_enabled() ) { ?>
<div class="coupon">
<label for="coupon_code"><?php _e( 'Coupon', 'woocommerce' ); ?>:</label> <input type="text" name="coupon_code" class="input-text" id="coupon_code" value="" placeholder="<?php _e( 'Coupon code', 'woocommerce' ); ?>" /> <input type="submit" class="button" name="apply_coupon" value="<?php _e( 'Apply Coupon', 'woocommerce' ); ?>" />
<?php do_action( 'woocommerce_cart_coupon' ); ?>
</div>
<?php } ?>
<?php do_action( 'woocommerce_after_cart_table' ); ?>
</form>
<?php woocommerce_shipping_calculator(); ?>
</div>
<div class="clear-sm" />
<div class="col-md-4">
<?php do_action( 'woocommerce_cart_contents' ); ?>
<span class="up cart-totals-title"><?php _e('Cart Totals', TD); ?></span>
<ul class="cart-totals">
<?php
foreach ( WC()->cart->get_cart() as $cart_item_key => $cart_item ) {
$_product = apply_filters( 'woocommerce_cart_item_product', $cart_item['data'], $cart_item, $cart_item_key );
$product_id = apply_filters( 'woocommerce_cart_item_product_id', $cart_item['product_id'], $cart_item, $cart_item_key );
if ( $_product && $_product->exists() && $cart_item['quantity'] > 0 && apply_filters( 'woocommerce_cart_item_visible', true, $cart_item, $cart_item_key ) )
{
?>
<li>
<div class="name"><?php echo $_product->get_title(); ?></div>
<div class="value">
<?php echo apply_filters( 'woocommerce_cart_item_subtotal', WC()->cart->get_product_subtotal( $_product, $cart_item['quantity'] ), $cart_item, $cart_item_key ); ?>
</div>
</li>
<?php
}
}
?>
<?php do_action( 'woocommerce_cart_collaterals' ); ?>
<?php woocommerce_cart_totals(); ?>
</ul>
<div class="cart-main-buttons">
<div class="button-env">
<button type="button" class="button btn btn-default update-cart-btn" name="update_cart">
<i class="entypo-pencil" />
<?php _e( 'Update Cart', 'woocommerce' ); ?>
</button>
<button type="button" class="checkout-button button alt wc-forward btn btn-black" name="proceed">
<i class="entypo-basket" />
<?php _e( 'Checkout', 'woocommerce' ); ?>
</button>
</div>
<div class="button-env proc2ck">
<?php do_action( 'woocommerce_proceed_to_checkout' ); ?>
<?php wp_nonce_field( 'woocommerce-cart' ); ?>
</div>
<script type="text/javascript">
jQuery(document).ready(function($)
{
$(".cart-main-buttons .update-cart-btn").click(function(ev)
{
ev.preventDefault();
$(".cart-buttons-hidden input[name='update_cart']").trigger('click');
});
$(".cart-main-buttons .checkout-button").click(function(ev)
{
ev.preventDefault();
$(".cart-buttons-hidden input[name='proceed']").trigger('click');
});
});
</script>
</div>
<?php do_action( 'woocommerce_after_cart_contents' ); ?>
</div>
</div>
</div>
<?php
do_action('laborator_woocommerce_after_wrapper');
# end: modified by Arlind Nushi
Hi creativenaut
I am really thankful to you for your suggestion.
I must say that every new theme we develop we learn something new and by the time when Oxygen was developed I was not so skilled in WooCommerce and thats the way I achieved cart coupon to work, also the Cart page is styled a bit different rather than normal Cart page in woocommerce.
I will use your fix in our next update, but I must keep everything as it was before.
No problem. I didn’t have much time to create a complete fix because what I proposed here still has issues. For example, using “enter” key to submit coupon form doesn’t work but this evening I will revisit the cart page and see if I can come up with a more solid workaround.
As I stated, this is just a simple work around with no additional form styling. The coupon code is listed underneath the products and not the right column. Again, this was just a simple fix to help some of the customers who are needing an immediate fix for the time being.
Hi again
I have completed the fix for this and here is the cart.php file for you to replace:
http://cl.ly/aSJhPlease replace it in woocommerce/cart/
Thanks for sharing this, I really appreciate it so much.
Thanks Arlind, I’ll test this out in the next few hours and let you know how it goes.
Coupon Code submission is not working. I’m going to see if I can fix it myself.
Also, Woocommerce states you are using out-of-date template files within the theme.
Contact Form Does Not Work
Our contact form will not send emails to us. Can you please see why. It’s not our mail server SMTP hosting partner as I can email via my laptop to me, but this form will not send it.
www.s o l o i d .com (just remove the spaces)
Thanks
PS: Not sure why this doesn’t say Purchased. I have a license but must by under a different user name.
Hi there,
the problem is with the SMTP, sometimes it doesn’t allow to send or receive e-mails, install this plugin and test if it works:
https://wordpress.org/plugins/wp-mail-smtp/If you cannot figure out how to fix it just drop me your login details via contact form on our profile page.
Kind Regards,
Art
Works! Thank you.
Glad to hear that.
This worked perfectly, thank you so so so much!
One other question so I don’t keep bugging you lol – is there anywhere that gives standard css for WooCommerce. For example, if I wanted to change the color of the ribbon on the shopping cart and standard styles like that?
Hi again,
unfortunately not, there is an easy way to do it with the Inspect Element, you have to right click on the element you want to modify, then copy the CSS code and on your Custom CSS area add the new code that will overwrite the existing.
Here is a video I found regarding this: https://www.youtube.com/watch?v=4fZWATTNi1c
Kind Regards,
Art
are you going to be updating these theme files?
cart-totals.php version 2.3.0 is out of date. The core version is 2.3.6, email-footer.php version 2.0.0 is out of date. The core version is 2.3.0, email-header.php version 2.0.0 is out of date. The core version is 2.3.0, customer-reset-password.php version 2.0.0 is out of date. The core version is 2.3.0,
?
Hi, I have using the theme from May, 2014. I have one question about images. When I look at my server in folder wp-content -> uploads -> 2015 I see every picture in different sizes, for example 300×200, 300×300 … total in 30 sizes. Is this doing Oxygen theme? Its a quite hard for storage on our server.
Thanks a lot.
Vladka
Hi Vladka,
the images have been resized for the many uses of the images you may have, you use them for the shop, shop item, category listing, quick view so on every screen there is a new size for it.
Regards,
Art
Hi, I understand, but its possible to switch off this function?
Hi
Each WordPress theme will require different image size format and for this reason wordpress requires theme developers to define their thumbnail sizes to save the server in other way -> “ram memory”. This way creating thumbnails for each image will reduce the server memory and improve the service and save the site bandwidth, I strongly suggest you to keep this form of implementation, otherwise if you want to turn it off you can go to functions.php and remove these lines:
add_image_size('blog-thumb-1', 410, 410, true);
add_image_size('blog-thumb-3', 300, 200, true);
add_image_size('shop-thumb-1', 325, 390, true);
add_image_size('shop-thumb-1-large', 500, 596, true);
add_image_size('shop-thumb-2', 90, 110, true);
add_image_size('shop-thumb-3', 105, 135, true);
add_image_size('shop-thumb-4', 580, 0);
add_image_size('shop-thumb-5', 135, 160, true);
add_image_size('shop-thumb-6', 500, 500, true);
Doing this will distort image proportions and product/posts with images will not look the same, and also they are served in full image size which consists in increased server bandwidth.