This page contains a collection of custom CSS and Javascript that can be used to add extra features and personalization to the webshops of EasyWebshop.
Breadcrumb navigation personalization
You can hide the breadcrumb navigation or change the text Webshop using only CSS.
Creating a dropdown menu for categories
Use this code to create drop down menus for category navigation.
Keep category navigation visible when scrolling down
This CSS code keeps the category navigation in view while scrolling, or to say it differently: the category navigation autoscrolls with you.
Changing the category navigation color
CSS code to change the layout of the category navigation.
Centering categories and products with CSS
Use this code to center categories and products in category and product lists.
Removing phone field in checkout
This scripts hides the phone field in the checkout. A phone number is required because customers are not always reachable by email. So it is used as a backup and a required field. This script sets the phone number to 000000 (this can be changed) and hides the phone number input field.
Unchecking "Same address" in checkout
This scripts unchecks the "Same as invoice address" in the Delivery address section of the EasyWebshop checkout.
Order management: custom colors for order statuses
You can change the colors of order statuses in order management and give personalized colors to custom order statuses.
Hiding wishlist button for some products
If you don't want the Add to wishlist (or Remove from wishlist) button to apear on certain products, you can add this CSS code to the product description.
Setting invoice country same as shipping country in EU
This script sets the invoice country to the same country as the shipping country when a country inside EU is selected. The purpose of this is to not allow customers to select an invoice country outside EU while delivery is inside EU. This prevents customers from bypassing VAT tax on their order.
Open products in new page or new window
Since the 2021 layout update, products are loaded directly into the product lists. This has the advantage of faster loading times (no need to load a new page each time) and ease of use (the customer does not have to return to the product list each time). It can be undone if desired.
Automatically send invoices upon incoming orders
This script checks for incoming orders and opens a new window with the invoice when an order comes in. The invoice is then sent automatically via email to the customer.
Redirecting a web page
Use this script to redirect to pages internally or externally. This redirect can be used with cms pages, category pages, blog pages and product pages.
Hiding product filters on the product detail page
This is possible by inserting a piece of CSS to hide the product filters on the product detail page.
Changing the product old price color
The old price is the crossed out price that can optionally be shown before the real price. It can be set at the Advanced tab in product management. This scripts allows you to personalize the color of the old price using CSS.
Changing the product status names
This script allows you to change the product status texts on the categories and the product detail pages.
Changing the space between products and categories
This is the CSS code for changing the padding (space between) products and categories.