Post by ahmed909 » Thu Oct 29, 2020 7:39 pm

Hello Guys,

I'm a newbie.

How to change the display of navbar categories from LTR to RTL? (The whole navbar not only the text).

Thanks in advance.

Newbie

Posts

Joined
Fri Oct 23, 2020 6:58 am

Post by paulfeakins » Sat Oct 31, 2020 12:50 am

Learn to code or you could pay a developer such as ourselves or post a job in the Commercial Support Forum.

UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk


User avatar
Guru Member
Online

Posts

Joined
Mon Aug 22, 2011 11:01 pm
Location - London Gatwick, United Kingdom

Post by ahmed909 » Sun Nov 01, 2020 3:28 am

paulfeakins wrote:
Sat Oct 31, 2020 12:50 am
Learn to code or you could pay a developer such as ourselves or post a job in the Commercial Support Forum.
Hi Paul,

I thought this forum for info exchange. I can see many people here asks for how to do blah blah blah, and the others share their knowledge regarding the questions.

Newbie

Posts

Joined
Fri Oct 23, 2020 6:58 am

Post by IP_CAM » Sun Nov 01, 2020 10:47 am

Well, you could, by example, check this RTL-Language Extension, to find several 'Places', where
RTL Sections exist, like shown below, in order to achieve, what you're looking for: :D
Ernie

ArabicV3036.zip
https://www.opencart.com/index.php?rout ... rch=Arabic

Code: Select all

html {
  font-family: sans-serif;
  direction: rtl;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; } 

Code: Select all

body {
  margin: 0;
  direction: rtl;  } 

Code: Select all

body, p, td, th, input, textarea, select, option {
    color: #777777;
    text-decoration: none;
		font-size: 14px;
		text-align:right;
		direction:rtl;
	  } 

Code: Select all

<script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,300,700" rel="stylesheet" type="text/css" />
{% if direction == 'rtl' %}
<link href="catalog/view/javascript/bootstrap/css/bootstrap-a.css" rel="stylesheet" media="screen" />
<link href="catalog/view/theme/default/stylesheet/stylesheet-a.css" rel="stylesheet">
{% else %}
<link href="catalog/view/javascript/bootstrap/css/bootstrap.css" rel="stylesheet" media="screen" />
<link href="catalog/view/theme/default/stylesheet/stylesheet.css" rel="stylesheet">
{% endif %}

Code: Select all

// Locale
$_['code']                    		= 'ar';
$_['direction']           		    = 'rtl';
Just an Idea ... :D
Ernie

My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by paulfeakins » Mon Nov 02, 2020 6:58 pm

ahmed909 wrote:
Sun Nov 01, 2020 3:28 am
I thought this forum for info exchange. I can see many people here asks for how to do blah blah blah, and the others share their knowledge regarding the questions.
You might be lucky and someone might write all the code for you, but if not there is always the paid option.

UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk


User avatar
Guru Member
Online

Posts

Joined
Mon Aug 22, 2011 11:01 pm
Location - London Gatwick, United Kingdom
Who is online

Users browsing this forum: Google [Bot] and 93 guests