Hashbang URL

[Logomaker1234]

Dear,

In my url there is always /#! /, I would like to get this away. The explanation to fix this is in this link: https://help.spreadshirt.com/hc/nl/articles/207487815 but it says that changes to the .htaccess file on your web server are necessary, what are these?

[Thomas_Spreadshop]

Hello Logomaker!

Making changes to server settings is not part of our technical support for the shop. Interventions within the common functionalities is not recommended to unexperienced users. We have developed the shop as a ready-to-go system. Custom settings are always on your own risk. Therefore we recommend to get in contact with any experienced developer or your hosting provider´s support.

But maybe there´s someone here in the forum community who´s able to support you.

[lovetee]

Maybe this might show you the right direction:

#! (Hashbang) aus URL

An simple (apache2) .htaccess file could look as follows (if you’ve embedded your shop in index.html in the root of your webserver):

#check if mod_rewrite is available
<IfModule mod_rewrite.c>
# activate rewrites for this directory
RewriteEngine On
# needs to be changed when shop is embedded in subdirectory, e.g. /shop/
RewriteBase /
# do not rewrite (existing) files in directory
RewriteCond %{REQUEST_FILENAME} !-f
# do not rewrite (existing) subdirectories
RewriteCond %{REQUEST_FILENAME} !-d
# redirect everything that is left to index.html (change if your html document has a different name)
RewriteRule . index.html [L]

Please be aware that this configuration depends on your webserver and it is up to you to make it work. We won’t support you with this.

#! (Hashbang) aus URL

Ich habe eben Antwort von unserem Chef-Spreadshop-Entwickler erhalten (auf Englisch - hoffe man versteht das trotzdem) An simple (apache2) .htaccess file could look as follows (if you’ve embedded your shop in index.html in the root of your webserver): #check if mod_rewrite is available < IfModule mod_rewrite.c> # activate rewrites for this directory RewriteEngine On # needs to be changed when shop is embedded in subdirectory, e.g. /shop/ RewriteBase / # do not rewrite (existing) files in…

[CardVibes]

I’d love to get this to work, but I’m strugling with the .htaccess. My shops are embedded on a Joomla! pages like so:

https://www.cardvibes.com/de/theme-t-shirt-shops/apres-ski-t-shirts

Any advice on what the .htaccess code should look like?

[lovetee]

This is not easy, I’m not 100% .htaccess pro, but I think, this could be a good start:

In your joomla .htaccess, you’ve got something like:

## Begin - Joomla! core SEF Section.
#
RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
#
# If the requested path and file is not /index.php and the request
# has not already been internally rewritten to the index.php script
RewriteCond %{REQUEST_URI} !^/index\.php
# and the requested path and file doesn't directly match a physical file
RewriteCond %{REQUEST_FILENAME} !-f
# and the requested path and file doesn't directly match a physical folder
RewriteCond %{REQUEST_FILENAME} !-d
# internally rewrite the request to the index.php script
RewriteRule .* index.php [L]
#
## End - Joomla! core SEF Section.

add before something like:

RewriteRule ^de/theme-t-shirt-shops/apres-ski-t-shirts/(.*)$ de/theme-t-shirt-shops/apres-ski-t-shirts/index.html$1 [L]

But this is untested and I don’t know it if will work in general. Maybe someone else has an idea

[CardVibes]

Well in order to try things out, I’v created a test embedded page at:

https://www.tekenaartje.nl/spreadshop_test

Here I’ve set the usePushState variable to true. I would have expected not to see the #! anymore, but I do. What am I missing?

[lovetee]

Well an error message pops up:
VM47 shop.bundle.65952a0b0f88e0f677eb7cefe7d70026b3e68080.js:171 [SpreadShop] The shop URL (see "Embed Shop" settings) does not start with the current path: Will fallback to hashbang URLs.

Maybe @Thomas_Spreadshop can check with the dev. team what this message really means

[CardVibes]

Good one. No idea where the shop url is set though…

[Lena_Test_Spread_Group]

You integrated the shop at https://www.tekenaartje.nl/t-shirt-shop (which you configured correctly in the partner area) but you are testing the pushState integration at https://www.tekenaartje.nl/spreadshop_test. So the path does not match the configured one and we must fall back to the hashbang navigation. Either you test with your real shop at “t-shirt-shop” or you create a new test shop and configure it to “spreadshop_test”.

[CardVibes]

Thnx, I’m on it…

[CardVibes]

Well, I managed to get the usePushState param working on:
https://www.tekenaartje.nl/test-shop

Next challenge is to get the right .htaccess rewrite instructions for this case.

Currently, this line is active,

RewriteRule ^test-shop/(.*)$ test-shop/$1 [L]

but as you can see, it doesn’t work.

Ant suggestions?

[lovetee]

RewriteRule ^test-shop/(.*)$ test-shop/$1 [L]

Maybe

RewriteRule ^test-shop/(.*)$ test-shop/index.html$1 [L]

as I suggested before?

[CardVibes]

I’ve tried that first, but it doesn’t work.

There’s no index.html on the server. The location itself is a SEF Url generated by Joomla!.

[Thomas_Spreadshop]

Hey CardVibes,
Have you tried to reach out to Joomla’s service, yet?
I think it´s always helpful to ask the one´s that built the service. Maybe they are familiar with .js related URL behaviors. I guess there are several other .js related use cases too, which were supported by Joomla service agents.

[JSIGN]

also ich fände einen Ansatz für worpress cool

[CardVibes]

I’ve got it! One has to rewrite to the ugly / technical URL that goes behind the Joomla! SEf url. In my test case that’s:

RewriteRule ^test-shop/(.*)$ /index.php?option=com_spreadshop&view=shop&Itemid=598&lang=nl [L]

@lovetee many thanks for your assistance. I wouldn’t have figured it out without you.

[lovetee]

I’ve got it! One has to rewrite to the ugly / technical URL that goes behind the Joomla! SEf url. In my test case that’s:

RewriteRule ^test-shop/(.*)$ /index.php?option=com_spreadshop&view=shop&Itemid=598&lang=nl [L]

@lovetee many thanks for your assistance. I wouldn’t have figured it out without you.

That’s it, man, you’re a pro! Great work!