Brand / logo on image

Hey,


I wonder if it's possible to have something like this on product listing:

https://capture.dropbox.com/pxYKBa3EWJpz4Ace


The layout is brilliant, i wonder if I can somehow replicate on betheme:

https://capture.dropbox.com/UMvZJhUtHlF1oH3W

Comments

  • Hi,

    1. You can set custom size for product images in Appearance > Customize > WooCommerce > Product Images
    1. If you want such customizable products list, you need to use Query Loops. I recommend to watch some tutorials regarding this


  • Thanks.


    Another question:

    How can I set inside product EDIT page:

    • a featured image for product page
    • a featured image for shop / category page

    Example, i want to choose inside product that my product page would be like this: https://capture.dropbox.com/tXhCeubheXlIhzQZ

    and then on category list would be a different one: https://capture.dropbox.com/NKBqDb4nZ59uc5yH

  • Hi,

    You can use dynamic data and ACF for that. The image in the products list will be the featured image of the product, but inside the product, you can add an additional image with the ACF and display it with the dynamic data.

    https://support.muffingroup.com/video-tutorials/advanced-custom-fields-in-action-with-bebuilder/


    Best regards

  • I tried but when i use ACF plugin to choose the image I get fatal error.

    Fatal error: Uncaught TypeError: str_replace(): Argument #2 ($replace) must be of type string when argument #1 ($search) is a string in /home/ps5digital/public_html/wp-content/themes/betheme/functions/modules/class-mfn-dynamic-data.php:44 Stack trace: #0 /home/ps5digital/public_html/wp-content/themes/betheme/functions/modules/class-mfn-dynamic-data.php(44): str_replace() #1 /home/ps5digital/public_html/wp-content/themes/betheme/functions/theme-functions.php(16): MfnDynamicData->render() #2 /home/ps5digital/public_html/wp-content/themes/betheme/functions/builder/class-mfn-builder-items.php(545): be_dynamic_data() #3 /home/ps5digital/public_html/wp-content/themes/betheme/functions/builder/class-mfn-builder-front.php(2715): Mfn_Builder_Items::item_column() #4 /home/ps5digital/public_html/wp-content/themes/betheme/functions/builder/class-mfn-builder-front.php(2418): Mfn_Builder_Front->show_items() #5 /home/ps5digital/public_html/wp-content/themes/betheme/functions/builder/class-mfn-builder-front.php(1433): Mfn_Builder_Front->show_wraps() #6 /home/ps5digital/public_html/wp-content/themes/betheme/functions/builder/class-mfn-builder-front.php(333): Mfn_Builder_Front->show_sections() #7 /home/ps5digital/public_html/wp-content/themes/betheme/template-single-product.php(33): Mfn_Builder_Front->show() #8 /home/ps5digital/public_html/wp-includes/template.php(792): require('/home/ps5digita...') #9 /home/ps5digital/public_html/wp-includes/template.php(725): load_template() #10 /home/ps5digital/public_html/wp-includes/general-template.php(206): locate_template() #11 /home/ps5digital/public_html/wp-content/themes/betheme/woocommerce.php(44): get_template_part() #12 /home/ps5digital/public_html/wp-includes/template-loader.php(106): include('/home/ps5digita...') #13 /home/ps5digital/public_html/wp-blog-header.php(19): require_once('/home/ps5digita...') #14 /home/ps5digital/public_html/index.php(17): require('/home/ps5digita...') #15 {main} thrown in /home/ps5digital/public_html/wp-content/themes/betheme/functions/modules/class-mfn-dynamic-data.php on line 44

  • Can you please send me a screenshot showing how your custom field looks and where you placed it?


    Thanks

Sign In or Register to comment.