Ceon URI Mapping (SEO)

[JSWeb]

LOVING the new/latest 'Ceon URI Mapping' ;) A number of our clients are really happy with it. Another mod that enters our "Essential Section" list.

......now if only we could find the time to install it on our own site.

Great work Conor.

[conor]

Hi,

LOVING the new/latest 'Ceon URI Mapping' ;) A number of our clients are really happy with it. Another mod that enters our "Essential Section" list.

Thanks for the nice comments, I'm glad you like it! :)

......now if only we could find the time to install it on our own site.

Almost unbelievably, we only just got round (finally) to installing it for our own store last night.. only took a few years to get some spare time to do so!!

And you know what.. it really is very handy and works so well, I see why so many people like it! :)

All the best...

Conor
ceon

[DomainDude]

Just wanted to thank you Conor for this superb mod :) It makes URIs so clean and readable.

[Mike_Dean]

Hi Mike,

Glad you like the software!



That is indeed the problem.. you must have all images and CSS files use absolute links or else set the BASE HREF for the site appropriately. Changing the links as you were doing is the best option.

You made a mistake though as you forgot to make the links absolute, they are still relative as they don't start with a slash.

The above should have been changed to:

url("/zencart/includes/templates/Lite Blue/images/xxxxxx")

Make that change to your CSS/image paths and everything should work fine.

All the best..

Conor
ceon

Close..!!


Thanks Conor, its almost there..

The category headings are now ok, but on the product info page, the image and header logo are still missing,.


I did fail to mention that I also have Zen Lightbox installed.

Is there another file that is calling on the images that needs to be amended ?

Thanks Mike

[Mike_Dean]

Hi Conor,


I have been trying to resolve the issue, (as it's good to try and do it oneself for future reference)

The issue (I think) is the way the categories are being named.

The category from which I have been trialling a product is;

Battery Backup / UPS / Power Protection

If I allow the mapping to be done automatically in the category and in the product page I noticed the following..


/localhost/Zencart/Battery-Backup-UPS-Power-Protection/Power-Saving-Back-UPS-ES-8-Outlet-550VA-230V


Produces a fault, eg no images are loaded and the header logo is also gone..

However, when I edit the mapping from within the product page and remove the category such as ;


/localhost/Zencart/Power-Saving-Back-UPS-ES-8-Outlet-550VA-230V

Produces a perfect result.. The product info page loads and all images are visible..

Does this help you in anyway in assisting me to get the module working as it should for me ??

[rxalex]

I am looking to switch to Ceon after using Ultimate. My coder re-installed the catalog so it changed all product id's essentially pointing to that item but other id showing (product not found). Question, if I set ceon to automatic url's can something like this occur with it?

[g1smd]

It is the browser that resolves the URL for images.

If the image is referred to as "/images/some-image.png" with a leading slash then it will always be pulled from the /images/ folder in the root of the site.

If the image is referred to as "/zencart/images/some-image.png" with a leading slash then it will always be pulled from the /images/ folder inside the /zencart/ folder in the site root.


If the image is referred to as "zencart/images/some-image.png" without a leading slash then the location will be deemed to be relative from the folder of the currently viewed HTML page.

With relative linking, for the page at "/localhost/Zencart/Battery-Backup-UPS-Power-Protection/Power-
Saving-Back-UPS-ES-8-Outlet-550VA-230V" the zencart folder for images is therefore deemed to be inside the "/localhost/Zencart/Battery-Backup-UPS-Power-Protection/" folder.

With relative linking, for the page at "/localhost/Zencart/Power-Saving-Back-UPS-ES-8-Outlet-550VA-230V" the zencart folder for images is therefore deemed to be inside the "/localhost/Zencart/" folder.

That is, when the location of the image is specified without a leading slash, the URL for the HTML page is stripped back to the final slash, and the location of the image is added to the end of that.

The solution is to refer to all image, css, and JS files with a leading slash. Always.

Never use notation like "somelocation/somefile.png" on your site. Always begin with a leading slash.

Never use notation like "../somelocation/somefile.png" on your site. Always avoid the double dots.

[Mike_Dean]

It is the browser that resolves the URL for images.

If the image is referred to as "/images/some-image.png" with a leading slash then it will always be pulled from the /images/ folder in the root of the site.

If the image is referred to as "/zencart/images/some-image.png" with a leading slash then it will always be pulled from the /images/ folder inside the /zencart/ folder in the site root.


If the image is referred to as "zencart/images/some-image.png" without a leading slash then the location will be deemed to be relative from the folder of the currently viewed HTML page.

With relative linking, for the page at "/localhost/Zencart/Battery-Backup-UPS-Power-Protection/Power-
Saving-Back-UPS-ES-8-Outlet-550VA-230V" the zencart folder for images is therefore deemed to be inside the "/localhost/Zencart/Battery-Backup-UPS-Power-Protection/" folder.

With relative linking, for the page at "/localhost/Zencart/Power-Saving-Back-UPS-ES-8-Outlet-550VA-230V" the zencart folder for images is therefore deemed to be inside the "/localhost/Zencart/" folder.

That is, when the location of the image is specified without a leading slash, the URL for the HTML page is stripped back to the final slash, and the location of the image is added to the end of that.

The solution is to refer to all image, css, and JS files with a leading slash. Always.

Never use notation like "somelocation/somefile.png" on your site. Always begin with a leading slash.

Never use notation like "../somelocation/somefile.png" on your site. Always avoid the double dots.

Thanks for the reply...

Though I am still unsure of what the issue is.

What should I have in my css file ??

1. ("/includes/templates/Lite Blue/images/.........gif")

or

2. ("/zencart/includes/templates/Lite Blue/images/......gif")

I have actually tried both, and neither option resolves the issue.

Option 1 leaves me with no images at all on the product I have edited and no sidebox header images..

Option 2 has all images in place and header log etc, EXCEPT for the image that I have added mapping to.. That page has not product image and no header logo or other images that are supposed to be there../.


aaarrgghhh

[g1smd]

Find the "real" URL for the image in full, such as "www.example.com/folder/folder/filename.png" and simply remove the "www.example.com" part and link to the "/folder/folder/filename.png" part with a leading slash.

[Mike_Dean]

Find the "real" URL for the image in full, such as "www.example.com/folder/folder/filename.png" and simply remove the "www.example.com" part and link to the "/folder/folder/filename.png" part with a leading slash.

So this image, which will not show when it's product is mapped has a full path of

(I am using this on test server..
)

h t t p://localhost/Zencart/Battery-Backup-UPS-Power-Protection/images/medium/APC/BE550G-AZ_MED.jpg

Which you say should be linked as

/Battery-Backup-UPS-Power-Protection/images/medium/APC/BE550G-AZ_MED.jpg

Where am I editing this information ?

Excuse my ignorance, but what do these links have to do with the CSS file.. there is no reference in the css to the actual image folder for the products, only the template images..



Also, as you may be able to tell, I am using different folders for small, medium and large images.

Is the CEON mod able to distinguish this ?