Joomla Templates Club 406,261 posts

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#199048

I figured there might be a bug when using chrome in the decor theme for mojishop.

this bug was also here before i edited the size of the images in products. I tried on 2 computers.

I don’t have the bug in IE or Mozilla.

I just found out a problem with IE and Mozilla see image:

Another thing.
155×211 will be my final image size for products.

its rezised from the original file 300×408.
Under the specific product it scales the image up to over the orginal size and it scales from the 155×211 so the image is all blurred.. how can i change that ? i just want it to show the original size 300×408.

Regards Hjalte.

---

Attachments:

1. 
2. 

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#539824

I changed the width from 100 to 82% that might solved the chrome issue. but i still have that issue with IE and Firefox

.ja-product-grid .product-item .image {
margin: 0 0 30px;
width: 82%;
overflow: hidden;
position: relative;
}

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#539844

Hi,

1. Please open root_folder/templates/ja_decor/css/themes/ellis/custom.css (create a new one if you don’t have this file) then add this code :


.product-list {
float: left;
width: 100%;
}
.box-content .pagination {
clear: both;
}

2. To adjust product detail page image (for example this page), please go to Admin >>> Components >>> MijoShop >>> Settings >>> switch to tab Image >>> change the value in option Product Image Thumb Size

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#539854

.navbar-nav > li > a {
color: #000
font-size: 14px;
font-weight: 300;

}

.product-list {
float: left;
width: 100%;
}
.box-content .pagination {
clear: both;
}

This is my custom.css file now .. seems to worked,.. but then again.. if i press refresh it gets all messy again ?

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#539856

2. To adjust product detail page image (for example this page), please go to Admin >>> Components >>> MijoShop >>> Settings >>> switch to tab Image >>> change the value in option Product Image Thumb Size

Okay i did.. now the same size as the original size. 300×408.. but it shows in like 348×475 ?

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#539957

Hi,

1. Please try to clear your browser / Joomla! cache then check again, it should work then.

2. Then open the custom.css file and add 1 more rule as follows:

.product-info .image img {
width: auto;
}

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#540013

thanks for the code Adam..
I’m still having issues with firefox and Chrome..
IE shows just fine.

I can only make the issue appear if i press refresh (F5).
When i just go to the site it shows as it should.. the problem is when im pressing F5.

CHOME – When pressing refresh:

Firefox – When pressing refresh:

---

Attachments:

1. 
2. 

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#540082

Yes, I get it. Please open the custom.css file and add this declaration:

.product-grid div.product-item,
.ja-product-grid div.product-item {
height: auto !important;
}

1 user says Thank You to Adam M for this useful post

1. ebusca

[mohand Friend mohandJoin date: November 2011Posts: 37Downloads:13Uploads:9 Thanked: 1 times in 1 posts]

#552795

hi, sorry to hijack the thread but i have the exact problem.

i have added those lines to templates/ja_decor/css/themes/turquoise/custom.css

[PHP].product-grid div.product-item,
.ja-product-grid div.product-item {
height: auto !important;
}

.product-list {
float: left;
width: 100%;
}
.box-content .pagination {
clear: both;
}

[/PHP]

cleared both cache but still when i refresh, the page goes really messy in mijoshop

---

Attachments:

1. 

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#552993

Hi @mohand,

Could you please provide your site url so I can have a look ?

[mohand Friend mohandJoin date: November 2011Posts: 37Downloads:13Uploads:9 Thanked: 1 times in 1 posts]

#553360

hi Adam,

it’s http://www.shopolgykw.com

ive tried so hard to check the problem but it won’t go away. every couple of refreshes bring the problem back.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#553525

Hi,

Please move file custom.css from root_folder/templates/ja_decor/css/themes/turquoise/ to root_folder/templates/ja_decor/css/ then recheck.

[Author]

Posts