Hi. Can someone explain me step by step how can images in my products appear in full size?
Right now all the images in products open and showup in a small window. I remember there was a Settings menu somewhere. Can someone tell me from which menu I can set both the main images and the additional images to open at the 100% of their original size?
Thank you.
What version?GWShop wrote: ↑Mon Jul 12, 2021 10:52 pmHi. Can someone explain me step by step how can images in my products appear in full size?
Right now all the images in products open and showup in a small window. I remember there was a Settings menu somewhere. Can someone tell me from which menu I can set both the main images and the additional images to open at the 100% of their original size?
Thank you.
What theme?
Any extensions installed to show the products images or stock product page?
Let's start with that info... but I'd bet there isn't a "setting" you choose but you'll need to use an extension or make modifications. The search function of the forum could be helpful to try.
Mike
cue4cheap not cheap quality
You can try with changing script at bottom in catalog/view/theme/default/template/product/product.twig
To
** Important... not tested.... and you have not mentioned oc version too... so take backup of your files before trying it...
Code: Select all
$(document).ready(function() {
$('.thumbnails').magnificPopup({
type:'image',
delegate: 'a',
gallery: {
enabled: true
}
});
});
Code: Select all
$(document).ready(function() {
$('.thumbnails').magnificPopup({
type:'image',
delegate: 'a',
gallery: {
enabled: true
}
callbacks: {
resize: changeImagegSize,
imageLoadComplete:changeImagegSize,
change:changeImagegSize
}
});
});
function changeImagegSize(){
var img = this.content.find('img');
img.css('max-height', '100%');
img.css('width', 'auto');
img.css('max-width', 'auto');
}
** Important... not tested.... and you have not mentioned oc version too... so take backup of your files before trying it...
No need for editing code.
The solution is in Extensions/Extensions/Choosing Themes from the drop-down menu/Editing my theme and from the new page we edit:
Product image thumb size: 640x360
Product Image Popup Size: 1280x720
Can't believe that nobody knew this.
The solution is in Extensions/Extensions/Choosing Themes from the drop-down menu/Editing my theme and from the new page we edit:
Product image thumb size: 640x360
Product Image Popup Size: 1280x720
Can't believe that nobody knew this.
Everybody who work with OpenCart knows that - it's the standard way to define the image sizes.GWShop wrote: ↑Tue Jul 20, 2021 3:37 pmNo need for editing code.
The solution is in Extensions/Extensions/Choosing Themes from the drop-down menu/Editing my theme and from the new page we edit:
Product image thumb size: 640x360
Product Image Popup Size: 1280x720
Can't believe that nobody knew this.
But (as always), some themes/templates use their own settings, so sometimes it depends also on the used theme.
So, no reason to impress with your limited knowledge ..
Full Stack Web Developer :: Dedicated OpenCart Development & Support DACH Region
Contact for Custom Work / Fast Support.
Who is online
Users browsing this forum: nonnedelectari and 98 guests