Cannot customise card image

  • Resolved ozviewer

    (@ozviewer)


    6 years, 7 months ago

    I have followed the guides on copying the php file to /wp-content/themes/<your-active-theme>/woocommerce/emails/customer-pw-gift-card.php.

    I have added the site logo to background-image in the php file: url('https://yoursite.com/wp-content/uploads/bg-email-card.jpg');

    I have uploaded the logo toyoursite.com/wp-content/uploads/bg-email-card.jpg

    However the gift card sent to the recipient shows a tiny portion of the logo in the bottom right hand corner of the card. I have tested various sizes for the logo, including 75px, 1.7k and dropping the padding to 12px but it makes no difference.

    I think I would rather start from scratch if I knew what dimensions to make the gift card image.

    In other words I am lost on how to customise the gift card image.

    • This topic was modified 6 years, 7 months ago by ozviewer.
    • This topic was modified 6 years, 7 months ago by ozviewer.
    • This topic was modified 6 years, 7 months ago by ozviewer.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter ozviewer

    (@ozviewer)

    6 years, 7 months ago

    I figured it out. Three or four steps needed:

    • Copy the directory wp-content/plugins/pw-woocommerce-gift-cards/templates/woocommerce/emails to wp-content/themes/yourtheme/woocommerce/
    • At the new location, delete the directory plain
    • At the new location you should now just have the file customer-pw-gift-card.php
    • Edit the php file by inserting, within the section <div class=”pwgc-gift-card-container”> the following (thanks austriker27)
      <div class="gift-card-image"><img src="<?php echo get_stylesheet_directory_uri(); ?>/woocommerce/emails/gift-card.jpg" /></div>
    • You now need to upload your image to the email directory and call it gift -card.jpg
    korupantry

    (@korupantry)

    6 years, 7 months ago

    Hi @ozviewer. This latest comment is getting me closer. I’ve been trying to figure out how to make the emailed gift card look the way I’ve designed the one inside the website to look. Problem is – I’m not a coding expert. We have used a developer to get our site up and running and while I have some skills – I do get a bit stuck still! 🙁

    Wondering if you have a video of the process? I’m really good at following instructions, but I haven’t had experience working with adding and deleting directory stuff.

    Does anyone out there have a video tutorial I can follow?

    Thanks in advance!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Cannot customise card image’ is closed to new replies.