We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Problem with Virtuemart Menu Item Type ( Front page (deprecated) Displays the front page )

Featured Lock Resolved Bug
With Language english the siez is ok if i chanchng to another Language the size change but every sitting is same for both Language please help me

this like for Language english

http://alaashaaban.com/khurshed/index.php/en/categories-eng

this like for Language arabic

http://alaashaaban.com/khurshed/index.php/ar/2

Attachments (2)

  • Language arabic is not  same size of english.png
    Language arabic is not same size of english.png 149.1 KB
  • Language english is ok size.png
    Language english is ok size.png 166.6 KB

5 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
for me it looks like VM3 issue, in RTL (arabic) version not all styles files are loaded.
For sure the most important part from
components/com_virtuemart/assets/css/vm-ltr-common.css
is missing (!)



/* Align rows in products sublayout */

.vm-col {
margin: 0px;
width: 60%;
}

.vm-col-1 {
width: 100%;
}

.vm-col-2 {
width: 50%;
}

.vm-col-3 {
width: 33.333%;
}

.vm-col-4 {
width: 25%;
}

.vm-col-5 {
width: 20%;
}

.vm-col-6 {
width: 16.666%;
}

.vm-col-8 {
width: 12.5%;
}

.vm-col-9 {
width: 11.111%;
}

.vm-col-10 {
width: 10%;
}

.vm-col-11 {
width: 9.09%;
}

.vm-col-12 {
width: 8.333%;
}

.width1{
width: 1%;
}

.width2{
width: 2%;
}

.width3{
width: 3%;
}

.width4{
width: 4%;
}

.width5{
width: 5%;
}

.width6{
width: 6%;
}

.width7{
width: 7%;
}

.width8{
width: 8%;
}

.width9{
width: 9%;
}

.width10{
width: 10%;
}

.width11{
width: 11%;
}

.width12{
width: 12%;
}

.width13{
width: 13%;
}

.width14{
width: 14%;
}

.width15{
width: 15%;
}

.width16{
width: 16%;
}

.width17{
width: 17%;
}

.width18{
width: 18%;
}

.width19{
width: 19%;
}

.width20{
width: 20%;
}

.width21{
width: 21%;
}

.width22{
width: 22%;
}

.width23{
width: 23%;
}

.width24{
width: 24%;
}

.width25{
width: 25%; float: left;
}

.width26{
width: 26%;
}

.width27{
width: 27%;
}

.width28{
width: 28%;
}

.width29{
width: 29%;
}

.width30{
width: 30%;
}

.width31{
width: 31%;
}

.width32{
width: 32%;
}

.width33{
width: 33%; float: left;
}

.width34{
width: 34%;
}

.width35{
width: 35%;
}

.width36{
width: 36%;
}

.width37{
width: 37%;
}

.width38{
width: 38%;
}

.width39{
width: 39%;
}

.width40{
width: 40%;
}

.width41{
width: 41%;
}

.width42{
width: 42%;
}

.width43{
width: 43%;
}

.width44{
width: 44%;
}

.width45{
width: 45%;
}

.width46{
width: 46%;
}

.width47{
width: 47%;
}

.width48{
width: 48%;
}

.width49{
width: 49%;
}

.width50{
width: 50%;
}

.width51{
width: 51%;
}

.width52{
width: 52%;
}

.width53{
width: 53%;
}

.width54{
width: 54%;
}

.width55{
width: 55%;
}

.width56{
width: 56%;
}

.width57{
width: 57%;
}

.width58{
width: 58%;
}

.width59{
width: 59%;
}

.width60{
width: 60%;
}

.width61{
width: 61%;
}

.width62{
width: 62%;
}

.width63{
width: 63%;
}

.width64{
width: 64%;
}

.width65{
width: 65%;
}

.width66{
width: 66%;
}

.width67{
width: 67%;
}

.width68{
width: 68%;
}

.width69{
width: 69%;
}

.width70{
width: 70%;
}

.width71{
width: 71%;
}

.width72{
width: 72%;
}

.width73{
width: 73%;
}

.width74{
width: 74%;
}

.width75{
width: 75%;
}

.width76{
width: 76%;
}

.width77{
width: 77%;
}

.width78{
width: 78%;
}

.width79{
width: 79%;
}

.width81{
width: 81%;
}

.width82{
width: 82%;
}

.width83{
width: 83%;
}

.width84{
width: 84%;
}

.width85{
width: 85%;
}

.width86{
width: 86%;
}

.width87{
width: 87%;
}

.width88{
width: 88%;
}

.width89{
width: 89%;
}

.width90{
width: 90%;
}

.width91{
width: 91%;
}

.width92{
width: 92%;
}

.width93{
width: 93%;
}

.width94{
width: 94%;
}

.width95{
width: 95%;
}

.width96{
width: 96%;
}

.width97{
width: 97%;
}

.width98{
width: 98%;
}

.width99{
width: 99%;
}

.width100{
width: 100%;
}




Please copy and paste into your Custom CSS section, in template settings

alaa shaaban

More than a month ago #Permalink
thanks done

Canoz Hayri Dumanli

More than a month ago #Permalink
I had the same problem in category layout view of an Arabic Virtuemart site which I've done. I copied all the code above to custom.css of Arabic temlplate and it worked. Thank you Paul Frankowski, you saved my day :D

Paul Frankowski - Staff

More than a month ago #Permalink
You're welcome


There are no replies made for this post yet.
Be one of the first to reply to this post!

124

Templates

331337

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us