Test site layout problems

Open to all! Ask other shopowners for help.
User avatar
RAC
Member
Posts: 66
Joined: Mon Apr 19, 2021 5:36 am
Phoenix Version: v1.1.0.6
Has thanked: 9 times
Been thanked: 1 time

Test site layout problems

Post by RAC »

Hello all.

I have a new test install of Phoenix 1.0.7.15 on my (.uk) test domain, https://retro-antiques-curios.uk/index.php, transferred using zipur’s Migration Utility, which worked well.

I am running php 7.3 and have installed Recapcha 3, TinyMCE and zipur’s header message.

I have two questions, first a product display question.

On my sites home page I have a “New Products For May” view, which shows a selection of products and includes a single Image, the title and price only.

However within each category, the products are displayed with an image, title , price and the whole description of the product, this gives very poor visual layout to the site.

Is there a way I can have just the image, title and price displayed in the category pages, with the full description only on show when the product is selected?


Secondly, when clicking on two of my categories, “ceramics & glass” and “miscellaneous” the left and right columns are wrongly displayed at the bottom of the page, where on all other pages they are displayed correctly alongside the products, regardless of the size of the device, how do I fix this?

TIA
Shaun


Join The Code Co-op to get access to your library in the Code Co-op Forum
heatherbell
Senior Contributor
Posts: 2540
Joined: Mon Oct 07, 2019 4:39 am
Phoenix Version:
Has thanked: 35 times
Been thanked: 243 times

Re: Test site layout problems

Post by heatherbell »

RAC wrote: Mon May 17, 2021 5:17 amdisplayed with an image, title , price and the whole description of the product
That shows Product Meta Description for SEO not Products Description
You can stop it displaying by saving in your user,css

Code: Select all

.cm-ip-product-listing .font-weight-lighter {display: none;}
User avatar
RAC
Member
Posts: 66
Joined: Mon Apr 19, 2021 5:36 am
Phoenix Version: v1.1.0.6
Has thanked: 9 times
Been thanked: 1 time

Re: Test site layout problems

Post by RAC »

Thank you @heatherbell that worked a treat.
heatherbell
Senior Contributor
Posts: 2540
Joined: Mon Oct 07, 2019 4:39 am
Phoenix Version:
Has thanked: 35 times
Been thanked: 243 times

Re: Test site layout problems

Post by heatherbell »

RAC wrote: Mon May 17, 2021 5:17 amleft and right columns are wrongly displayed at the bottom of the page
I do not have the answer for this. I vaguely remember a similar issue being caused by a shop-owner leaving an unclosed div in a product or file edit.
User avatar
RAC
Member
Posts: 66
Joined: Mon Apr 19, 2021 5:36 am
Phoenix Version: v1.1.0.6
Has thanked: 9 times
Been thanked: 1 time

Re: Test site layout problems

Post by RAC »

OK, thank you again @heatherbell, I will have a look through my related files to see if I can find the problem!

Regards
ecartz
Core Team
Posts: 3084
Joined: Tue Nov 05, 2019 6:02 pm
Phoenix Version:
Has thanked: 4 times
Been thanked: 208 times

Re: Test site layout problems

Post by ecartz »

It looks to be a problem in the data. Some of your products have bad SEO descriptions. It's possibly a TinyMCE problem.

An example of a product with a bad SEO description: https://retro-antiques-curios.uk/produc ... cts_id=261

Code: Select all

<this quality="" item="" is="" in="" excellent="" condition="" and="" has="" genuine="" leather="" reigns.="" to="" the="" base="" an="" auro="" atrisan,="" made="" spain="" no.="" 248-a="" printed="" mark.="" measures="" 10.5”,="" (26.5cm)="" high,="" 9”,="" (23cm)="" long="" 3”,="" (7.5cm)="" wide<="" div="">
</this>
It looks like it has a < symbol at the beginning that it shouldn't have.

Also, reins should not have a g in it in that usage (not a problem with the layout, just something I saw).
Xpajun
Contributor
Posts: 187
Joined: Thu Mar 04, 2021 1:18 pm
Phoenix Version: v1.0.9.0
Has thanked: 3 times
Been thanked: 6 times

Re: Test site layout problems

Post by Xpajun »

ecartz wrote: Mon May 17, 2021 10:13 am It looks to be a problem in the data. Some of your products have bad SEO descriptions. It's possibly a TinyMCE problem.

An example of a product with a bad SEO description: https://retro-antiques-curios.uk/produc ... cts_id=261

Code: Select all

<this quality="" item="" is="" in="" excellent="" condition="" and="" has="" genuine="" leather="" reigns.="" to="" the="" base="" an="" auro="" atrisan,="" made="" spain="" no.="" 248-a="" printed="" mark.="" measures="" 10.5”,="" (26.5cm)="" high,="" 9”,="" (23cm)="" long="" 3”,="" (7.5cm)="" [color=#0000BF]wide<=""[/color] div="">
</this>
It looks like it has a < symbol at the beginning that it shouldn't have.

Also, reins should not have a g in it in that usage (not a problem with the layout, just something I saw).
Also has a closing > at the end

But has wide<="" div=""> which is just before the end
Current Store is now running 1.0.9.0 - php 8.2.18
Now working on taking a short rest :D - php 8.2.18
User avatar
RAC
Member
Posts: 66
Joined: Mon Apr 19, 2021 5:36 am
Phoenix Version: v1.1.0.6
Has thanked: 9 times
Been thanked: 1 time

Re: Test site layout problems

Post by RAC »

@ecartz you've done it again, great spot, (also spelling is not my greatest strength!).

The problem was my fault but related to @zipurman migration utility I think.

When my products were brought over all the Product Meta Descriptions For SEO, somehow converted to HTML, so I had to manually re-edited them, I guess I missed a couple of "<".

Thank you again.
User avatar
RAC
Member
Posts: 66
Joined: Mon Apr 19, 2021 5:36 am
Phoenix Version: v1.1.0.6
Has thanked: 9 times
Been thanked: 1 time

Re: Test site layout problems

Post by RAC »

I saw that, thanks @Xpajun .
User avatar
zipurman
Builder
Posts: 540
Joined: Tue Oct 13, 2020 5:20 pm
Phoenix Version: v
Has thanked: 93 times
Been thanked: 162 times

Re: Test site layout problems

Post by zipurman »

RAC wrote: Mon May 17, 2021 11:09 am somehow converted to HTML
Not sure how that is possible as the migration utility simply copies the data as-is. The migration doesn't do any conversions.
zipurman
-----------


Join The Code Co-op to get access to your library in the Code Co-op Forum
Post Reply