-
Search Results
-
Topic: Search images woocomerce
Good tades, I would need to show images in the search of results. That is, when I write a product in the enfold search box. It shows a thumbnail, but when I hit enter and it takes me to the search page it does not show images. For me it is very important to show in the search the image of the product with its description.
For example: https://kedatelow.com/?s=bolso
How can I do it?
Thank you.Hey there,
I just bought the theme and I’m trying to set up a website template. Some elements though, are visible only on Firefox, and work only if I browse the site while being logged in as Admin.
Can you please help me out? Clearing cookies didn’t help. I’m having the same issue on Chrome for mobile.
The misfunctioning elements are:
– gallery (missing thumbnails)
– testimonials slider
– picture (section below the contact form)
– partners slider (just above ‘team’)Any feedback would be appreciated!
Hello,
I’ve looked through the forum and could not find a solution that worked for my site. In private content is link to screenshot of concept of how I would like the header to look. Also you can fix or tell me why when I upload images they are not showing up on thumbnails or viewing in media library?Please advise or please change in the site.
Thank you,
theartninjaHello,
I’ve looked through the forum and could not find a solution that worked for my site.In private content is link to screenshot of concept of how I would like the header to look.
Also you can fix or tell me why when I upload images they are not showing up on thumbnails or viewing in media library?
Please advise or please change in the site.
Thank you,
theartninjaHi Enfold team, thanks for a truly great theme! Impressive work!
A question for the Team and a little explanation from me which may help other people on Enfold. As I’ve seen many people on this (and other forums) confused on how to deal with retina/non-retina images.
I am happy to see that Enfold has taken the same approach I favour for catering to retina screens: upload double-size and let the theme/browser do the downscaling as needed.
I basically treat images this way in WP:
– create double-size true width/height
– save them in Photoshop “save for web” with between 30 and 20% quality
– run all images through FileOptimizer before upload
– set WP compression to between 90 and 100
– set thumbnails in theme functions.php to double-size and regenerate thumbs
– run all thumbs from WP through FileOptimzer locally and re-upload through FTPMy question to you:
Do I need to manually double the sizes of the thumbs in the (child)theme’s function.php for the thumbnails or have your already done this? I would not want to make the thumbs 4x as big as needed :-)For Enfold users wondering about the why of this approach:
Content images in a responsive template have different requirements compared to the traditional “this-is-the-width” approach. But all present attempts to serve up different image sizes to different devices, whether client-side or server-side, are incomplete at best and based on wrong assumptions at worst (apart from most of them not being standards compliant). Including the src-set approach favoured by WP and the plugin Retina approach. Why?
These factors make the traditional (src-set) approach invalid:
– the same content image is wider when there is no sidebar present
– content images in widgets change width on various smaller screens
– content images in sidebars change width on various smaller screens
– high resolution / retina screens need a 2x larger image to be sharp
– smaller screen widths may have higher resolution screens
– users may always zoom in on each page (on desktop, tablet and phone)So we need to serve up much larger images in order to cater for the above. But we have no way of knowing in advance which device has which screen resolution with which layout and which zoom. At present the best solution in my opinion is therefore to serve up one large image and to let the browser do the scaling for us (modern browsers have become quite good at this). Yes, even for phones/tablets.
This does not mean we need to bother our visitors with large image sizes, more data consumption and slower loading pages.
High Resolutin/Retina images aren’t necessarily larger files, at least not with JPEGs. Since you have four times as many pixels with a twice larger size, you can get away with a great deal more compression, and the end result is sometimes even smaller than the original. A 400x400px image at 40% quality may appear no more heavily compressed than a 200x200px image at 80% quality, yet may be the same or smaller file size.By having a 2x larger image and then scaling down in the browser, it has the effect of reducing the jpeg compression from 8×8 squares to 4×4 squares (giving the compression 64 pixels to work with instead of 16) on standard monitors – even at high compression. This “false resolution” hides the increased numbers of jpeg artifacts. On retina screens the artifacts would double with a traditional size image scaled up.
This is an interesting and extensive research article showing this option for dealing with highres images:
https://www.netvlies.nl/tips-updates/algemeen/design-interactie/retina-revolution/Basically, it’s saying that, if you make the image quite large (width and height), but then save it at quite low quality, it still comes out very sharp on retina displays. It means that you can use the one same image on all devices, and that the file size is very low, too, which is an extra bonus. You can set the width (with the height set to auto) of the image in the CSS to get the dimensions needed.
This is currently my approach for dealing with both retina-friendly and bandwidth-friendly images.
Example with a test photo with many details:
Traditional: test-600x375px – 80% quality – size = 87KB
Retina-friendly: test-1200×750 – 40% quality – size = 96KB
Retina-friendly: test-1200×750 – 30% quality – size = 79KB
Retina-friendly: test-1200×750 – 20% quality – size = 67KBUsually 30% quality “save for web” in Photoshop is quite enough for a double-sized (retina) image to remain sharp. And many times even 20% quality will work just fine. Try it out yourself.
For Enfold users on Windows, may I suggest a great tool for (loslessly) compressing PNG and JPG (and many other formats) even further before uploading?
FileOptimizer
website: https://nikkhokkho.sourceforge.net/static.php?page=FileOptimizerHi,
i have a question. Is it possible to customize the structure of the woocommerce product slider? for example i want to change the order of html element. The Headline should stand above the product image?
(move class inner_product_header above class thumbnail_container)
Thanks
Chris
Topic: Margin issue
Hi
please look here:
https://marcusjeroch.de/screens/margin-issue.jpgLeft product has a huge gap between the price and the shipping link.
How do i reduce this massive gap? (see screenshot)This is not a woocommerce issue – its a theme issue.
Its a general question so please dont ask me about access!
MarcusHTML (if needed)
<a href="http://shop.xxxxxx.de/shop/events/adsfgh-kopie/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link"><div class="thumbnail_container"><img src="http://shop.xxxxxx.de/wp-content/uploads/halm.jpg" class="attachment-shop_catalog size-shop_catalog wp-post-image" alt="" srcset="http://shop.xxxxxx.de/wp-content/uploads/halm.jpg 1500w, http://shop.xxxxxx.de/wp-content/uploads/halm-300x200.jpg 300w, http://shop.xxxxxx.de/wp-content/uploads/halm-768x512.jpg 768w, http://shop.xxxxxx.de/wp-content/uploads/halm-1030x687.jpg 1030w" sizes="(max-width: 1500px) 100vw, 1500px" width="1500" height="1000"><span class="cart-loading"></span></div><div class="inner_product_header"><div class="avia-arrow"></div><div class="inner_product_header_table"><div class="inner_product_header_cell"><h2 class="woocommerce-loop-product__title">adsfgh (Kopie)</h2> <span class="price"><span class="from">Ab: </span><span class="amount">0,00€</span></span> </div></div></div></a>Hi,
Can a masonry gallery show both the excerpt and title in the lightbox? It shows both on the thumbnail grid as shown here:
But the lightbox shows only the title, can it show both?
Thanks,
Tony
Hi,
I’m using a portfolio grid on ca 50 pages with the Link handling option set to ‘Open a preview of the entry (known as AJAX portfolio)’. This works exactly as intended: when I click on an image or title in the portfolio grid, the images enlarges and there is text from the portfolio item next to the image. In this view however, I can again click on 1) the enlarged image and 2) all the thumbnails below this image. Those images open in a lightbox when clicked.
What I want is to disable the option that the enlarged image and thumbnails can be clicked. I tried to use
.pointer-events: none;but I can’t find the correct CSS to apply it to.Can you help me with that? Thanks!
Topic: square?
hello
1 why is it that the square thumbnails dont display square?
http://cds.jmcwebdesign.nl/gebirodenburg/wp-content/uploads/2019/02/square.jpg2. and why are these not aligning left?
best regards, jelle vanhijfte
Topic: Masonry – Animation on load
Hi everyone,
I use Masonry on this page (in Private Content) and it used to work perfectly, but from a few monthes, animation on load doesn’t work anymore.
Indeed, once the page is loaded and if you switch from one category to another, the nice animation is working, but on the first time the page is loaded, it is not and thumbnails only appears one after the other.
Could you please help me?
Thanks a lot!
Regards,Hi
I’m trying to make a portfolio grid of YouTube videos and been searching these forums for hours without any luck
How is the best way to setup it up?I know I need to define a custom link and overwrite the portfolio link settings
Then I then insert the same video source in the preview text
But do I need to add an thumbnail manually…can’t I get it to grab the thumbnail automatically from YT?
Also it only seem to work in a lightbox and not in the preview ajax, as it then opens a black preview windows and a lightbook in front of thatI would like it to open in a preview window and play in that…not in a light box
Topic: Enfold Mega Menu not working
Hi,
on my website the mega menu not working.
Thanks for your help.
My Installation:
Theme (Enfold) Version Number is 4.5.1
Version 5.0.3
Activated Plugins:
All-in-One WP Migration
Antispam Bee
Better Search Replace
Cachify
Duplicate Post
Duplicate Widgets
Duplicator
Enable Media Replace
Klarna Payments for WooCommerce
Mailchimp for WooCommerce
Redirection
Regenerate Thumbnails
Simple Image Sizes
Widget Logic
WooCommerce
WooCommerce Blöcke
WooCommerce PayPal Checkout Gateway
WooCommerce Services
WordPress Importer
WP Mail SMTP

