Printable View
Site URL: https://lucky7laundry.com/index.php?...=index&cPath=8
The site is not up as yet so you need to use this link to get to the page.
The issue: The Category description shows up on the page to the right of the Category name and not under it. My other pages list just fine with the description showing up under the Category name.
Why? Ans how do I change this. The way the page is now, the description shows up only on the right of the page.
Attachment 20775
I want to add this is version 1.5.5f. I have tried creating a new page and the same issue comes up.
I can't remember if the other pages were created first and then I made a change to something which makes all new pages behave this way.
The other pages all look like this:
Attachment 20776
First off, if you are really using 1.5.5, welcome to Window 95!:P That's seriously old.
If you don't already have an override stylesheet, create a file called includes/templates/responsive_classic/css/stylesheet_zcustom.css. Add the following code and save the file:
Adjust the 80% up or down as needed.Code:#indexProductListCatDescription, #categoryDescription { width: 80%;
}
Yes, 1.5.5. Have to for now. Have another site that has over 500 pages with Zen Cart using PHP 7.1. Not in the mood to have to mess with that one now with PHP upgrade required as this site is only a few pages.
The issue is not with the width of the page text. It's the location where the text starts. As you can see, all the other pages start the text UNDER the page name. This one page starts the text NEXT to the page name thus causing the reduced text area. The longer the name of the page, the less text area available. Shorten the page name to one word, the text area is wider.
Code:<div id="indexProductListCatDescription" class="content"><p><a href="https://lucky7laundry.com/index.php?main_page=index&cPath=8" target="_parent"><img alt="" src="https://lucky7laundry.com/images/ScheduleaPickup.jpg" style="float: right;" /></a>a a a a a a a a a a a a</p>
No help to me at all. I need to be able to have ALL pages show up correctly. Don't know why my first pages came out just fine and now I have this issue unless it's a Configuration setting I may have changed.Quote:
Originally Posted by mprough
I found "indexProductListCatDescription" in tpl_index_product_list.php. This isn't a product description issue as it is a Category Description issue.
I just installed 1.5.6c as a test and as you can see, the same issue.
Attachment 20779
The longer the name of the Category, the less space available for text as the text does not start UNDER the Category Description as the other pages do but next to it.
Which file is causing this issue and what do I need to change?
If it's not in a php file, what Config Setting to I need to change?
Did you miss this part?Quote:
Originally Posted by Leonard
Code:<img alt="" src="https://lucky7laundry.com/images/ScheduleaPickup.jpg" style="float: right;" />
I have no problem moving the graphic to the right side or the left.
Look at the picture of the page above. Now look at this picture:
Attachment 20780
Same page as before except the long Name has been replaced with A. See where the text starts? Below the HOME :: A and to the RIGHT of the next A, NOT underneath it as it does on this page which is correct:
Attachment 20781
Graphic, no graphic, doesn't matter. This is what I need ALL my pages to do. Have the text begin UNDER the Category Name, NOT to the right of it.
This
is not every going to give you same layout results for every page. The image's location depends on the volume of the text. Maybe move the image left & the text right for a more uniform layout.Code:<img alt="" src="https://lucky7laundry.com/images/ScheduleaPickup.jpg" style="float: right;" />
I would tryCode:style="float:left;clear:left"
Why are you talking about GRAPHICS??? This has to do with TEXT LOCATION!!!
See....
Attachment 20782
Like this page:
Attachment 20783
Because FLOATING things in the same div can be tricky.Quote:
Originally Posted by Leonard
So my point is that this code style="float: right;" which is not part of Zen Cart should be removed as part of your troubleshooting in the area.
No worries, I won't answer this thread any further =)
You're taking a big gamble (pun intended) using old versions, obviously not trying suggestions, and arguing with volunteers trying to help.:(
Since you wiped everything out with a still-older version and I did not keep a screen shot of the fix I gave you, I am unable to show you what the fix does.
As mprough says, the floats are difficult and often will move text if the text does not "occupy" enough space to keep the floats from overwrapping.
Using the % method to make sure that the space is always there for the text takes the funky floats out of play and drops the text right where you want it. Also using % versus a set width means it should look okay in mobile view as well.
Using the override file versus changing core file code means you will have easy access to changes on upgrade.