Home › Forums › WoodMart support forum › Shop Brand Icon on shop page product loop next to brand text.

Shop Brand Icon on shop page product loop next to brand text.

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • January 20, 2024 at 11:04 pm #531872

    nowhere.gr
    Participant

    Hello, I am wondering how we can add the brand image on the shop page at the product loop. We have enabled the option to show the brand at the product loop but it displayes it as text only, how can it add the logo as well? We want to display both brand text and image.

    Thank you

    January 22, 2024 at 6:22 pm #532342

    Hung Pham
    Keymaster

    Hi nowhere.gr,

    Thanks for reaching to us and appreciate your patience.

    Please refer to articles to setup Product Brands https://xtemos.com/docs-topic/product-brands/ and https://xtemos.com/docs-topic/variable-products-and-swatches/ but you can’t display both at the same time.

    Regards,

    February 5, 2024 at 10:46 am #536724

    nowhere.gr
    Participant

    We have already setup our brands the way your documentation says. We want on the shop page, at the product loop to show the brand image (swatch) and the brand text (just like it shows on the shop filters with woodmart widget) or at least just the brand image instead of the text. We would also like to know what’s the field name you use for the brand image.

    February 6, 2024 at 8:55 am #537074

    Hung Pham
    Keymaster

    Hi nowhere.gr,

    In WoodMart, there is an option Show attribute label on products https://monosnap.com/file/8lNyPZLW7vpsjUClLkKPw2rxwT5DFT with the help of which the term will be displayed https://prnt.sc/S4BjhAdyCQGP

    Please read our documentation for more details https://xtemos.com/docs-topic/product-labels/

    Regards,

    February 8, 2024 at 12:47 am #537860

    nowhere.gr
    Participant

    Alright we made it 🙂 I wasn’t aware of this “Label” feature. Thanks a lot. One more thing, how can we switch the appearance so it loads above the labels and below the sale price? We only use these 2 kind of labels.

    February 8, 2024 at 12:31 pm #537955

    nowhere.gr
    Participant

    One more thing, we found a bug, when the user hovers over a product with gallery at the shop page it changes the label image with the product image. You can see this link https://e-costos.gr/piata-porselanes/seira-aqua-blue/. We are also using Wprocket.

    Attachments:
    You must be logged in to view attached files.
    February 9, 2024 at 8:16 am #538267

    Hung Pham
    Keymaster

    Hi nowhere.gr,

    1. Labels position

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

    .wd-product .product-label.onsale {
    order: 2;
}

    2. Hovering issues.

    To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to Private Content area, this will allow me to thoroughly investigate and address your concerns in a more efficient.

    Regards,

    February 26, 2024 at 12:20 pm #543812

    nowhere.gr
    Participant

    Hello, any chance you took a look at the bug we mentioned in our previous post?

    February 26, 2024 at 6:52 pm #544003

    Hung Pham
    Keymaster

    Hi nowhere.gr,

    I have replied in the latest answer:

    To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to Private Content area, this will allow me to thoroughly investigate and address your concerns in a more efficient.

    Regards,

    February 26, 2024 at 7:44 pm #544023

    nowhere.gr
    Participant

    Sure, I send you details in private message.

    February 27, 2024 at 9:30 am #544101

    Hung Pham
    Keymaster

    Hi nowhere.gr,

    Would you mind if I deactivate extra plugins for testing? Please confirm me back.

    Regards,

    February 27, 2024 at 10:22 am #544129

    nowhere.gr
    Participant

    Hello, I answered you privately

    February 28, 2024 at 9:46 am #544524

    Hung Pham
    Keymaster

    Hi nowhere.gr,

    I can’t access dashboard in staging site to deactivate extra plugins for testing https://prnt.sc/K5tvjQ3bSqRL

    There is a <picture> tag added to Product label https://prnt.sc/shlvYmkfQywg

    I replicated the same settings and didn’t face this issue https://prnt.sc/IPFslwqDwtz4

    Regards,

    March 16, 2024 at 1:21 am #549494

    nowhere.gr
    Participant

    Hello again, we figured out what caused the issue, it was imagify. It was changing the tag to <picture> so it can load webp/avif images. We changes the options and now it works fine. Thank you for pointing the tag though, it helped us.

    Also how can we move this brand icon (attribute label) to the bottom left of the image in the product loop? Now it’s located on the top left with the sale price, we want it to be on the bottom left of the image.

    Thank you very much

    March 16, 2024 at 1:16 pm #549589

    Hung Pham
    Keymaster

    Hi nowhere.gr,

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

    .product-wrapper .product-labels{
	top: auto;
	bottom: 0;
}

    Regards,

    March 17, 2024 at 11:34 am #549718

    nowhere.gr
    Participant

    Hello, the css you sent me does move the icons to the bottom but we want to keep sale price on top left and attribute icon (we use it as brand icon) on bottom left. I send you pictures of how it looks with your css and how we want it to look at the end. I also send you a link of the website. https://e-costos.gr/piata-porselanes/seires-lefkis-porselanis-economy/

    Attachments:
    You must be logged in to view attached files.
    March 18, 2024 at 5:13 am #549792

    Hung Pham
    Keymaster

    Hi nowhere.gr,

    First of all, take my apologies for the delay in answering because of the weekend.

    Please remove previous code and use below one 

    .product-wrapper .product-labels .label-attribute-pa_brand{
	position: absolute;
	top: 250px;
	bottom: 0;
}

    Regards,

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