Return to previous page

Top Bar Translation - by fvoman - on WordPress WooCommerce support

This topic has 20 replies, 5 voices, and was last updated 9 years ago ago by fvoman

fvoman

Participant

February 28, 2015 at 06:39

I have translated the strings of the top bar. But its not showing inline also the divider should come in the center between the two words.
http://snag.gy/GKyls.jpg
http://snag.gy/qWDY5.jpg

#46342 Copied Theme version: 1.7

19 Answers
Robert Hall

Support staff

February 28, 2015 at 08:39
Hello,

Please add following code into custom.css file:
```
.rtl .links li.my-account-link{
float: right;
margin-left: 0;
margin-right: 0;
}
```
Regards,
Robert Hall.
#46347 Copied
fvoman

Participant

February 28, 2015 at 09:07

Now it looks inline but the problem with the divider its coming after the word. It should be before the word or in between the two word.
This is how it looks now
http://snag.gy/PAM6E.jpg
it should look like this
http://snag.gy/xU1TZ.jpg

Also there’s another problem with single product image and quick review image. It doesn’t show up in the arabic translated products. After I have disabled the light box and zoom effect and used another plugin instead its working, but I need the same look as before if its possible.
Thanks for your help

#46352 Copied

Robert Hall

Support staff

February 28, 2015 at 09:14

Hello,

1) As I see you have not added my code above. Please add code into custom.css file.
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

2) Please provide screenshot for our better understanding and highlight what exactly you want.

Regards,
Robert Hall.

#46354 Copied

fvoman

Participant

February 28, 2015 at 10:11

Thanks Robert for your help please check the images I have attached and my comments in red
http://snag.gy/WAGyE.jpg
the english version of single product has no issues as in this
http://snag.gy/Cxww7.jpg
but the arabic translated has lot of issues please check this
http://snag.gy/flND6.jpg
Thanks for your help

Please, contact administrator
for this information.

#46358 Copied

fvoman

Participant

March 2, 2015 at 12:39

any reply please

#46557 Copied
Brian Johnson

Member

March 2, 2015 at 13:38
Hello.
Regarding the first screenshot. Please add following code into the custom.css:
```
.rtl .etheme_widget_brands .widget-title {text-align:right!important;}
.rtl .widget_product_categories .widget-title {text-align:right!important;} 
.rtl .page-numbers .next:before, .pagination .next:before{display:none}
.rtl .fa-angle-double-right:before {content: "\f100" !important;}
```
With best regards
Brian Johnson
#46577 Copied
fvoman

Participant

March 2, 2015 at 14:16

Still though you didn’t address the issue with the product image not visible in the single product page. Also all widget headers are not adjusted still from left to right! Also today i’m noting this issue with product quick view as per the attached image
http://snag.gy/KhYB0.jpg
Thanks

#46587 Copied

fvoman

Participant

March 3, 2015 at 11:39

Hi Guys,

Could you please provide solution for the above?!
Thanks

#46881 Copied

fvoman

Participant

March 4, 2015 at 16:14

any update please??!!

#47321 Copied

Eva Kemp

Support staff

March 4, 2015 at 17:30

Hello,

Please take our apologies for a delay.
We’re investigating this issue.
As soon as there is a result we’ll let you know.

Thank you.
Regards,
Eva Kemp.

#47352 Copied

fvoman

Participant

March 5, 2015 at 07:03

I’m using woo coming soon plugin for this reason I want to disable the out of stock image that appearing and use coming soon image instead
http://snag.gy/WeZqD.jpg
http://snag.gy/bQzco.jpg

#47486 Copied

Robert Hall

Support staff

March 5, 2015 at 08:25

Hello,

You can edit ‘out of stock ‘ string in \themes\royal\woocommerce\loop\sale-flash.php file on line 33.

Regards,
Robert Hall.

#47492 Copied

fvoman

Participant

March 9, 2015 at 09:36

Hi

Still didn’t get any reply about issues #46358 & #46587 Please update
Thanks

#48252 Copied

Eva Kemp

Support staff

March 11, 2015 at 16:54

Hello,

The issue has been fixed.
Please check your site now and clear browser cache before.

Thank you.
Regards,
Eva Kemp.

#48831 Copied

fvoman

Participant

March 14, 2015 at 08:41

Hi,
The same issues are still there even after updating the website
The product image not showing in the translated page. In the original it will show normally!! Check this image http://snag.gy/kY9A7.jpg
-After Clicking show filter in the arabic translation the filters will show in the right which is correct but the page doesn’t move to the left which is leaving blank space as per this image
http://snag.gy/MoAK3.jpg

#49579 Copied

fvoman

Participant

March 14, 2015 at 13:42

Could you please fix the issue with this
http://snag.gy/ndN8V.jpg
add to wishlist should go the right and quick view should go to left

#49623 Copied

fvoman

Participant

March 16, 2015 at 07:23

Could you please find away to push the image envelope image away from the word
Thanks
http://snag.gy/W3YyU.jpg

#49722 Copied
Olga Barlow

Support staff

March 16, 2015 at 16:33
Hello,

1) Don’t know why, but changes we have made in your rtl.css were lost.
You need to add the following code in rtl.css:
To fix carousel
```
.owl-carousel {
  direction: ltr;
}
```
To fix quantity
.quantity input[type="number"]{padding:0 6px;font-size:16px;}

You have added unexciting background-image: url(images/qr-bg-rtl.png); (rtl.css, line 305), that’s why you don’t see QR code image. Either create image or remove this code.

Add also
```
.etheme_widget_qr_code .widget-title {
  text-align: right;
}
```
2) Fixed. We have added following code in rtl.css
```
.rtl .st-pusher{
 right: 0;
}

.st-menu-open .hide-filters-block .st-pusher{
 -webkit-transform: translate3d(-350px, 0, 0);
    -moz-transform: translate3d(-350px, 0, 0);
     -ms-transform: translate3d(-350px, 0, 0);
      -o-transform: translate3d(-350px, 0, 0);
         transform: translate3d(-350px, 0, 0);
}

.st-menu.hide-filters-block{
 -webkit-transform: translateX(350px);
    -moz-transform: translateX(350px);
     -ms-transform: translateX(350px);
      -o-transform: translateX(350px);
         transform: translateX(350px);
}
```
3) Don’t understand your problem. At present I see the same order you want. Would like to recommend just to add the following in rtl.css to align quick view icon
```
.show-quickly:before {
  margin: 0 0 -2px 10px;
}
```
4) Add the following code in rtl.css
```
.top-links li.popup_link:before {
  left: 5px;
}
```
Regards,
Olga Barlow
#49919 Copied
fvoman

Participant

April 9, 2015 at 05:44

Registration link is not appearing in the top only sign in option.
http://snag.gy/DVf6z.jpg

#55807 Copied
Viewing 20 results - 1 through 20 (of 20 total)