Viewing 30 results - 1,471 through 1,500 (of 10,095 total)
  • Author
    Search Results
  • #1254485

    Topic: Product widget

    in forum Enfold
    Kelly Erickson
    Participant

    Hi there!

    What are the chances of increasing the size of the thumbnail images on the Products widget? Default is 28×28 which is just SO small. We have ours placed in the footer (link in private content for reference).

    Thanks in advance!

    #1254192
    BlewWeb
    Participant

    I wanted to create a new image size for a re-design of our website. I followed the instructions given by Mike in this thread: https://kriesi.at/support/topic/image-size-proportions-for-the-blog-posts/?login_error and when I regenerated the thumbnails, the new size appeared. But I cannot get it to appear in the drop down menu in Attachment Display Settings.

    I wondered whether that might be because it was missing the (‘avia_framework’) after the title name, so added that – but it still didn’t show up. Do you have any ideas what I might be able to do?

    #1253948

    Hi,

    There are other available sizes in the drop down from which you could choose, but you might have to resize it so that it falls to your desired dimension. You can find the registered thumbnails in the functions.php file starting from line 178, or you could install the following plugin and adjust the thumbnails in the Settings > Media panel.

    // https://wordpress.org/plugins/simple-image-sizes/

    Best regards,
    Ismael

    #1253946

    I already read that topic, and others, but still don’t know how to proceed.

    – I want to delete all the thumbnails sizes I don’t use
    – I prefer not to use a plugin for that but add code to my functions.php file so I can store that file in my child theme
    (Because i don’t qnt the thumbnails to be added again when there is a Enfold theme update)

    So do I have to add this code to my functions.php?

    function ava_image_sizes() {
    remove_image_size(‘masonry’);
    remove_image_size(‘magazine’);
    remove_image_size(‘widget’);
    remove_image_size(‘featured’);
    remove_image_size(‘featured_large’);
    remove_image_size(‘extra_large’);
    remove_image_size(‘portfolio_small’);
    remove_image_size(‘gallery’);
    remove_image_size(‘entry_with_sidebar’);
    remove_image_size(‘entry_without_sidebar’);
    }
    add_action( ‘after_setup_theme’, ‘ava_image_sizes’, 11 );

    And if my functions.php is in my child theme, then these thumbnail sizes will not be created again after an Enfold theme update?
    Last step is to use a plugin (just once) to remove the unwanted thumbnails that are already created yet?

    #1253061
    kbee27
    Participant

    since updating to latest ENFOLD now home page gallery wont play videos in place – instead it just shows the thumbnail pics – click on any of the images under Snippets on home page – see bridgelightfilms.com

    latest Mac OS, latest Enfold, latest safari/chrome/Firefox all have same issue.

    how to fix?

    thanks
    k

    #1253011

    Hi James,

    Thumbnails and quantities are hidden on mobile by default to save space :)

    Please add following code to Quick CSS in Enfold theme options > General Styling

    @media only screen and (max-width: 767px) { 
    .responsive .shop_table .product-quantity,
    .responsive table.shop_table .product-thumbnail {
        display: block;
    }}

    After adding the code, please make sure to toggle CSS file merging option in Enfold theme options > Performance and clear cache :)

    Best regards,
    Yigit

    #1252989

    “The predetermined image sizes that WordPress uses are: Thumbnail size (150px square) Medium size (maximum 300px width and height) Large size (maximum 1024px width and height)”
    And this is exactly what my setings are.
    I wont change the standardsettings for the thumbnail-size since i will get problems on other places where 150×150 is needed.

    #1252796
    Alwin
    Participant

    I am buidling websites for photographers, so with a lot of uploaded photos/ Mostly these photos are all 1:1 or 2:3 ratios.

    Building such a website with Enfold results in a lot of unnecessary files in the form of unnecessary thumbnail dimensions, adding a lot of extra size in MB’s or even GB’s to a website. Not very good for making backups or using shared hosrting with restrictions.

    I have read some more topics about this issue here on the Enfold forum and I know now that Enfold is creating 12 extra thumbnail sizes, next to the 3 default WordPress thumbnail sizes and next to the original uploaded image. A total of 16 files for just one image..!

    Looking in the functions.php file I noticed these specific Enfold thumbnail sizes:

    $avia_config[‘imgSize’][‘widget’] = array(‘width’=>36, ‘height’=>36); // small preview pics eg sidebar news
    $avia_config[‘imgSize’][‘square’] = array(‘width’=>180, ‘height’=>180); // small image for blogs
    $avia_config[‘imgSize’][‘featured’] = array(‘width’=>1500, ‘height’=>430 ); // images for fullsize pages and fullsize slider
    $avia_config[‘imgSize’][‘featured_large’] = array(‘width’=>1500, ‘height’=>630 ); // images for fullsize pages and fullsize slider
    $avia_config[‘imgSize’][‘extra_large’] = array(‘width’=>1500, ‘height’=>1500 , ‘crop’ => false); // images for fullscrren slider
    $avia_config[‘imgSize’][‘portfolio’] = array(‘width’=>495, ‘height’=>400 ); // images for portfolio entries (2,3 column)
    $avia_config[‘imgSize’][‘portfolio_small’] = array(‘width’=>260, ‘height’=>185 ); // images for portfolio 4 columns
    $avia_config[‘imgSize’][‘gallery’] = array(‘width’=>845, ‘height’=>684 ); // images for portfolio entries (2,3 column)
    $avia_config[‘imgSize’][‘magazine’] = array(‘width’=>710, ‘height’=>375 ); // images for magazines
    $avia_config[‘imgSize’][‘masonry’] = array(‘width’=>705, ‘height’=>705 , ‘crop’ => false); // images for fullscreen masonry
    $avia_config[‘imgSize’][‘entry_with_sidebar’] = array(‘width’=>845, ‘height’=>321); // big images for blog and page entries
    $avia_config[‘imgSize’][‘entry_without_sidebar’]= array(‘width’=>1210, ‘height’=>423 ); // images for fullsize pages and fullsize slider

    From this list I want to exclude all of them except 180×180, 36×36 and 768×512.

    If I understand things correctly from the other topics about this subject, then I can add some code to my functions.php file (in my child theme of course) to exclude these thumbnails from being created when I upload new images in the future. After adding the code I have to use a plugin to generate my thumbnails again.

    Is that the correct workflow? And of course, what code do I have to ad in functions.php?

    Thanks very much :)

    Alwin

    #1252786

    Hi,

    Sorry for the delay. Are you using the gallery widget? If yes, please edit the gallery and under the Gallery Settings, make sure to select the preferred Size. You may need to adjust the size of the default thumbnails in the Settings > Media panel.

    Screenshot: https://imgur.com/KIIADkh

    Best regards,
    Ismael

    #1252751
    Mainfilmtv
    Participant

    Hello,
    I have an issue regarding the design format of my blog post grids. I have made custom loop design for my blog page and they work fine. They design can be seen in this picture ( https://www.mainfilm.tv/wp-content/uploads/2020/blogList.png ).

    Also the blog post design can be seen here ( https://www.mainfilm.tv/wp-content/uploads/2020/blogPost.png )
    Now the issue is when i click on author name, and it opens the author’s archive page, it loads very slowly and loads all the blog posts in one page. I managed to reduce the excerpt size from a plugin called (Advanced Excerpt Options), i can reduce the excerpt length from there, but still the design grid of the author page looks very bad. I cant seem to find any solution to change this design as this is not any page, and is dynamically generated.
    The issue can be seen in this picture. ( https://www.mainfilm.tv/wp-content/uploads/2020/authorPage.png )

    When i click on category it shows the blog posts in a small thumbnail type grid which is how i want my author page to look aswell. In this image you can see the category page. ( https://www.mainfilm.tv/wp-content/uploads/2020/categoryPage.png ).

    Thank you

    #1252731
    Artur667
    Participant

    Hi, I have a question about file names of Masonry Gallery images.

    Let’s say I add ‘original-name.jpg’ file and use it in Masonry Gallery/Perfect Masonry. Enfold gives me this code:

    <img width="705" height="705" class="wp-image-8580 avia-img-lazy-loading-not-8580 lazyloaded" src="https://PATH/original-name-705x705.jpg" (...)>

    I understand the concept of thumbnails and it’s behaviour is fine, but me SEO guys would like original filename, so:

    original-name-705x705.jpg would become: original-name.jpg

    It’s completely understood, that this modification would need using of the original file and not it’s thumbnail. Is there by any chance, any code snippet or maybe other modification to make Masonry Gallery use original file instead of ‘masonry’ thumbnail? I really need it, so I’m willing even to make modification in Enfold theme (and repeat it after every update).

    Thanks in advance.

    #1252386

    Hi,

    Sorry for the delay. What is the original size of the images? The theme creates thumbnails based on the size and aspect ratio of the original images, so images with different aspect ratio compare to the defined thumbnail (1500x430px) might produce an image or thumbnail that does not exactly reflect the predefined dimension. If you want the images to be resized exactly as defined, you have to enable the crop parameter by editing the functions.php file directly, line 180:

    $avia_config['imgSize']['featured'] 		 	= array('width'=>1500, 'height'=>430 );
    

    Adjust it to:

    $avia_config['imgSize']['featured'] 		 	= array('width'=>1500, 'height'=>430, 'crop' => true);		
    

    Or install the Simple Image Sizes plugin, then adjust the settings of the thumbnail in the Settings > Media panel. You have to regenerate the thumbnails after adjusting the settings.

    // https://wordpress.org/plugins/simple-image-sizes/

    Best regards,
    Ismael

    #1252381
    Steve
    Participant

    Hi there, there seems to be a problem with padding on the tooltip:
    https://vitalis.tinytake.com/media/e3ebf0?filename=1602554021216_TinyTake10-10-2020-01-49-06_637378877603992992_1602554021.png&sub_type=thumbnail_preview&type=attachment&width=100&height=120

    This seems to be created by inline SCC in the html
    <div class=”gm-style-iw gm-style-iw-c” style=”padding-right: 0px; padding-bottom: 0px; max-width: 549px; max-height: 419px; min-width: 0px;”>

    How do I fix this?

    Many thanks!

    #1252290

    Do we talk about the same issue?
    1: The lightbox-link leads to: marcusjeroch.de/wp-content/uploads/2015/04/Presse-2-Kopie-1584×1030.jpg (NOT existing)
    2: But if you inspect the code the link says: https://marcusjeroch.de/wp-content/uploads/2015/04/Presse-2-Kopie-705×458.jpg (existing)
    3: The original file is online: https://marcusjeroch.de/wp-content/uploads/2015/04/Presse-2-Kopie.jpg but regenerating images/thumbnails does not help
    4: Responsive images was already enabled. I disabled. No changes

    See screencast:
    marcusjeroch.de/screens/galerie2.mp4

    Marcus

    Instead of putting multiple movies in the stack, I just put 1 and made the thumbnail the first frame. I really just couldn’t wait for an answer to come. You can close the thread if you like.

    ftlamont
    Participant

    Hi,
    For the front page of my site I’m using the fullscreen slider to play multiple videos in a loop (which are from Vimeo). However, when any movie is played, it shows the video’s thumbnail first, then starts playing the movie. It does this in between each video which doesn’t look too great.

    Thanks,
    Frank

    #1251644
    VitaJ
    Participant

    Hi, I have problem with missing navigation betwen images in gallery.
    When I enter gallery over big image, previous/next navigation works fine, but over small thumbnails under the big image, then no navigation appear. Left/right arrows don’t work too.
    You can check it here: http://www.nulk.cz/tadyjsmedoma/2019/10/fotogalerie-revnice-setkani-melnika-a-revnic/
    WP version: 5.5.1
    Enfold: 4.7.6.4
    Is there any solution?
    Thanks for help.
    Vita

    #1251585

    Hi Ismael

    That code snippet worked great and fixed the share area.

    I realize that the other issue I had with the added text below the product image, before the thumbnails, not longer worked as the hook I was using is now reserved for WooCommerce product gallery thumbnails. So I moved my text within the product summary.

    I would like to know why my product image does not have the image border properly displayed.
    Thanks
    Lyse

    #1251366

    Topic: Product Gallery Size

    in forum Enfold
    marladesign
    Participant

    Hello,

    I am setting up a site and have a small enough issue you might be able to help me with link below.

    For products with an image gallery I want to display the images side by side but a bit bigger than the existing thumbnails. Is there a way of doing this without editing the woocommerce page, for now I have changed the with of the thumbnail div and hidden the main image.

    There will only be 2 images on any product page so I would prefer to make the main image smaller and display the gallery image beside it and the same size if possible. Its also only for 1 category (currently 9 products that are not for sale – I will just use the advanced editor to setup a template if there is no quick fix)

    Regards,
    Gary

    #1251000

    Hi, I was able to fix it within the video embed code by changing the height of the thumbnail. Thanks. You can close this.

    #1250638
    This reply has been marked as private.
    #1250089

    This is what I’m seeing. I provided a screenshot below. The video thumbnail is stretched for the lightbox videos. The video itself is fine once you click on it.

    #1249933
    Munford
    Participant

    HI
    I am trying to get a simple gallery to display with caption (or title) underneath.
    The masonry gallery puts the caption on top of the image.
    On the page below I am using this code that I found on the enfold docs:

    /* Display caption below thumbnail*/
    #top .avia-gallery .avia-gallery-thumb a:after {
    content: attr(title);
    margin: 10px 0;
    position: relative;
    display: block;
    width: 100%;
    font-size: 10px;
    text-align: center;
    }

    but on my page the captions load and then get hidden.
    Can you see what’s going on here, or if there is another way to do this?
    thanks
    Nancy

    Hi,

    Thank you for the inquiry.

    This issue does not happen on our installation as shown in the screenshot of a gallery below. Original size of the images is around 1920x1080px, and the selected thumbnail is “Portfolio (496x400px)”.

    Screenshot: https://imgur.com/7Eg1KwZ

    Did you install an image compression or optimization plugin?

    Best regards,
    Ismael

    #1249415

    Hi Ismael, this works for the lightbox, but the thumbnail preview is showing stretched before you click on the video. Below is another one for example.

    #1249097
    npmcgrew
    Participant

    Hello,

    I noticed today that when I select a fallback image for a video on our homepage, the fallback image loads and is then replaced by the YouTube thumbnail/default video image. You can view it in the top of our homepage by clicking here

    For the Fullscreen Slider, I have the following settings toggled:

    Slider Styling:
    – No scaling (16:9 required)
    – Hidden slideshow controls

    Advanced
    – Privacy: Wait for user interaction
    – Slider Animation: parallax, sideways transition, default transition speed, no animation

    Animation
    – Do not use lazy loading

    Single Video Slide
    – Single Video Slide
    – Fallback image with fallback link of https://www.youtube.com/watch?v=TQsenMvGWEI
    – Caption: title and content left blank

    Video Slide Styling
    – Stretch to fill screen (16:9)
    – Disable autoplay toggled
    – Hide video controls toggle
    – Mute and Loop left not toggled
    – Caption: bottom without frame
    – Font and Colors are left as default

    Video Slide Advanced
    – Heading tag default
    – No custom css class
    – No link and no overlay

    Thank you for your reply!

    I have tried removing the unnecessary widgets at Appearance > Widgets, but I don’t know if I’m missing something.

    I’ve prepared two different front page versions for your perusal:

    – Front page 1 has a footer. I would need to get rid of the Categories and Archive widgets and ideally make the Footer columns 1 & 2 take up the whole footer space horizontally.

    – Front page 2 has a sidebar that has been moved to the bottom. This one looks otherwise good, but the thumbnails appear very large and I can’t seem to change their size.

    The link is in the private content.

    Thanks,

    Katja

    (Here is the code I found in the Enfold documentation, with which I moved the sidebar to the bottom:)

    /* Sidebar at the bottom in desktop and mobile */
    .container {
    display: flex!important;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    }

    /* Sidebar */
    #top .container aside {
    order: 2;
    flex-grow: 1;
    }

    /* Main Content */
    #top .container main {
    order: 1;
    flex-grow: 1;
    padding: 0 50px 0 0;
    }

    #1248487
    Unsal Ozkan Sarioglu
    Guest

    Hello,

    I am planning to get your Enfold theme. However, I have a question. As I saw from your theme, this is your product page: https://kriesi.at/themes/enfold-2017/product/mac-mockups/

    I wonder if you have an option to display a product like this one: https://usa.tommy.com/en/lewis-hamilton-recycled-hooded-trucker-jacket-mw15303

    I mean I want to have the main image large and zoomed on hover. The other images are on the left side on the main image as thumbnails and on click, I want them to be displayed in main image are.

    Any help would be appreciated.

    Kind regards.

    #1248463

    We have exactly this problem too. Been using Enfold for 3 years with no problem, and suddenly the thumbnails in the galleries are all appearing with gaps. Here is an example:
    https://onepavedcourt.co.uk/about-one-paved-court/

    Please help someone!

    #1248079

    Hi,

    Thank you for the inquiry.

    By default, the product slider uses the Portfolio thumbnail which has a maximum size of 450x450px, so the actual resized dimension of the images in tab is only 381x381px. To increase the size, we could either edit the thumbnail size manually by editing the functions.php file or install the following plugin and edit the size in the Settings > Media panel.

    // https://wordpress.org/plugins/simple-image-sizes/

    After adjusting the size of the Portfolio thumbnail, please don’t forget to regenerate the images.

    Best regards,
    Ismael

Viewing 30 results - 1,471 through 1,500 (of 10,095 total)