Home › Forums › WoodMart support forum › Some annoying brur effects

Some annoying brur effects

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 12, 2019 at 10:00 am #123333

    metuza
    Participant

    Hello,

    I find some anoying blur effects around and most of them i have fixed with custom css. Now i also found it in the quick view popup at the very bottom of product summary, see the attached image.

    This appear depending on the height of content in the product summary, seems like there is no bottom margin. I can fix it with a margin on the social share buttons but this is not a good solution as i have some products with ie. text, buttons etc. below share buttons.

    Any fix for this?

    Brgds
    Rune

    Attachments:
    You must be logged in to view attached files.
    May 12, 2019 at 12:00 pm #123346

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    This code would remove the blur:

    body .popup-quick-view .entry-summary{
	mask-image: none;
  -webkit-mask-image:none;
}

    and this would make the color bright:

    body .product-quick-view .woodmart-social-icon {
    color:#000000!important;
}

    Best Regards

    May 12, 2019 at 2:01 pm #123356

    metuza
    Participant

    Thank you, actually i should have remembered that as i did the same fix on carousels.
    Another question, and hopefully my last before i launch theme in my live site.

    Is it possible to move the image and the view details button upwards to get rid of the ugly empty space above image as seen in the attached image?

    Attachments:
    You must be logged in to view attached files.
    May 12, 2019 at 8:40 pm #123384

    Elise Noromit
    Member

    Hello,

    Please check your image size and image size configuration https://xtemos.com/docs/woodmart/faq-guides/image-size-content-alignment-product-grid/

    Please have a look at our demo, there is no any space http://prntscr.com/nno0d6

    Best Regards

    May 12, 2019 at 9:34 pm #123397

    metuza
    Participant

    Hello,

    Well, that is a big problem with many theme developers, they do not understand that some stores need to use landscape images. Square images will ofcourse fit to the popup but bad if shared on facebook.

    Most of my images is sized to perfectly fit with facebook ads and google shopping ads.

    Check out your demos and try to share some products on facebook, most of them is cut off top and bottom.

    Brgds
    Rune

    May 13, 2019 at 8:31 am #123454

    Elise Noromit
    Member

    Hello,

    This is not the theme issue. This is the issue of Woocommerce that is why you face the same problem regardless of the theme.

    There is a way out. Free Yoast Seo plugin provides the option to upload a separate image for Facebook. Please consider this plugin.

    Best Regards

    May 13, 2019 at 9:03 am #123465

    metuza
    Participant

    Hello,

    My old theme developer did understand this problem related to square and landscape image and made a fix for that but it should take 6 months before they understood it. Ofcourse most often the problem with images and share options, facebook ads, google ads etc. is how the shop admin setup their image sizes and prepares the images for all this. But then again shop admin need to relay on theme and that it properly can handle and display nice design of both square and landscape images. It is not a woocommerce problem that woodmart do not properly handle the different image sizes.

    Yoast SEO plugin does not handle the different product images and you can only add 1 basic image which will be loaded if facebook can not load other images from post, pages or products.

    Sorry, but i have been in this business for more than 20 years and developed many plugins for woocommerce, themes and other plattforms.

    Brgds
    Rune

    May 13, 2019 at 9:42 am #123479

    Artem Temos
    Keymaster

    Hello,

    Our theme works well both with landscape and portrait images. You can try to change quick view design in Theme Settings -> Shop -> Quick view https://gyazo.com/d5c81a386c1cc7f483b5df72afe63bfd

    Regards

    May 13, 2019 at 10:57 am #123501

    metuza
    Participant

    Actually it does but issue has been fixed which means it now works perfect with any image size in the quick view popup.

    See attached images.

    Attachments:
    You must be logged in to view attached files.
    May 13, 2019 at 11:12 am #123507

    Artem Temos
    Keymaster

    Great, we are glad that you fixed it.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)