Viewing 30 results - 2,281 through 2,310 (of 10,096 total)
  • Author
    Search Results
  • rainert
    Participant

    Hi Enfold Support Team,

    I’d be grateful, if you could help me with a question regarding your Avia Layout Builder “Masonry Element” (portfolio entries).

    Most likely I’m going to use Enfold for a real estate website project. In this context I’d like to make use of your Portfolio “Filter” feature (sort options). This way users for example will be able to choose apartments according to the geographical location. On my DemoPage you’ll see, that a user could select between 3 bed room apartments in two different cities.

    When you do click on the property “3-Zimmer-Wohnung (Top 6) …” (STEP 1), a portfolio “details/entry page” will be opened by default (STEP 2). This page could be used to provide the user a short overview of the corresponding property and to set a link (eg. “Details”), which will take the user to the “full details” page.

    QUESTION:
    My goal would be, to use the “filter/sort option” feature of the portfolio and to provide the user a “short cut” by skipping above mentioned “STEP 2”. Does there exist a possiblity to set a direct link from the image thumbnail and title (STEP 1 – masonry/portfolio overview page) to the property’s detail page (STEP 3), circumventing STEP 2 (portfolio details/entry page)? If yes, please would you be so kind to let me know, how I could manage to do so.

    Thanks in advance for your efforts.

    Regards,
    Rainer

    #1103603

    In reply to: Edit WooCommerce style

    Hi Pas7o,

    This is for the buttons (the color is slightly changed because of the opacity):

    #top .avia_cart_buttons {
        background-color: black;
        opacity: 0.8;
    }

    As for the changing it to single product, I think the best way is to make the code global, so from the previous codes I gave replace .post-type-archive-product with #top, so from:

    .post-type-archive-product .thumbnail_container {
        background: white;
    }
    
    .post-type-archive-product .inner_product_header, 
    .post-type-archive-product .inner_product_header .avia-arrow {
        background-color: #eee;
    }

    to:

    #top .thumbnail_container {
        background: white;
    }
    
    #top .inner_product_header, 
    #top .inner_product_header .avia-arrow {
        background-color: #eee;
    }

    Best regards,
    Nikko

    #1103526

    In reply to: Edit WooCommerce style

    Hey Pas7o,

    You can add the following css codes in Quick CSS, located in Enfold > General Styling.

    Change image background color:

    .post-type-archive-product .thumbnail_container {
        background: white;
    }

    Change title background color (including the arrow):

    .post-type-archive-product .inner_product_header, 
    .post-type-archive-product .inner_product_header .avia-arrow {
        background-color: #eee;
    }

    Hope this helps.

    Best regards,
    Nikko

    #1103048

    Hi Torsten,

    Well, the web has to be responsive and brutal to images, it will scale them and resize them, having them in the set size does not work well on all screen sizes.

    You can disable the theme and WordPress generating different sizes and so they will be as uploaded.

    Please have a look at the following articles, maybe they will help you understand

    Best regards,
    Victoria

    #1103016

    In reply to: Resize Shop Thumbnail

    Hi Victoria,
    thank you for this info. I am not sure, if this is really similar to my problem. But, as I did not find the ‘shop_catalog’ thumbnail listed in what Enfold is adding to the hole thumbnail portfolio of woocommerce, I searched for it and found it in some woocommerce config.php
    For example:
    //product thumbnails
    $avia_config[‘imgSize’][‘shop_thumbnail’] = array(‘width’=>120, ‘height’=>120);
    $avia_config[‘imgSize’][‘shop_catalog’] = array(‘width’=>450, ‘height’=>450);
    $avia_config[‘imgSize’][‘shop_single’] = array(‘width’=>450, ‘height’=>999, ‘crop’ => false);

    To my mind, as a coding amateur, it would be logical to change this size into:
    $avia_config[‘imgSize’][‘shop_catalog’] = array(‘width’=>200, ‘height’=>300);

    How could one achieve this with a child theme?
    best regards,
    Joerg

    #1102907

    In reply to: images in link resized

    Hi fta-edfc,

    Yes, what I actually instructed was not manually selecting sizes since it automatically fetches the image and gets the square image size.
    By doing what I instructed above it will allow you to set the image size once and incoming posts will use this image size (81 x 81px), for old posts, you’ll need to click on Regenerate Thumbnails button to regenerate images that was already set.

    Best regards,
    Nikko

    #1102869

    Ich muss noch einmal anders Nachfragen:

    Wie wird die Ausgabe der Bilder in der Lightbox realisiert?
    In der Functions.php wird ja nur festgelegt, in welcher Größe Thumbnails generiert werden.
    Aber wo und wie wird die Ausgabe auf der Website festgelegt?

    Ich werde nämlich noch verrückt!

    Als Fotograf schärfe ich die Bilder für das Web und exportiere in einer bestimmten Größe. Die Bilder werden aber im Enfold Theme skaliert und in einer schlechteren Qualität angezeigt.

    Viele Grüße Torsten

    #1102800

    Hi Victoria, did you make a change? Should we regenerate thumbnails regularly?
    Regards.
    Jean

    #1102560

    Hi Ismael!

    The related thread is not exactly what’s happening here. This is not related to the thumbnail image. A blank page (no content – no FB debugging tool) is rendered when accessing the FB debugging tool. FB is unable to reach the page itself for about 2 hours after any modification to the text in the page is made (or posted for the first time)

    This is how you can actually pull the shared count from FB:
    https://graph.facebook.com/?id=https://ligadejusticia.com/nassau-county-taller-pequenos-negocios/&fields=og_object{engagement}
    and it should not show as it does:
    {
    “id”: “https://ligadejusticia.com/nassau-county-taller-pequenos-negocios/”
    }
    This is indicative of FB not being able to reach the post. I am working with the ESSB plugin guys as well to see what may be blocking this or if it’s a FB API issue. If the latter, I am sure they will reach out to FB developers.

    They don’t think based on what they read on the latest Enfold changelog that anything there could have affected this but I want to hear it from you. Do you think any of the Enfold caching mechanisms or speed mechanisms could have affected this?

    When I look at the Chrome developer console I see there’s a 400 error from https://graph.facebook.com/

    Thank you for your continued support!!

    Warmly,

    Havi

    #1102406
    Stefan
    Participant

    Hi there,

    I tried to add the thumbnails to the search page (like described in https://kriesi.at/support/topic/thumbnails-on-search-results-page/).
    But they are not shown, can you please tell me what I am missing?

    #1102311

    OK, I see.
    How about not include the thumbnail? ( not just display: none)

    #1102242

    Hi wealthyone,

    You can try this css:

    
    #top .thumbnail_container {
        max-height: 170px;
    }
    

    Best regards,
    Victoria

    dchcolorado
    Participant

    The best theme guys. Thanks!

    I’ve tried a number of forum solutions to remove the small thumbnail images – both on the blogroll and on the individual posts. I’ve been able to remove from individual posts, but not from the main blogroll.

    Can you give me a global solution to remove all of the small thumbnail images that are associated with the blog?

    Thanks!

    #1101857
    rosarot
    Participant

    Hi There!
    Thanks for the wonderful theme! I only have 2 little problems:

    As soon as i put a farbsection on a side the footer isn’t correct on this side. But only if there is a text area placed out of the farbsection…
    I have a left sidebar-navigation. And when the farbsection is placed, the footer “starts” at left under the navigation instead under the main-container-area.

    And within a magazin the thumbnails are cropped to Quadrat, and i would like to have the original portrait-sizes.

    Can you help me? Thanks in advance! salo

    • This topic was modified 6 years, 10 months ago by rosarot.
    #1101769

    In reply to: Troubles with BLOG

    Hi,

    Thanks for the update.

    1.) We forgot to include this css code.

    .fake-thumbnail .slide-image {
        display: none !important;
    }

    The small preview can be removed on the single post page, but the following css code will also affect those posts with featured image.

    .single .small-preview {
        display: none;
    }

    2.) This is an example of the full width sub menu shortcode.

    [av_submenu which_menu='center' menu='' position='center' color='main_color' sticky='true' mobile='disabled' mobile_switch='av-switch-768' mobile_submenu='' av_uid='']
    [av_submenu_item title='Menu Item 1']
    [av_submenu_item title='Menu Item 2']
    [/av_submenu]
    

    You can wrap that around the do_shortcode function and echo it out in the archive.php file or template. You can find an example of that in the function reference page.

    // https://developer.wordpress.org/reference/functions/do_shortcode/

    Best regards,
    Ismael

    #1101639

    Topic: Blog Posts

    in forum Enfold
    webguy007
    Participant

    How would I add the thumbnail image appear to the left of the title and excerpt when blog style is selected to List Layout – Excerpt ? A big white gap shows to the left and is the perfect spot for the thumbnail image to appear?

    I marked the image with yellow of where I’m talking about in the private content below.

    Thanks!

    Hi,

    Thanks for the link.

    I’m afraid there is not easy way to implement it.

    The plugin is based on the WooCommerce shop loop. The masonry element has its own loop which is running in a different way as the WC one.

    Also I’m not sure, if the CSS for the labels is fitting in the masonry CSS.

    Alltogether this needs heavy modifications.

    A starting point for that is in enfold\config-templatebuilder\avia-shortcodes\av-helper-masonry.php line 358ff (the loop) and as far as I’ve seen you can use the actions woocommerce_before_shop_loop_item_title and/or woocommerce_product_thumbnails to output the label.

    Best regards,
    Günter

    Hi! Sorry for the very late reply, I was caught up with other work and then went on holiday :)

    Anyway, the question about the website URL was a bit funny, since it’s right there in the video, but then I realized I’d enabled the construction mode on it… oops! Guest login in the private field below, if still needed.

    Good to see I’m not alone with this issue! It was bothering me ever since we got into Enfold! As Brianbu mentioned – the issue is OLD, so it’s about time it got fixed.
    The CSS code provided seems to have sorted the shaking and flickering, which is awesome! Thanks for that – hopefully you guys will find what is causing it and apply the fix in an update :)

    The 1px border issue is not gone, however. Easily replicated by putting an element (such as a whitespace or anything else) outside of or between the Layout Elements. I guess we’re supposed to always use these layout elements as containers..? Still annoying.

    Another issue I have is that if I wanted the masonry gallery to fill the browser width I start getting very ugly white sides on my pictures. This, in essence, limits the possible website width to just above the default value in Enfold – going wider starts introducing the ugly white edges on the gallery: https://imgur.com/jczOoIM – not gonna work if you want to create a fully flexible website/gallery.
    On top of that there’s the blur that happens when hovering on any image. It would be nicer to have some control over the thumbnail size/filtering, since as it stands now – it would not be acceptable for a website displaying critical imagery (photography, graphic design, etc).
    The issue is not present if the “perfect grid” setting is used, only in “flexible” mode. But the masonry gallery’s main appeal IS the flexible mode, so it needs sorting.

    • This reply was modified 6 years, 10 months ago by clikcreations.
    #1101363

    Topic: Sorting Gallery Pics

    in forum Enfold
    Luisgasser
    Participant

    Hello,

    how can i sort the gallery pics? – changing another pic as big picture from the thumbnails

    Thank you for helping

    #1101347

    Topic: images in link resized

    in forum Enfold
    fta-edfc
    Participant

    On the page

    thumbnails of the blogpictures are shown. How can I fill the squares (81×81) completley when are landscape (keeping the aspect ratio with something like overflow hidden. If not possible by not keeping the aspect ratio but the square should be filled by picture)

    #1101342

    In reply to: layerslider thumbnails

    Hi,

    Thanks for the update.

    The slider sets the height of the layer container but it doesn’t take into account or include the height of the thumbnail wrapper. You can use the css code above or apply a bottom margin to the layer slider itself. Enabling the custom css class field should help.

    // https://kriesi.at/documentation/enfold/intro-to-layout-builder/#turn-on-custom-css-class-field-for-all-alb-elements

    Best regards,
    Ismael

    #1100836

    In reply to: Need some custom code

    This reply has been marked as private.
    #1100789

    In reply to: Resize Shop Thumbnail

    Hey!

    Thanks for the update.

    The lost of image quality is expected because we are using a much smaller thumbnail. You have to increase the thumbnail size if you want to make the images sharper when resized.

    Best regards,
    Ismael

    #1100788

    Hi,

    Thanks for the update.

    The lightbox uses the “large” thumbnail version by default. If you want to increase its size, go to the Settings > Media panel. Adjust the width and height of the said thumbnail, then regenerate the thumbnails. You can use this plugin for that.

    // https://wordpress.org/plugins/regenerate-thumbnails/

    Best regards,
    Ismael

    #1100779

    Sorry, must have been the Thumbnail rebuild plugin, that messed up the images. Re-uploaded the images, works fine. Topic can be closed.

    #1100590

    In reply to: Resize Shop Thumbnail

    Hi,
    glad to hear that you found the reason and a way to repair this issue.
    Before implementing this in the Live-Page let me ask you, if it is normal resp. unavoidable that any thumbnail format is being affected by tis hook. The quality of catalogue-, product- and original pic (used for magnifying glass) got worse. Please see private data.
    best reagrds,
    Joerg

    #1100509

    In reply to: Resize Shop Thumbnail

    Hi!

    Thanks for the update.

    We found the issue. Looks like woocommerce automatically switch the thumbnail to “woocommerce_thumbnail” instead of the thumbnail set in the template, which is “portfolio_small”. We have added this code in the functions.php file to adjust the size of the default thumbnail in the catalog page.

    add_filter( 'woocommerce_get_image_size_thumbnail', function( $size ) {
        return array(
            'width'  => 200,
            'height' => 300,
            'crop'   => 0,
        );
    } );
    

    We also created a new product just to confirm if it’s actually working. (see private field)

    IMPORTANT: You have to regenerate the thumbnails if you want all of your products to have the new thumbnail size.

    Regards,
    Ismael

    robclifford
    Participant
    #1100181

    Topic: Need some custom code

    in forum Enfold
    schwabino
    Participant

    Hello I am getting super close to finishing a site for a client and need some help finishing off a few final requests

    Main Nav – the client wanted the bottom of the logo to be aligned with the main navigation on the right side, we added some padding to the top to bring it down but when you scroll on the page the sticky nav seems to apply the padding as well and is pretty much touching the bottom, is there a way to make the sticky nav be align centered when it pops up?

    Post Page – Image Gallery Issue – http://8gt.3f2.myftpupload.com/2014/08/oracle-high-school-teams-up-with-svm/
    The client loves the gallery how it is now with the thumbnails below but wants to have the minimal navigation, I didn’t see this option for this gallery like you have for the others, she really wants the thumbnails and the navigation to be visible.

    Adjusting blog sidebar width –

    This is the “work” page – http://8gt.3f2.myftpupload.com/work
    The client like the narrow width of the sidebar on this page and wants the blog posts to have the same narrow width as the “work” page

    This is the post page – http://8gt.3f2.myftpupload.com/2014/08/oracle-high-school-teams-up-with-svm/
    Is there a way to match the sidebar width on the “post” page to be the same as the “work” page?

    Thanks so much for your time :)

    Brian

    #1100179

    In reply to: layerslider thumbnails

    If you look closely at the image that you sent me you can see that there is a text block behind the thumbnails. I want to add additional blocks after the slider (and thumbs) but it is not clearing for next block so text ends up behind the thumbnails.

Viewing 30 results - 2,281 through 2,310 (of 10,096 total)