How can I change the product export icons to an image?

Just enter this custom CSS and replace the icon URL.

.fa-file-pdf-o:before, .fa-file-word-o:before, .fa-print:before {
 content: "" !important;
}
.fa-file-pdf-o {
 background-image: url("https://www.yourdomain.com/print-pdf.png");
}
.fa-file-word-o {
 background-image: url("https://www.yourdomain.com/word-icon.png");
}
.fa-print {
 background-image: url("https://www.yourdomain.com/print-icon.png");
}

.woocommerce-print-products .fa {
 font-family: none;
 display: block;
 background-size: contain;
 width: 50px;
 height: 50px;
 background-repeat: no-repeat;
 border: none;
 float: left;
}

9 thoughts on “How can I change the product export icons to an image?

  1. INAFE Instituto Nacional de Formación y empleo says:

    We have already installed the plugin but at the product page only shows the Print button
    The others button are there but without the icon, we tried to change the css but doesnt work with a .png uploaded in our website, can help us please?

    • WeLaunch

      The Real Person!

      Author WeLaunch acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.
      says:

      This is only possible via custom CSS.

  2. Brent Bailey says:

    Hi,
    I just purchased the Print Products plugin and when I click an icon (pdf, word, print) I receive an error: “Not a product”. However, if I add the code ([print_product id=”4837″ mode=”pdf” text=”Print Product (ID 4837)”]) to a page it works. Could it be an issue with a Product with Variables?
    Thanks,
    Brent

  3. Brent Bailey says:

    Hi,

    I have purchased the Print Products plugin and was wondering where I can change the text for “Export as PDF”? I believe it would involve changing the test in a php file, which I am comfortable doing.

    Thanks,
    Brent Bailey

    • WeLaunch

      The Real Person!

      Author WeLaunch acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.
      says:

      You can use loco translate to change this text.

    • WeLaunch

      The Real Person!

      Author WeLaunch acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.
      says:

      Sure you can use WPML.

Leave a Reply

Your email address will not be published. Required fields are marked *