Category Page Issue

[Leonard]

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.

[Leonard]

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:

[dbltoe]

First off, if you are really using 1.5.5, welcome to Window 95! 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:

#indexProductListCatDescription, #categoryDescription {    width: 80%;
}

Adjust the 80% up or down as needed.

[Leonard]

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.

[mprough]

<div id="indexProductListCatDescription" class="content"><p><a href="https://lucky7laundry.com/index.php?main_page=index&amp;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>

[Leonard]

<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.

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.


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?

[mprough]

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.

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.


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?

<img alt="" src="https://lucky7laundry.com/images/ScheduleaPickup.jpg" style="float: right;" />

[Leonard]

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:


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:


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.

[mprough]

This

<img alt="" src="https://lucky7laundry.com/images/ScheduleaPickup.jpg" style="float: right;" />

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.

I would try

style="float:left;clear:left"

[Leonard]

Why are you talking about GRAPHICS??? This has to do with TEXT LOCATION!!!
See....


Like this page: