Ecwid now offers the ability to generate clean URLs in your Ecwid store. In this post, you will learn how to enable this feature in your store.
Table of contents
- Getting started
- What you'll need
- What to add to .htaccess
- Generate rewrites
- Adaptive layouts
- Generate rewrites
- What to change in Adobe Muse
- Points to keep in mind
Before we get started, I want to let you know that this is going to be a little tricky. Unlike other
.htaccess tutorials, I don't have a generic block of code that you can paste into your file. Make sure you follow the steps below closely. Read through the whole post before you make any adjustments.
What you'll need
- For Ecwid (Premium): make sure the Main widget in the Storefront widgets is at least V9
- Updates are sent out via email. Check your spam folder or contact me at firstname.lastname@example.org if you did not receive the update.
- For Ecwid (Free): make sure the Storefront widget is at least V4
What to add to
Add this to the beginning of your
.htaccess file (it might already be there).
Once the code above has been added to your
.htaccess file, enter the URL of your store into this generator. Copy and paste the generated code into your
.htaccess file. This is the code that my store uses:
The above code is just an example. The code you'll use will likely look a little different.
If your website uses multiple layouts (i.e. tablet and phone layouts) then you'll need to add the code to the
.htaccess file of each layout. To do that, simply open the tablet or phone folder, and paste the code into the
.htaccess file of that folder. If there isn't an
.htaccess file in the folder, you can copy and paste the original
What to change in Adobe Muse
This is the easy part. The free and premium version both have a new section labeled Clean URLs. Toggle on the Enable Clean URLs feature, and publish your site.
Points to keep in mind
- Once this feature is enabled and you've published your website, everything will appear to work. However, if you have not added the rewrite to your
htaccessfile, direct links to products and reloading pages will result in a 404 error.