How can I manually modify language translations in the PORTO 4.0 theme?

How can I manually modify language translations in the PORTO 4.0 theme?

mkr2
New Member
5 0 0

Using the Translate & Adapt APP with the third party PORTO 4.0 theme some fields / texts are not identified. Yet they are translated (but not in the right way). Is it possible to manually intervene in the translations by modifying the source code? How do I access the HTML source code of the translated pages? In the source code of the PORTO 4.0 theme I cannot act on the pages translated into the language because they are not visible.

Otherwise: is it possible to access a vocabulary file where you can manually act on all the translations?

 

Thanks everyone for an answer.

 
 
 
Replies 9 (9)

richbrown_staff
Shopify Staff
651 95 160

Hi there, Rich from the product team here. Where you have said they are translated but not in the right way, and can you manually intervene: all translations can be modified in the Translate & Adapt editor. It sounds like these might be part of the theme, in which case head to Theme Assets (Apps > Translate & Adapt > select Theme Assets) or perhaps Theme Sections and you should be able to find the relevant strings to change. You can also export the translations CSV (Settings > Languages > Export) to find the relevant content, then edit and reupload.

To learn more visit the Shopify Help Center or the Community Blog.

mkr2
New Member
5 0 0
Hi, thank you for your reply.
I solved the problem but i became crazy!
The translation app is for sure a great thing, but happen that it
translates parts of source code, not only the texts!!!
That was the problem, and to find where It Is i had to review a lot of
files.
It seems the problem was related to source code into brachets.
I hope this can help someeone else or to fix the problem with the app.

Best regards

Marco Rollando
richbrown_staff
Shopify Staff
651 95 160

Hey Marco, would you be able to share a screenshot of what you found? Feel free to share directly with me if you prefer. The app should not translate source code so we'll check and confirm. Thanks

To learn more visit the Shopify Help Center or the Community Blog.

mkr2
New Member
5 0 0
Sure, please find attached an error example.
It's a part of the file i exported from SHOPIFY to check translations.
I added italian language to my shop but it was appearing not like english
version.
As you can see it translated attirbutes liks COLOURS, etc... in italian!
And they didn't work like that.
I had to fix it manually.

I hope it can help.

Have a nice day

MR
richbrown_staff
Shopify Staff
651 95 160

Thanks Marco - I can't see the attachment unfortunately. Are you able to add a screenshot? Or email it to me. Thanks so much

To learn more visit the Shopify Help Center or the Community Blog.

mkr2
New Member
5 0 0
[image: image.png]
richbrown_staff
Shopify Staff
651 95 160

Unfortunately this is what I see:

 

richbrown_staff_0-1665152767954.png

 

 

However feel free to email me at rich.brown@shopify.com

To learn more visit the Shopify Help Center or the Community Blog.

mkr2
New Member
5 0 0
.footer-wrapper .footer-bottom .container::before {
top: -22px
background-color: #cecdca
"}"",""h1, h2, h3, h4, h5, h6 { colore: #222529" } h2 { peso del carattere:
700 margine: 0 0 32px 0 } h3 { peso del carattere: 700 altezza della linea:
24px margine: 0 0 20px 0 colore: #222529 } h4 { peso del carattere: 700 altezza
della linea: 27px margine: 0 0 14px 0 } h5 { peso del carattere: 700 altezza
della linea: 18px margine: 0 0 14px 0 } h6 { peso del carattere: 600 } body
{ line-height: 24px } body .bg-attach-fixed { background-attachment: fixed }
p { altezza della linea: 24px margine: 0 0 1,25rem } b, forte {
font-weight: 700 } .ls-n-20 { spaziatura lettere: -.02em } .ls-80 {
spaziatura tra lettere: .08em } .ls-150 { spaziatura lettere: .15em
!importante } .ml-xs { margine-sinistra: 5px!importante } .max-width-100 {
max-width: fit-content } .mrn-sm { margine-destra: -10px!importante }
.align-right { text-align: destra } .align-left { text-align: sinistra }
html .heading-light, html .lnk-light, html .text-color-light { colore:
#ffffff } html .heading-dark, html .lnk-dark, html .text-color-dark {
colore: #222529 } html .heading-secondary, html .lnk-secondary, html
.text-color-secondary { colore: #ee3d43 } html .background-color-secondary
{ background-color: #ff7272 } .f-sinistra, .pull-sinistra { float: sinistra }
.col-auto { -ms-flex: 0 0 auto flessibile: 0 0 automatico larghezza
massima: nessuna } .d-inline-block { display: inline-block } sup {
dimensione carattere: 50% in alto: -.5em } .pt-sm { padding-top:
10px!importante } .btn { famiglia di caratteri: Poppins peso del carattere:
700 raggio di confine: 0 altezza della linea: 1,47857 } .btn
i:before{margine: 0 } .btn-lg { riempimento: .5rem .875rem dimensione del
carattere: .875rem altezza della linea: 1.3333 } html .btn-dark { colore:
#fff colore di sfondo: #222529 colore del bordo: #222529 #222529 #0b0c0e }
.btn-flat { riempimento: 0! importante sfondo: nessuno!importante confine:
nessuno!importante bordo inferiore: 1px solido trasparente!importante
box-shadow:
nessuno!importante trasformazione del testo: maiuscolo dimensione del
carattere: .75rem } html .btn-quaternario { colore: #fff colore di sfondo:
#0e0f11 colore bordo: #0e0f11 #0e0f11 #000 } .btn-modern { dimensione del
carattere: .8125rem imbottitura: 1em 2,8em } .btn-modern.btn-sm {
dimensione del carattere: .7rem imbottitura: .7rem 1.4rem altezza della
linea: 1,5 } .btn-modern.btn-xl { dimensione del carattere: 1rem imbottitura:
1,25 em 3,125 em } .btn-modern.btn-lg { dimensione carattere: .875rem
imbottitura:
1rem 2.25rem } .btn-borders.btn-lg { riempimento: 1em 3em dimensione del
carattere: 1rem larghezza del bordo: 3px } .btn-modern.btn-xl { dimensione
del carattere: 1rem imbottitura: 1,25 em 3,125 em }
.porto-ultimate-content-box .vc_btn3 { font-size: 1.4em } html
.btn-borders.btn-dark { sfondo: trasparente colore del bordo: #222529 colore:
#222529 } .btn-borders.btn-xl { riempimento: 1em 3.5em dimensione del
carattere: 1.125 rem larghezza del bordo: 3px } .custom-font4, .slideshow
h2.vc_custom_heading { font-family: 'Segoe Script', 'Savoye LET' } html
.btn-secondario { colore: #fff colore di sfondo: #ff7272 colore del bordo:
#ff7272 #ff7272 #ff3f3f } html .btn-secondario:hover, html
.btn-secondario:focus, html .btn-secondario:attivo { colore: #fff colore di
sfondo: #ff9696 colore bordo: #ffa6a6 #ffa6a6 #ff7272 } .flex-1 {flex: 1 }
.porto-ibanner-layer { text-align: left dimensione del carattere: 1rem }
.cart-design-7 .icon-cart-header .cart-total { top: -1px } .cart-design-7
.icon-cart-header:after { margin-top: 1px } .mrn-xs { margine-destra:
-5px!importante } .mln-xs { margine-sinistra: -5px!importante } .mln-sm {
margine-sinistra: -10px!importante } .coupon-sale-text { transform:
rotate(0) display: blocco in linea posizione: relativa riempimento a
sinistra: .265em spaziatura delle lettere: 0 } .coupon-sale-text i {
font-style: normale dimensione del carattere: .265em peso del
carattere: 500 trasforma:
traduciY(-50%) ruota(-90 gradi) posizione: assoluta superiore: 50% a
sinistra: -1em opacità: 1 } .vc_custom_heading forte { dimensione del
carattere: 2em allineamento verticale: testo in alto }
.porto-ultimate-content-box:hover { box-shadow: none } .porto-separator {
margin: 0 0 22px } .porto-ibanner-layer .btn-modern.btn-xl { font-size:
1.0625em } .porto-ibanner-layer .btn-modern.btn-lg { font-size: .9em }
.products-collection .porto-load-more, .infinite-loader .btn-load-more {
display: inline-block larghezza: automatica confine: nessuno sfondo:
#222529 colore:
#fff imbottitura: 1.1em 2.6em famiglia di caratteri: Poppins dimensione del
carattere: .875rem margine superiore: 31px altezza della linea: 1.3333 }
.products .product-col .quickview { font-family: Poppins peso del
carattere: 600 } .main-container .pagenav-wrap .pagination .pagination-page
li a:hover { sfondo: trasparente colore: ereditare colore bordo: #ccc }
.main-container .pagenav-wrap .pagination .pagination-page li.active span {
sfondo: trasparente colore: ereditare } .main-container .pagenav-wrap
.pagination .pagination-page li.text a:hover { color: inherit }
.main-container .login_content h2 { text-transform: none } .section-title {
font-size: 1.1429em peso del carattere: 700 altezza della linea: 1,4 margine
inferiore: 1,25 rem } .porto-u-headings-line { display: block }
.product-details a { colore: #222529 } .product-view
.product-options-bottom .add-to-cart-box .button-wrapper
.button-wrapper-content .btn-cart:not(:hover) { background: #222529 }
.main-container .main-breadcrumbs { colore: #000 dimensione del carattere:
.75rem trasformazione del testo: maiuscolo peso del carattere: 400 altezza
della linea: 24px imbottitura: 12px 0 } .main-container .breadcrumbs ul li
{ altezza: 24px } .main-container .breadcrumbs ul li.home a { width:
15px rientro
testo: ereditare font-weight: eredita altezza-linea: ereditare altezza:
ereditare dimensione del carattere: 0 } .main-container .main-breadcrumbs
ul li a { color: inherit trasformazione del testo: maiuscolo dimensione del
carattere: eredita } .main-container .breadcrumbs ul li.home a::after {
font-size: 12px } .main-container .breadcrumbs ul li .breadcrumbs-split {
margin: 0 4px larghezza: 20px } ul.product_list_widget li { riempimento:
10px 0 } .html-barra laterale h5 { peso del carattere: 600 margine
superiore: -10px spaziatura delle lettere: 0,01 em } .html-barra laterale p
{ peso del carattere: 400 dimensione del carattere: 15px colore:
#21293c altezza
della linea: 1,42 spaziatura delle lettere: 0 } .toolbar { dimensione del
carattere: 14px } .product-image .labels .onsale { border-radius: 20px
dimensione
del carattere: 11px peso del carattere: 600 imbottitura: 5px 10px }
.product-image { bordo: 1px solido #f4f4f4 } .products .product-col
.product-loop-title h3 {color: inherit } .color-light .products
.product-col .product-loop-title, .color-light .price, .color-light .price
del {colore:#fff } .color-light .spr-icon.spr-icon-star-empty { colore:
#62615e !importante } .no-border .product-image { bordo: nessuno }
.products-slider .product { riempimento-fondo: 0 } .footer-wrapper,
.footer-wrapper p { dimensione carattere: 13px altezza della linea: 20px }
ul.product_list_widget li .product-image { larghezza: 75px flessibile: 0 0
75px margine-destra: 15px } ul.product_list_widget li .product-details {
larghezza massima: calc(100% - 90px) } .footer-wrapper .footer-middle {
riempimento: 4rem 0 10px } .footer-wrapper .footer-middle .footer-ribbon {
riempimento: 10px 20px 6px 20px margine: -79px 0 25px } .main-container
.main-breadcrumbs { bordo: 0 } .products .product-col .quickview {
font-family: Poppins peso del carattere: 600 } .visualizzazione-prodotto
.negozio-prodotti .azioni a.link-lista dei desideri,
.visualizzazione-prodotto .negozio-prodotti .azioni a.link-compare { width:
43px altezza: 43px altezza della linea: 41px } .product-view .add-to-links
.link-wishlist i:before { contenuto: '\e889' } .main-container
.pagenav-wrap .pagination .pagination-page li a:hover { sfondo:
trasparente colore:
ereditare colore bordo: #ccc } .main-container .pagenav-wrap .pagination
.pagination-page li.active span { sfondo: trasparente colore: ereditare }
.icon-right-dir:before { contenuto: '\e81a' } .main-container .pagenav-wrap
.pagination .pagination-page li.text a:hover { color: inherit }
.product-view .product-options-bottom { bordo-basso: 1px solido #ebebeb }
.template-blog .owl-dots { posizione: assoluta a sinistra: 0 a destra: 0 in
basso: 0 } .main-container .login_content h2 { text-transform: none }
.top-navigation li.level0.static-dropdown .mega-columns ul.level0
li.level1.groups.item { larghezza: 50% } .sezione-titolo { colore: #313131 }
.product-details a { colore: #222529 } .footer-wrapper .widget-wrapper {
margin-bottom: 15px } .footer-wrapper, .footer-wrapper p { dimensione
carattere: 13px altezza della linea: 24px } .footer-wrapper .footer-bottom
address { margine-sinistra: 0 dimensione del carattere: .9em }
.footer-middle .info-footer .footer-block-title h3 { margin: 0 0 15px
dimensione
del carattere: 15px peso del carattere: 700 altezza della linea: 1,4 }
.footer-middle ul.contact-info { display: flex flex-wrap: avvolgere }
.footer-middle ul.contact-info li { flex: 0 0 50% larghezza massima:
50% riempimento-destra:
1em } .footer-middle ul.contact-info li:not(:last-child) { margin-bottom:
10px } .footer-middle ul.contact-info li span { line-height: 24px }
.footer-middle b { font-weight: 400 } .footer-wrapper .share-links a {
larghezza: 40px altezza: 40px raggio di confine: 20px !importante bordo:
1px solido #cecdca box-shadow: nessuno margine: 2px dimensione del
carattere: 14px colore: #fff } .footer-wrapper .share-links a:not(:hover) {
background: nessuno colore: #222529 } .footer-wrapper .newsletter-footer
input { background: #292c30 } .footer-wrapper ul { dimensione del
carattere: 1em } .footer-wrapper .widget .product_list_widget li {
riempimento: 10px 0 } .footer-wrapper ul.product_list_widget li
.product-details a { font-size: 1.0769em peso del carattere: 500 colore:
#222529 margine inferiore: .5rem } .footer-wrapper ul.product_list_widget
li .product-details .amount { colore: #222529 } .footer-wrapper
.spr-icon.spr-icon-star-empty { colore: #6a6a6d !importante }
.footer-middle .block-bottom { border-color: #cecdca imbottitura: 35px 0 8px }
.footer-middle .block-bottom .footer-block-title h3 { margin-bottom:
10px altezza
della linea: 27px } .footer-bottom { riempimento: 21px 0 } .footer-wrapper
.footer-bottom .container::before { top: -22px colore di sfondo: #cecdca "
}"""
"ONLINE_STORE_THEME,133891686625,general.custom_style_2,it,,,""@media
(max-width: 1219px) and (min-width: 992px) {"
.footer-wrapper ul.product_list_widget li .product-image {
width: 70px
flex: 0 0 70px
margin-right: 15px
}
richbrown_staff
Shopify Staff
651 95 160

Hi Marco, this definitely looks like HTML in the theme has been auto-translated in error. A fix has been pushed in this area this week, could you try and again and see if the same still happens? If so please provide screenshots to here or to my email and we'll investigate. Thanks, Rich

To learn more visit the Shopify Help Center or the Community Blog.