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?

  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

Leave a Reply

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