Our Blog

It may not look like a big deal but this is actually a headache for most Prestashop users, These days shipping prices can get a vistor to abandon store shopping cart within 1 second. If you want to check if this is true then log on to their backend and view the abandoned carts, though the reasons for the abandonment is not stated but common sense will tell any shop owner that if a customer whom had gone further to add the product to a cart really wants to know how much it will cost to purchase that product.  You would like the visitor to go further and make a decision during the checkout process.

Lets  sort out this fix

1. You want only logged in customers to access the shipping price? Then go to your default carrier and edit the group access by un ticking the Vistor and Guest options. This means that a guest or a visitor will not be scared away when they add a product to your cart.

2. You want to replace Free Shipping! text on the shopping cart? Go to > Localization > Translations > Choose Front Office Translations > Choose Theme(Usualy the Default)  > Choose Language > Then click on Modify > Scroll down to Edit 'Shopping Cart' Free Shipping option. You can set it to what you want or £0.00. > Save .

3. Go to Translations again > Installed Modules > Edit Shopping Cart. If your server warns you of Maximum PHP input for a form ? > Dont wory, then go to > Cpanel to edit the files from there. > Go to Cpanel, find the folder modules/blockcart/translations and edit Free Shipping option from there. Around line 21

$_MODULE['<{blockcart}prestashop>blockcart_c6995d6cc084c192bc2e742f052a5c74'] = 'Free Shipping';

$_MODULE['<{blockcart}prestashop>blockcart_c6995d6cc084c192bc2e742f052a5c74'] = 'CHANGE TO ANYTHING YOU WANT';

As at this post, this applies to Prestashop 1.6 version

One of the problems faced by Prestashop users is "Layered Navigation". Layered Navigation gives your users the ability to do a more specific search or better way to sort products and prices to match expectations and improves user experience. Most of the time when Layered Navigation is enabled in the module area, it does not appear on the site. Note that layered navigation appears on category pages in Prestashop.

For the steps in enabling your layered navigation and making it work lets do the following;

1. In your back end go to Preferences >> SEO & Urls >> Turn on Friendly URL (Must be on for layered navigation to work)

2. Go to Modules >> Layered navigation Block >> See the template there and click on Edit >> Select All the Categories and Sub categories where you want Layered navigation >> You can manipulate other filters if you want but not usually necessary >> Hit the SAVE button.

3. On the same Layered Navigation Block >> Rebuild all indexes

5. Check that the Module is hooked to the Left or Right Column where you want it to appear by going to >> Manage hooks on the Module page above.

After all these come back and click on a category with products and see the layered Navigation on the right or left as chosen.

Goodluck, Leave us a comment if it works!

Recently we made a new video for our business and wanted to embed it with autoplay, remove related videos after play, then most of all to make the video responsive across all mobile platforms. Lets start with the following.

1. Remove suggested  videos from youtube when the video finishes;

See a typical embed code below

<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/AMUzoBIyyzw" frameborder="0" allowfullscreen></iframe>

The above video will show the video , and suggest videos when it finishes playing , but the following l embed will not;

<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/AMUzoBIyyzw?rel=0" frameborder="0" allowfullscreen></iframe>

Note the addition of the highlighted ?rel=0

Actually this could be achieved before embedding by clicking on 'show more' options under the embed code in your youtube video and then unselect the show 'suggested videos when the video finishes'. The embed code will be adjusted as above.

2. Add autoplay to video when it loads and remove suggested videos;

<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/AMUzoBIyyzw?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>

Note the addition of &autoplay=1

3. Make the video responsive;

Actually you can do this by going to http://embedresponsively.com/ and entering your video url. Copy the embed code and afterwards make the adjustments to the code to look like the following as highlighted here below

<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='http://www.youtube-nocookie.com/embed/AMUzoBIyyzw?rel=0&autoplay=1' frameborder='0' allowfullscreen></iframe></div>

Goodluck !