I have Related products in my store however they look untidy due to the size of the related image being too big. How can I change the size of the related product so it can be smaller on the frontend?
I have looked on configurations and cannot find anywhere where I can change the sizes of just the related products.
Does anyone have an idea? I have looked in other questions on this site but still I found no question related to this problem. Please can you assist me urgently.
Please see this URL: http://livecopper.co.za/multi-9-id-rccb-63a-2-pole-3ka-earth-leakage.html
Are you using any module for this?
If not, I believe you should be able to edit this in catalog/product/list/related.phtml file somewhere around line 41.
quick solution:
you can add this line in styles.css like this:
.product-view .block-related .grid-indent img{width: 50%;}
or play around with:
.related-wrapper-bottom .block-related li.item .product{addWidthHere}
Related
I currently am working on a way to format the colums of my company's Sharepint in a useful way. In my opinion the display of the Picture size is also very important.
I tried to do that via adding or removing the column, but there isn't an option to display picture size. So I tried finding a JSON Code on the Microsoft GitHub page but didn't find a useful Code there either. Unfortunately I am not a Coder, so I am not able to come up with a Code by myself. When I try and search for it online, I only find ways to resize the picture in order for it to be displayed better.
So my question is, if there is any way to display the picture size in a column on the Sharepoint.
Thank you so much!
Shiobhan
There is a File Size column in the SharePoint library.
Updated:
I want to start off by apologizing if this has been asked before. I tried to find the answer but nothing was popping out for me. I am still very new at coding and have hit a wall in my knowledge. I appreciate any help directly or showing me in the right direction.
We are having issues with the layout on different devices. The mobile site looks good, same with the desktop. However, between 768-799px, it distorts the site and then at 800-1300px it is distorted in another way, neither looks good. I have gone through and changed all of the #media queries to try to adjust it but have had no luck. I have attached two pictures of the different issues we are experiencing.
Thank you in advance!
Tablet view 768-799px
Over 800px
It is a little hard to tell exactly what is causing this without any code being posted, but flexbox is a great tool for this. https://css-tricks.com/snippets/css/a-guide-to-flexbox/ is a good reference. My understanding is you want to prevent overlapping items, and how I would use this to prevent that is by putting them in separate flexbox items within the same container. There are tons of great YouTube tutorials on this topic if anything in the link is confusing.
So the title pretty much say's it all, In case anyone is interested I'm self thought so please don't be so hasty to say I did no research or put any effort into this because I've messed around with a lot of various things on this somewhat BS page and searched using Google Yahoo and Bing looking for a similar issue. Basically the table layout seems to to get like a default transparent overlay, I noticed its only directly on the table because the background images are clearly visible when scrolling past the top of the page and its visible in each table cell.
Like I said I've tried various things with no luck but if this is just some common newbie mistake please point me to some reading material or even a good book for web design as I could really use the know how and wouldn't mind learning something as apposed to shooting in the dark with random bits of HTML, CSS and JavaScript in the little free time I do have..
*Also I was doing all this using blogger as my "host" mainly because I plan to ingrate the blogger framework or whatever into the page after I know its good to go. Find a link to the page below, If you need the raw HTML not formatted to blogger just let me know.
https://layout-dev.blogspot.com
Turns out the image host for the body background-image wasn't loading in the image on apple device's, still not sure why but after relocating the image to my personal Dropbox and directly linking to it that solved the problem. *As weird as that may sound the original url was http://subtlepatterns.com/patterns/binding_dark.png and simply replacing it with https://dl.dropbox.com/s/njcu65h90cmsbp8/binding_dark.png solved the problem. -Figured I should post the answer just in case someone ever has a similar issue.
I am having an extremely odd issue creating a template for my zencart ecommerce website.
I find that many times I load the website my menu will break up and split over two lines as shown below.
The reason I find this behavior odd is that if I refresh the page it correctly displays.
Now I could understand how to fix this if it was consistently one way or the other but it seems to vary between the two with no obvious difference in the code... I am not sure if this is some sort of technical bug with chrome as I haven't been able to replicate it in other browsers however even if it is I really need a way of working around it. So I am curious as to whether anyone has had this issue before and if so how they got around it.
Link to live site: http://digitalmatrixonline.com.au/
Thanks Jason
If you add
white-space:nowrap;
To the div that contains the list it should prevent this, not sure why it's happening though.
Edit: here is a jsfiddle showing the technique http://jsfiddle.net/RM4S2/
Edit: No floats http://jsfiddle.net/BsGfu/2/
This is a really strange problem, and I was able to recreate the quirkiness in Chrome. While I don't know the direct cause of the issue, I think I found one way that works.
If you set the width of the second div within 'navEZpagesTop' that you are floating right that is wrapping,to 'width:485px;'. This seems to give the section room and does not wrap. If you want to leave more room for this expand without modifying the css you could set it to a much larger size, and float all the links inside of this to the right(instead of the left).
I have received a table-html designed site to complete it. Now I have encountered a problem and need your help. Would it be possible for you to see why the top right image is not displayed completely? I have tried a a lot and found nothing.
Here is the link to homepage:
http://myperfume.ir/
Here is the link to full image so that you can see how much it is clipped:
http://8pic.ir/images/03017006756162873819.jpg
Thanks
The image that is being used as the row's background is this:
http://myperfume.ir/images/2_02.png
Which is already clipped, so you'll need to change it.
Your best bet would be to recode the entire website without using tables. You are going to have all kinds of headaches with this structure.