Getting an issue with either Wordpress or Woocommerce.
Yesterday I updated Woocommerce as I was installing a new theme. The issue I have come across now is that I can't change the image resolution to be better quality on the product page.
So, just to give a quick run down, I have installed a new theme and updated woocommerce.
But for some reason the image quality is rubbish, For example, this page https://www.gogadgets.ie/shop/android-tv-boxes/mxq-android-tv-box/
The image is of low quality even though the original uploaded is 750x750px. I went to the settings for Woocommerce and changed the dimensions - funnily enough when I save the image size settings they revert back to the default setting which is 433x325px.
Could this be a database issue or is there any type of file I can upload to the site that could override any image dimension settings for the main product image?
I know the css is good for the theme as there is no quality issues on their demo site.
Hope I have given enough information and this makes sense.
Thanks
If the woocommerce image size settings are automatically overridden, then it might be because they are overridden from the theme settings. Media Center is a good theme. You might be able to find the settings within
'MCOptions > Shop > Product Item Settings`
Related
The images on my web page seem to "lose" quality / color in thumbnail sizing.
Link To Site
I have tried to insert the following to prevent Wordpress from compression the images - I then regenerated thumbnails, howver problem still exists.
The images display correctly upon opening - the error is with the thumbnails
add_filter('jpeg_quality', function($arg){return 100;});
I have also tried setting the plugin "imsanity" quality to 100 - and also tried deactiving the plugin and reuploading new files. So I am doubtful this is the problem.
I am using DIVI theme. have tried DIVI support who believe the problem is not with the theme.
any advice please? Thank you
I couldn't find a tutorial or hint regarding making a product image in the wordpress theme "uncode" clickable. when clicking on the product image, it only opens the image in full size but doesnt rather redirect to the details page.
I assume it isn't a big thing that needs to be changed/added, but finding it seems quite difficult, as I have no experience regarding this theme at all.
thanks upfront!
EDIT: What I am trying to find out, is how to make this (tutorial for another theme https://slocumthemes.com/2015/10/how-to-make-woocommerce-thumbnails-clickable/) for my theme, uncode.
can anybody help? I think I found the line of code in one of the php files, but I have no proper experience of php
You can override woocommerce template.
Create a folder named woocommerce in your uncode theme and further corresponding folders where relevant file is added in woocommmerce plugin. e.g woocommerce/templates/single-product/product-image.php.
In that overridden file you can customize the HTML i.e link your image.
I bought Flatsome theme for woocommerce. Need to significantly reduce the product image size on this page
http://flatsome.uxthemes.com/product/bjorn-tee-ss-jack-jones/
I could achieve this by changing the following line in the "inspect element" on chrome.
"div.large-6.columns.product-gallery"
to
"div.large-2.columns.product-gallery"
But I don't understand how to change this in the source files.
I also unsuccessfully tried to change the image size in woocommerce -> settings -> Products -> Display. Regenerated Images.
I also unsuccessfully tried to change the size in Media -> Settings -> Large size & Medium Size
Would definitely appreciate the help at this time.
If you're already overriding woocommerce templates, you an change the div.large-2.columns.product-gallery value you're talking about in:
wp-content > themes > your theme > woocommerce > single-product >
product-image.php
You'll see:
<div class="large-6 columns product-gallery">
I assume that the theme is already doing that and you should be able to find the file I'm referring to. However, if the theme is not overriding the templates, you need to learn about doing so by reading the docs.
To achieve this you can simply create a custom product page with ux builder (no coding) :
Flatsome Docs
Or creating a child theme and override woocommerce templates and/or Flatsome shortcodes.
To override Woocommerce templates in Flatsome put needed files from
'flatsome/woocommerce'
to your
'child_theme/woocommerce' directory and edit them.
Depending your product page layout options, the file to edit can change. See in :
'flatsome/woocommerce/single_product/product-image-' files and override what needed.
Today, I am unable to resolve the issue related to image, I am using yith_woocompare plugin for comparing the products.
In my shop website all the thumbnails and other images are display well, But when somebody wants compare the product then thumbnail is not same as displayed, i think it is automatically cropped by the plugin yith_woocompare,
I just want to disable this cropping in yith_woocompare plugin.
For live view : http://csjs.com/shop, After visit the link click on the double arrow icon displayed on the product grid near wishlist.
The option related to image cropping is given by the plugin itself in settings. configure the plugin to see the changes.
The settings that you'll see and need are in the below image.
Its better to uncheck hard cropping the image.
Lemme know if that resolved your issue.
My goal is to create a website for a client that needs the site to be heavily based as image galleries.
I am making the site through Wordpress so the client can upload the pictures through the friendly wordpress admin panel and then the site will display a parent image for the gallery and several thumbnails (scrolling with Jquery).
My question is for advice on good ways to resize the images as thumbnails. Currently I have some "hack-ish" code that simply changes the image dimensions, but as far as I know this doesn't reduce loading time and is quite inefficient.
Any ides on how to do it better? Possibly by using PHP GD? Thanks!
Wordpress already does this on successful upload.
Besides creating the standard set of thumbnail, medium and large sizes, you can also enter custom sizes to create under the Settings -> Media section of the dashboard.
You can also add custom sizes in plugins and / or themes. See http://codex.wordpress.org/Function_Reference/add_image_size
Timthumb might be a good solution for this. The built-in wordpress media settings can only be set once for three different image options (thumbnail, medium and large). If you change the settings, anything already uploaded won't be readjusted. Most of the time this is acceptable, but for a photo heavy site, you might need more size options and dynamic adjustments. This simple php script will create any size image and save a cache copy for quick delivery. Lots of WordPress themes use it.
http://code.google.com/p/timthumb/
-- EDIT --
So, you know that advice about TimThumb I gave yesterday? Well, check out the big news today. Just make sure you're using the latest version.
http://ma.tt/2011/08/the-timthumb-saga/
WordPress his this nifty function tucked away image_resize, I'd recommend that if your looking to do this on the code size in one location. I have a small "library" I wrote to "help" with handling file uploads in WordPress, the git repo is here.