Caracteres Chinos no se muestran en WooCommerce PDF Invoices  

P√°gina 2 / 2
 
Eric
 Eric
Usuario eminente

Hola , nuevamente estoy aquí para pedir ayuda sobre algunos problemas que tenemos en la web.

Con respecto al plugin WooCommerce PDF Invoices

el problema viene cuando se introducen caracteres en chino o japonés, entonces estos salen moestrados en la factura en pdf como si fuera un cuadro . ( es decir no reconoce el carácter)

He estado hablando con el creador el plugin
- ( podeis ver la conversación aquí en el enlace)

https://wordpress.org/support/topic/chinese-characters-not-displaying-properly-1?replies=12

Y el dice que para que se reconozca el chino, japones... etc etc se tiene que subir la fuente al ftp y modificar el siguiente código

http://docs.wpovernight.com/woocommerce-pdf-invoices-packing-slips/using-custom-fonts/

lo he intentado varias veces... y parece ser que siempre pongo mal el codigo y que por eso no me funciona. ( o eso me dice el creador del plugin)

/* Load font */
@font-face {
font-family: 'ipaexm';
font-style: normal;
font-weight: normal;
src: local('ipaexm'), local('ipaexm'), url(export->template_path; ?>/fonts/ipaexm.ttf) format('truetype');
}
@font-face {
font-family: 'ipaexm';
font-style: normal;
font-weight: bold;
src: local('ipaexm Bold'), local('ipaexm-Bold'), url(export->template_path; ?>/fonts/ipaexm.ttf) format('truetype');
}
@font-face {
font-family: 'ipaexm';
font-style: italic;
font-weight: normal;
src: local('ipaexm Italic’),local('ipaexm-Italic’), url(export->template_path; ?>/fonts/ipaexm.ttf) format('truetype');
}
@font-face
font-family: 'ipaexm';
font-style: italic;
font-weight: bold;
src:src: local('ipaexm Bold Italic'),local('ipaexm-Bold-Italic'), url(export->template_path; ?>/fonts/ipaexm.ttf) format('truetype');
}
@page {
margin-top: 1cm;
margin-bottom: 3cm;
margin-left: 2cm;
margin-right: 2cm;
}
body {
background: #fff;
color: #000;
margin: 0cm;
font-family: 'ipaexm';
font-size: 9pt;
line-height: 100%; /* fixes inherit dompdf bug */

llevo varios meses dandole vueltas y no soy capaz de hacerlo funcionar. Alguien me pude ayudar?

GRACIAS!

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 16/09/2015 5:35 pm
Eric
 Eric
Usuario eminente

continua sin funcionar
Aqui te dejo el codigo css comprimido.

/* Main Body */
@font-face{font-family:'ipaexm';font-style:normal;font-weight:400;src:local(ipaexm),local(ipaexm),url ( http://www.eg-reeds.com/fonts/ipaexm.ttf)  format("truetype")}@font-face{font-family:'ipaexm.ttf';font-style:normal;font-weight:700;src:local('ipaexm.ttf Bold'),local(ipaexm-Bold),url ( http://www.eg-reeds.com/fonts/ipaexm-bold.ttf)  format("truetype")}@font-face{font-family:'ipaexm';font-style:italic;font-weight:400;src:local('ipaexm Italic'),local(ipaexm.ttf-Italic),url ( http://www.eg-reeds.com/fonts/ipaexm-italic.ttf)  format("truetype")}@font-face{font-family:'ipaexm';font-style:italic;font-weight:700;src:local('ipaexm Bold Italic'),local(ipaexm-BoldItalic),url ( http://www.eg-reeds.com/fonts/ipaexm-bolditalic.ttf)  format("truetype")}@page{margin:1cm 2cm 3cm}body{background:#fff;color:#000;margin:0;font-family:'ipaexm';font-size:9pt;line-height:100%}h1,h2,h3,h4{font-weight:700;margin:0}h1{font-size:16pt;margin:5mm 0}h2{font-size:14pt}h3,h4{font-size:9pt}ol,ul{list-style:none;margin:0;padding:0}li,ul{margin-bottom:.75em}p{margin:0;padding:0}p + p{margin-top:1.25em}a{border-bottom:1px solid;text-decoration:none}table{border-collapse:collapse;border-spacing:0;page-break-inside:always;border:0;margin:0;padding:0}th,td{vertical-align:top;text-align:left}table.container{width:100%;border:0}tr.no-borders,td.no-borders{border:0!important;border-top:0!important;border-bottom:0!important;padding:0!important;width:auto}table.head{margin-bottom:12mm}td.header img{max-height:3cm;width:auto}td.header{font-size:16pt;font-weight:700}td.shop-info{width:40%}.document-type-label{text-transform:uppercase}table.order-data-addresses{width:100%;margin-bottom:10mm}td.order-data{width:40%}.invoice .shipping-address{width:30%}.packing-slip .billing-address{width:30%}td.order-data table th{font-weight:400;padding-right:2mm}table.order-details{width:100%;margin-bottom:8mm}.quantity,.price{width:20%}.order-details tr{page-break-inside:always;page-break-after:auto}.order-details td,.order-details th{border-bottom:1px #ccc solid;border-top:1px #ccc solid;padding:.375em}.order-details th{font-weight:700;text-align:left}.order-details thead th{color:#fff;background-color:#000;border-color:#000}.order-details tr.bundled-item td.product{padding-left:5mm}.order-details tr.product-bundle td,.order-details tr.bundled-item td{border:0}dl{margin:4px 0}dt,dd,dd p{display:inline;font-size:7pt;line-height:7pt}dd{margin-left:5px}dd:after{content:"A";white-space:pre}.customer-notes{margin-top:5mm}table.totals{width:100%;margin-top:5mm}table.totals th,table.totals td{border:0;border-top:1px solid #ccc;border-bottom:1px solid #ccc}table.totals th.description,table.totals td.price{width:50%}table.totals tr:last-child td,table.totals tr:last-child th{border-top:2px solid #000;border-bottom:2px solid #000;font-weight:700}table.totals tr.payment_method{display:none}#footer{position:absolute;bottom:-2cm;left:0;right:0;height:2cm;text-align:center;border-top:.1mm solid gray;margin-bottom:0;padding-top:2mm}

el pass para entrar en la web es visitor1

ResponderCitar
Respondido : 18/09/2015 7:27 pm

Gestor de Contrase√Īas - VPN Conexi√≥n Segura - Gestor 2FA (Segundo Factor de Autenticaci√≥n

Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla

Este código en que archivo esta?, la ruta?, envía algunas capturas para saber en donde estas modificaciond, o como lo has generado comprimido, entiendo que es algo para el pdf no es estrictamente un CSS por que tiene mezclado código PHP

Ok , ya veo las urls correctas en tu código, sólo veo que faltaría comillas simples en estas sentencias

local(ipaexm)

Es decir debería ser

local('ipaexm')

Saludos.

ResponderCitar
Respondido : 18/09/2015 7:49 pm
Eric
 Eric
Usuario eminente

Quizas volaron en la compresion...

esto es lo que tengo puesto exactamente. sin comprimir. he de decir que en el archivo de css no las tengo comprimidas lo tengo cal cual aparece en el archivo.

ademeas te dejo la futa del ftp

public_html/wp-content/plugins/woocommerce-pdf-invoices-packing-slips/templates/pdf/Simple/style.css

/* Main Body */

@font-face {
font-family: 'ipaexm';
font-style: normal;
font-weight: normal;
src: local('ipaexm'), local('ipaexm'), url ( http://www.eg-reeds.com/fonts/ipaexm.ttf)  format('truetype');
}
@font-face {
font-family: 'ipaexm.ttf';
font-style: normal;
font-weight: bold;
src: local('ipaexm.ttf Bold'), local('ipaexm-Bold'), url ( http://www.eg-reeds.com/fonts/ipaexm-bold.ttf)  format('truetype');
}
@font-face {
font-family: 'ipaexm';
font-style: italic;
font-weight: normal;
src: local('ipaexm Italic'), local('ipaexm.ttf-Italic'), url ( http://www.eg-reeds.com/fonts/ipaexm-italic.ttf)  format('truetype');
}
@font-face {
font-family: 'ipaexm';
font-style: italic;
font-weight: bold;
src: local('ipaexm Bold Italic'), local('ipaexm-BoldItalic'), url ( http://www.eg-reeds.com/fonts/ipaexm-bolditalic.ttf)  format('truetype');

}@page {
	margin-top: 1cm;
	margin-bottom: 3cm;
	margin-left: 2cm;
	margin-right: 2cm;
}
body {
	background: #fff;
	color: #000;
	margin: 0cm;
	font-family: 'ipaexm'
	font-size: 9pt;
	line-height: 100%; /* fixes inherit dompdf bug */
}

h1, h2, h3, h4 {
	font-weight: bold;
	margin: 0;
}

h1 {
	font-size: 16pt;
	margin: 5mm 0;
}

h2 {
	font-size: 14pt;
}

h3, h4 {
	font-size: 9pt;
}


ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

li,
ul {
	margin-bottom: 0.75em;
}

p {
	margin: 0;
	padding: 0;
}

p + p {
	margin-top: 1.25em;
}

a { 
	border-bottom: 1px solid; 
	text-decoration: none; 
}

/* Basic Table Styling */
table {
	border-collapse: collapse;
	border-spacing: 0;
	page-break-inside: always;
	border: 0;
	margin: 0;
	padding: 0;
}

th, td {
	vertical-align: top;
	text-align: left;
}

table.container {
	width:100%;
	border: 0;
}

tr.no-borders,
td.no-borders {
	border: 0 !important;
	border-top: 0 !important;
	border-bottom: 0 !important;
	padding: 0 !important;
	width: auto;
}

/* Header */
table.head {
	margin-bottom: 12mm;
}

td.header img {
	max-height: 3cm;
	width: auto;
}

td.header {
	font-size: 16pt;
	font-weight: 700;
}

td.shop-info {
	width: 40%;
}
.document-type-label {
	text-transform: uppercase;
}

/* Recipient addressses & order data */
table.order-data-addresses {
	width: 100%;
	margin-bottom: 10mm;
}

td.order-data {
	width: 40%;
}

.invoice .shipping-address {
	width: 30%;
}

.packing-slip .billing-address {
	width: 30%;
}

td.order-data table th {
	font-weight: normal;
	padding-right: 2mm;
}

/* Order details */
table.order-details {
	width:100%;
	margin-bottom: 8mm;
}

.quantity,
.price {
	width: 20%;
}

.order-details tr {
	page-break-inside: always;
	page-break-after: auto;	
}

.order-details td,
.order-details th {
	border-bottom: 1px #ccc solid;
	border-top: 1px #ccc solid;
	padding: 0.375em;
}

.order-details th {
	font-weight: bold;
	text-align: left;
}

.order-details thead th {
	color: white;
	background-color: black;
	border-color: black;
}

/* product bundles compatibility */
.order-details tr.bundled-item td.product {
	padding-left: 5mm;
}

.order-details tr.product-bundle td,
.order-details tr.bundled-item td {
	border: 0;
}


dl {
	margin: 4px 0;
}

dt, dd, dd p {
	display: inline;
	font-size: 7pt;
	line-height: 7pt;
}

dd {
	margin-left: 5px;
}

dd:after {
	content: "A";
	white-space: pre;
}

/* Notes & Totals */
.customer-notes {
	margin-top: 5mm;
}

table.totals {
	width: 100%;
	margin-top: 5mm;
}

table.totals th,
table.totals td {
	border: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.totals th.description,
table.totals td.price {
	width: 50%;
}

table.totals tr:last-child td,
table.totals tr:last-child th {
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	font-weight: bold;
}

table.totals tr.payment_method {
	display: none;
}

/* Footer Imprint */
#footer {
	position: absolute;
	bottom: -2cm;
	left: 0;
	right: 0;
	height: 2cm; /* if you change the footer height, don't forget to change the bottom (=negative height) and the @page margin-bottom as well! */
	text-align: center;
	border-top: 0.1mm solid gray;
	margin-bottom: 0;
	padding-top: 2mm;
}
ResponderCitar
Respondido : 18/09/2015 8:01 pm

Cursos Gratuitos WordPress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Aclaranos un poco esto :

Este código en que archivo esta?, la ruta?, envía algunas capturas para saber en donde estas modificaciond, o como lo has generado comprimido, entiendo que es algo para el pdf no es estrictamente un CSS por que tiene mezclado código PHP

Como asi se comprimió?, si es un PHP debería ejecutarse pero no me queda claro el tema de la compresión

Saludos

ResponderCitar
Respondido : 18/09/2015 8:19 pm
Eric
 Eric
Usuario eminente

Que lio que lio !

ok vamos por partes.

esta es la dirección de donde esta el archivo en el ftp

public_html/wp-content/plugins/woocommerce-pdf-invoices-packing-slips/templates/pdf/Simple/style.css ( tambien te adjunto el archivo)

El archivo lo tengo en la carpeta tal cual , es decir sin comprimir. Solo lo he comprimido porque me lo has pedido tu en el mensaje. he utilizado una portal web para enviarte el codigo.

que hacemos ahora?

saludos.

ResponderCitar
Respondido : 18/09/2015 8:24 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Cuando te comente comprimido me refería a que comprimas el archivo en formato .zip y lo adjuntes ya que de otro modo no te permitirá subir el archivo a este foro.

Para asegurate de que el pdf generado esta tomando los cambios del archivo que estas modificando (ya que entiendo que no has realizado ninguna copia de este archivo en la carpeta de tu theme) entonces prueba cambiar el color de fondo, en tu código busca el fondo del body y cambialo y verifica si al genera el pdf el fondo cambia de color


body {
	background: #ff00ff;
	color: #000;
	margin: 0cm;
	font-family: 'Open Sans', sans-serif;
	font-size: 9pt;
	line-height: 100%; /* fixes inherit dompdf bug */
}

Con esto te aseguras que se estan tomando los cambios de este archivo y te puedes concentrar en el tema de la fuente

Saludos

ResponderCitar
Respondido : 18/09/2015 8:55 pm
Eric
 Eric
Usuario eminente

Si ha funcionado el cambio de color, es decir si que esta cogiendo los cambios que estoy haciendo....

pero por caracteres no aparecen correctamente. es cierto que antes aparecian cuadraditos y ahora aparecen signos de interrogacion.

alguna sugerencia?

saludos.

ResponderCitar
Respondido : 18/09/2015 9:01 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Envía el archivo como adjunto y comprimido, la fuente que has puesto te la proporcionó el desarrollador?

Podr√≠as probar con otra fuente en donde se note el cambio de tipo de letra como comic o arial black, esto ser√≠a para saber si las sentencias que llaman a la fuente son correctas y aislar el problema a√ļn m√°s

Saludos.

ResponderCitar
Respondido : 18/09/2015 10:24 pm
Eric
 Eric
Usuario eminente

Te adjunto en zip por archivos originales y los modificados , ademas te adjunto las fuentes, que el desarrollador recomienda.

Ojea este articulo , donde el desarrollador explica como se hace para el cambio de la url

http://docs.wpovernight.com/woocommerce-pdf-invoices-packing-slips/using-custom-fonts/

Aqui esta la conversación que he mantenido con el sobre como cambiar la url ( el problema básicamente es que yo pongo mal el código )

https://wordpress.org/support/topic/chinese-characters-not-displaying-properly-1?replies=12

Cambiando la fuente como tu dices si que funciona , pero no muestra los caracteres en chino y japonés....

te recuerdo que si necesitas acceder a la web el pass es visitor1

saludos y gracias.

ResponderCitar
Respondido : 19/09/2015 2:22 am

Gestor de Contrase√Īas - VPN Conexi√≥n Segura - Gestor 2FA (Segundo Factor de Autenticaci√≥n

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Debe ser que no tiene acceso a la fuenta, actualmente al acceder a :
Contenido solo visible a usuarios registrados

Sale un prelogin, lo cual puede restringir el uso de la misma

Saludos.

ResponderCitar
Respondido : 19/09/2015 8:12 pm
Eric
 Eric
Usuario eminente

Como ya dije en varios post ... la contrase√Īa es visitor1

igualmente la fuente que comentas no existe o por lo menos no la he creado

solo esta en el modo

www.eg-reeds.com/fonts/fireflysung.ttf

saludos y gracias.

ResponderCitar
Respondido : 19/09/2015 8:24 pm

Cursos Gratuitos WordPress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Adicional a esta url :
Contenido solo visible a usuarios registrados

Si no tienes estos tipos de letra simplemente cambia todas estas rutas por la ruta superior

PD. Sería mejor que habilites tu sitio para que estos archivos se recuperen sin problemas, la clave qeu nos has dado visitor1 es el login del front-end lo que yo te comento es que aparece un prelogin, tal vez no lo notas por que lo tienes en cache, prueba en otro navegador o limpia la cache

Saludos.

ResponderCitar
Respondido : 19/09/2015 8:35 pm
Eric
 Eric
Usuario eminente

Tenemos alguna forma de que te pueda enviar todas las claves de acceso de alguna forma segura? así tu mismo podrás entrar en todas las partes y comprobarlo correctamente.

Por otro lado .. he creado manualmente las otras fuentes ( es decir he copiado la originar y la he renombrado) después de eso continua sin funcionar.

A continuación he dejado solo principal y nada..

después de eso he borrado todas las lineas.. y cual ha sido la sorpresa... funcionaba de la misma manera ... es decir ocultando con interrogantes solo los caracteres chinos o japonés.

Llegados a este punto , solo pudo decir que estoy completamente perdido .

TE envio los datos de acceso? quedo a tu disposición.

saludos.
EG

ResponderCitar
Respondido : 19/09/2015 10:17 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Pues llegados a este punto ya lo veo correcto, lo √ļnico que se me ocurre es que la fuente no funcione correctamente, tendr√≠as que probar con otro archivo de fuente , por ejemplo :

http://cooltext.com/Fonts-Unicode-Chinese

Prueba instalando la fuente en tu m√°quina local y usala y verifica si funciona correctamente

Lo otro que podría darte problemas es que tienes protecciones en tu sitio web , lo que te comentaba de los accesos, tendrías que quitar temporalmente estas protecciones al hacer tus pruebas

PD. Lamentablmente por política de foro no podemos accesar al backend de los sitios web , sólo podemos orientarte y tu mismo tendrías que realizar el trabajo.

Saludos.

ResponderCitar
Respondido : 19/09/2015 11:47 pm
P√°gina 2 / 2