Jump to content
Quang Ha

[Free Module] Lof Featured Products Carousel

Recommended Posts

I want to share featured products module using carouFredSel jquery plugin.
852967248dd3e6cb3942a1fe6af42945_L.jpg
Module Featured

  • Support prestashop 1.4.x, 1.5.x
  • Support multiple language
  • Support multiple shop
  • Simple to use with simple configuration.
  • Support Multiple Layouts and Multiple Themes. Allow overriding layout in the current template.
  • Fully compatible IE7+, Firefox 2+, Flock 0.7+, Netscape, Safari, Opera 9.5

Detail link
http://www.landofcoder.com/prestashop/slider/80-lof-featured-products-prestashop-module.html

Demo link
http://demo4coder.com/prestashop/prestashop1.5.x/index.php?id_cms=42&controller=cms&id_lang=1
 

loffeatured.v.1.0.zip

loffeatured.v.1.1.zip

Edited by Quang Ha (see edit history)
  • Like 14

Share this post


Link to post
Share on other sites

Please unhook "top of page" then hook to "home" hook.

I checked on my computer and it's working well.

  • Like 1

Share this post


Link to post
Share on other sites

Does not work for me .. price appears twice, once correctly and once again reduced price ... image appears on mouse over $ item_neme ...

 

some fix ?

Share this post


Link to post
Share on other sites

Does not work for me .. price appears twice, once correctly and once again reduced price ... image appears on mouse over $ item_neme ...

 

some fix ?

Could you please send me error images?

Share this post


Link to post
Share on other sites

Could you please send me error images?

 

Error in display images name:

post-544552-0-58671700-1368769215_thumb.jpg

Share this post


Link to post
Share on other sites

dont working in chrome .... test please in chrome and see about I talk

Share this post


Link to post
Share on other sites

After installing the new version is still an error in the module.

 

post-544552-0-58671700-1368769215_thumb.jpg

You need to use version 1.1 and delete smarty cache.

Share this post


Link to post
Share on other sites

Hello, thanks for a great module :) I love it.

 

Although I have problem with the module. When I go to my start page it only shows a part of the slide. If I resize the window it goes normal. What to do? Please help me, kind regards Inge Wihlborg.

post-575865-0-98618000-1369648770_thumb.jpg startpage

post-575865-0-64037800-1369648800_thumb.jpg resized window

Share this post


Link to post
Share on other sites

Hi inge@hjinello.se

 

Could you please send me your website?

Ii will check the module and give you solution.

Share this post


Link to post
Share on other sites

Thank you a lot, the height for the slide was set to Auto, but when I changed it to a specifik height it was okey.

 

Kind regards Inge

Share this post


Link to post
Share on other sites

Thank you a lot, the height for the slide was set to Auto, but when I changed it to a specifik height it was okey.

 

Kind regards Inge

You are welcome :)

Share this post


Link to post
Share on other sites

Hi Quang,

 

I have installed this module and it is great.

However, I have it set to "DATE ADDED" for ORDER BY yet it doesn't include the latest product.

 

Also, how do you change the font colour and weight etc?

 

Thanks,

Adam

Share this post


Link to post
Share on other sites

Hi adamcarter,

 

You can change in CSS file.

/tmpl/default/assets/style.css

Share this post


Link to post
Share on other sites

Hi Quang,

 

Thanks for the reply.

But I still have the problem whereby the latest products aren't included.

 

Best,

Ad

Share this post


Link to post
Share on other sites

Hi Quang,

 

Thanks for the reply.

But I still have the problem whereby the latest products aren't included.

 

Best,

Ad

You can use the lofnewproducts module.

Share this post


Link to post
Share on other sites

Hi Quang,

 

The problem I've got is that I may not add new items for a couple of months, so I was just going to use your module and change the title "FEATURED ITEMS" to "RECENT ITEMS" and and use the DATE ADDED option as this will simply show the latest added items.

 

Am I right to say that your "NEW PRODUCTS" module will show only new items from a defined date?

 

Thank you for the reply and your work is great!

Adam

Share this post


Link to post
Share on other sites

Quang,

 

I have installed the NEW PRODUCTS module.

How do I alter the title, the transition speed and the background colour of the title?

 

Thanks,

Adam

Share this post


Link to post
Share on other sites

Hi Quang,

 

Thanks for the reply.

 

I can change the title, but I can't do anything else - it breaks the website.

What is your advice?

 

Best,

Adam

Share this post


Link to post
Share on other sites

Hi Quang,

 

Thanks for the reply.

 

I can change the title, but I can't do anything else - it breaks the website.

What is your advice?

 

Best,

Adam

Maybe you don't change exact.

 

Could you tell me what did you change?

Edited by Quang Ha (see edit history)

Share this post


Link to post
Share on other sites

Hi Quang,

 

I'm so confused.

I followed the link you provided but like I say the website broke when I changed the code.

 

Can you, let's say, change the title background colour for a test and then tell me where I have to do the same and what code to use.

 

Sorry for my limited knowledge but like I've said previously on this forum, I am learning and I thank all those who can help me.

 

Best,

Ad

Share this post


Link to post
Share on other sites

thx for this great module

 

it's possible to change a animation in hover image, exemple, in hover show second image of product !!?

 

thx

Share this post


Link to post
Share on other sites

amazing module i love it easy to customize colors

 

check out my page

 

www.cpxwheels.com :)

 

Can you please tell me how you changed the colours etc?

 

Best,

Adam

Share this post


Link to post
Share on other sites

Hi

Is possible random product show

Hi fox2plus,

 

The module don't support random product show, but if you want we can customize for you with a fee.

Share this post


Link to post
Share on other sites

thx for this great module

 

it's possible to change a animation in hover image, exemple, in hover show second image of product !!?

 

thx

 

Hi mizou125,

 

The module don't support, but if you want we can customize for you with a fee.

Share this post


Link to post
Share on other sites

Can you please tell me how you changed the colours etc?

 

Best,

Adam

You need to change here "tmpl/themes/default/assets/style.css" file.

  • Like 1

Share this post


Link to post
Share on other sites

tmpl/default/assets/style.css Or themes/theme name/css/global.css

 

I hope it will help you

Share this post


Link to post
Share on other sites

I hooked on home page, but href is showing.

 

Please give me your website, i will check.

Share this post


Link to post
Share on other sites

Hey,

Thanks for this moduel. It works well on 1.5.4.1. Could you please tell me how/where the wrapper height is set? I feel that its somewhat taller than I would like it to be.

 

Thank you for the module and your help.

Share this post


Link to post
Share on other sites
Hey, Thanks for this moduel. It works well on 1.5.4.1. Could you please tell me how/where the wrapper height is set? I feel that its somewhat taller than I would like it to be. Thank you for the module and your help.

 

Hello kingsinnersoul,

 

I need go to the configuration of the module to set.

Share this post


Link to post
Share on other sites

Hey,

I did not see any height control field in the back office. Could you point me to the line (or lines) of code in the JS file that handles the height of the caroufredsel_wrapper.

 

Thanks

Share this post


Link to post
Share on other sites

Hey,

I did not see any height control field in the back office. Could you point me to the line (or lines) of code in the JS file that handles the height of the caroufredsel_wrapper.

 

Thanks

Please view attachment file.

post-292401-0-94512600-1371869465_thumb.png

Share this post


Link to post
Share on other sites

How to show price before reduction in featured products (front office)- using lof featured product module? Now is showing only reduction price ( special offer), but I want to have both prices( of course I have price before reduction enebled)

http://www.be-xtreme...esta1/index.php

 

Any idea to solve?

 

Thanks a lot for help.

 

Best regards

Klemen

Share this post


Link to post
Share on other sites

Hello

You should go to ..\modules\loffeatured\tmpl\default\default.tpl

and I have reorganized the different sections, but Here are the sections;

 

Image

<!-- PRODUCT IMAGE -->
	 <div class="video-thumb">
	  <a href="{$item.link}" title="{$item.name}" class="product_image" target="{$target}">
	  <img class="responsive-img" src="{$item.mainImge}" alt="{$item.name}"/>
	  </a>
	 </div>

Title

<!-- PRODUCT TITLE -->
	 {if $show_title eq '1'}
	 <h4 class="entry-title">
	  <a href="{$item.link}" target="{$target}" title="{$item.name}">{$item.name}</a>
	 </h4>
	 {/if}

Discount

<!-- PRODUCT DISCOUNT -->
	 {if is_array($item.specific_prices) AND ($priceSpecial  eq '1')}
	  <div class="entry-price entry-price-discount"><strike>{displayWtPrice p=$item.price_without_reduction}</strike></div>
	 {/if}

Price

<!-- PRODUCT PRICE  -->
	 {if $show_price eq '1'}<div class="entry-price">{$item.price}</div>{/if}

Descritption

<!-- PRODUCT DESCRIPTION -->
	 {if $show_desc eq '1'}<p>{$item.description}</p>{/if}

So add/remove/reorganize the sections and then use CSS to edit it further.

 

Good luck

  • Like 1

Share this post


Link to post
Share on other sites

Hi kingsinnersoul,

 

I have alredy same discount section in my default.tpl, but it show in front office only special or discount price- no price without reduction.

Any solution?

<!-- PRODUCT DISCOUNT -->

{if is_array($item.specific_prices) AND ($priceSpecial eq '1')}

<div class="entry-price entry-price-discount"><strike>{displayWtPrice p=$item.price_without_reduction}</strike></div>

{/if}

Share this post


Link to post
Share on other sites

You need to change here "tmpl/themes/default/assets/style.css" file.

 

Hi,

 

I have changed the colour of the "Add to cart" section, but I don't where to change the colours of the navigation arrows. Can you tell me the line number please where to change the code?

 

Thank you,

Adam

Share this post


Link to post
Share on other sites

Great module! But i have a question.. i can arrange the products in the carrousel by my groups of clients?

 

Thanks!

Share this post


Link to post
Share on other sites

@Klemen130, I dont understand what you really want to get. Maybe post a picture? I have the originial price striked ( $180 ) and the discounted price shows ( $150 ).

 

@adamcarter, use firebug in FireFox and you will save yourself a whole lot of time. There is a div with class="featured-nav", it has two nested <a> tags. They are the controlling buttons. I like better the buttons from this module, so I woul suggest you to just take them from there.

Share this post


Link to post
Share on other sites

@kingsinnersoul, that's exctly what I want : the originial price striked ( $180 ) and the discounted price shows ( $150 ). At the moment shows only discount price, there's no original price striked. What I need to change? Of course in my back office price before reduction is enebled.

Share this post


Link to post
Share on other sites

<!-- PRODUCT DISCOUNT -->
			 {if is_array($item.specific_prices) AND ($priceSpecial  eq '1')}
			  <div class="entry-price entry-price-discount"><strike>{displayWtPrice p=$item.price_without_reduction}</strike></div>
			 {/if}

In the code above you can see that there is

<strike>{displayWtPrice p=$item.price_without_reduction}</strike>

this Strike is the code that makes the original price to be ( $180 ). If you added it to your tpl it should show up.

In back office go to: Advanced Parameters > Performance, and under Smarty choose Force compilation.

Then go get FireBug extension for FireFox and and examine your product's css/html. Try to see maybe the striked price is being covered by some other element and you might have to play with the css in order to make it show. A link to your site can help in showing you where the issue is. But try the Force Compile first.

Edited by kingsinnersoul (see edit history)

Share this post


Link to post
Share on other sites

@kingsinnersoul - Sorry! I am talking about Quang's other module; his NEW PRODUCTS CAROUSEL. I got the modules mixed up. Anyway, do you know how I can do what I asked for that module? And do you know how to do what klemen130 wants?

 

Obviously, as this is the wrong topic click on this link and please post your reply here:

http://www.prestashop.com/forums/topic/246667-free-module-lof-new-products-using-carousel/page__st__20

 

Best,

Adam

Share this post


Link to post
Share on other sites

@kingsinnersoul

I found it. I changed style.css

themes/leoconv/css/modules/lofnewproduct/tmpl/default/assets/style.css- line 204 : display

 

Now is working. Thanks a lot for your help.

Share this post


Link to post
Share on other sites

Hi,

Thank you for this great module,

how can to duplicate the module ?

Share this post


Link to post
Share on other sites

I've installed this module and it works great. One problem though...

 

I want to transplant this module from the top of the page to the middle of the page. I have done this by unhooking it from the "top of pages" position and transplanted it to the "homepage content" position.

 

The problem is when I do this, the style for the module goes back to the default style.

 

 

I noticed that when the module is first installed, the stylesheet it uses is style.css in the module folder

 

AFTER I transplant the module, the new stylesheet is global.css in my theme folder

 

 

How do I keep the module using style.css and NOT global.css so that it looks the same?

 

Thanks.

Share this post


Link to post
Share on other sites

Thanks for the module. How would I go about disabling the tax being included in the prices for users that are signed into their accounts?

post-595250-0-54297400-1373494278_thumb.jpg

Share this post


Link to post
Share on other sites

Thanks for the module. How would I change the time of stand by?

 

check the js definition of the module, there is an option to change the delay

Share this post


Link to post
Share on other sites

Hi, thanks for this wonderful module, it's working fine but i just want to resize pictures verticaly and have the good ratio. Any idea ?

Share this post


Link to post
Share on other sites

Hi, this module is awesome but i have a little bug i tried to edit the css but doesnt work i can't find where i can change the bar in the picture

 

any idea

 

in fact i just found -_- its in grid css wtf :)

 

230300slid.jpg

Edited by goldensun42 (see edit history)

Share this post


Link to post
Share on other sites

hello @goldensun42

 

please share the url to your website, without it is hard to say whats going on.

with url it will be really easy to debug it because it is simple css issue.

 

btw. if you solved it - please share your solution - it will be really helpful for other merchants with similar problem :)

Share this post


Link to post
Share on other sites

hello @goldensun42

 

please share the url to your website, without it is hard to say whats going on.

with url it will be really easy to debug it because it is simple css issue.

 

btw. if you solved it - please share your solution - it will be really helpful for other merchants with similar problem :)

 

yes sure like i said, when you are using the inspector element with chrome , you have some global.css and some style.css( for the color and everything) but in my case it was in the gris_product css the line depend on what the inspector said, and i put my weight ^^

Share this post


Link to post
Share on other sites

I just have one issue when I first visit my home page only half the slider shows the rest appears to be behind the footer. Then when I return back to home page it is fine, this appears mainly to happen in Chrome.

Share this post


Link to post
Share on other sites

www.sapphirepets.co.nz

 

Thanks

 

Hi,

 

I think that you should set Height for the module (in config page)

Share this post


Link to post
Share on other sites

Hi, fantastic work - can you please add option Order by: RANDOM ?

 

Im tired of manully changing featured products so Im adding all products into home category and then featured module shows every time on page refresh different products.. Thank you.

Share this post


Link to post
Share on other sites

Hi, how change module to view products - two line ?

Hi,

 

The module don't support two lines.

Share this post


Link to post
Share on other sites

Hi, fantastic work - can you please add option Order by: RANDOM ?

 

Im tired of manully changing featured products so Im adding all products into home category and then featured module shows every time on page refresh different products.. Thank you.

 

Hi,

 

It's hard :(

Share this post


Link to post
Share on other sites

Hi,

 

I want the featured products only on the home page. How can it be done ? Also how to add products to this slider ?

Share this post


Link to post
Share on other sites

@ ushang90

You must assgin the module to home hook,

currently, the module is top hook.

Share this post


Link to post
Share on other sites

@ ushang90

You must assgin the module to home hook,

currently, the module is top hook.

 

@Quang Ha : Thanks but i am new to prestashop and dont have much knowledge of the same. Can you please tell me how to assign the module to home hook. Also i want it to appear just below by slider. Sorry for asking stupid questions but i am quite a newbie to all this. Thanks a lot in advance.

Share this post


Link to post
Share on other sites

Hi,

When I'm trying to transplant module to content hook it works fine (module is in two places then). But when I unhook from top of pages all style is removed from module and all the featured items are displayed one underneath another (picture attached). Could anyone help with this issue? Thanks.

post-437973-0-56249600-1378109277_thumb.jpg

Edited by zwora (see edit history)