Jump to content
Quang Ha

[Free Module] Lof New Products using carousel

Recommended Posts

211fb1d06f9479a7650fc3bb47b93c8b_XL.jpg

Lof New Products allow displays new products in front-end using carouFredSel jquery plugin.

 

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

More detail

http://www.landofcod...hop-module.html

Demo link

http://landofcoder.com/demo/prestashop/index.php?id_cms=41&controller=cms

Download link

http://www.landofcod...w-products.html

lofnewproduct.v.1.0.zip

Edited by quangha (see edit history)
  • Like 4

Share this post


Link to post
Share on other sites

Thanks for reply

 

It's working with multiple columns, you can set in config of the module.

Share this post


Link to post
Share on other sites

thanks, it is really nice module so it is worth to share it there :-)

 

regards

Share this post


Link to post
Share on other sites

Hi, all is great but have some problem

 

I'm using 1.4 Presta (not default theme)

 

if i choose in global settings

 

Get Product From Product Ids

 

and fill some product ids in field "New Product ids"

 

In this Slider button "Add to cart" work's perfect, but in same time button "Add to cart" dissapear from product list above product which where added to this slider.

 

Can you help?

Share this post


Link to post
Share on other sites

Hi Bars,

 

Could you please send me web information to landofcoder@gmail.com?

I will check and give you solution.

Edited by quangha (see edit history)

Share this post


Link to post
Share on other sites

Hi quangha

 

can you tell me how to setting it only appear on hompage??

 

sorry for my bad english :D

Share this post


Link to post
Share on other sites

Hi bagzpain,

 

You can hook the module to home.

Currently, the module hook to top of page.

Share this post


Link to post
Share on other sites

Hi bagzpain,

 

You can hook the module to home.

Currently, the module hook to top of page.

can you tell me how to do that?? im use ps v.1.5

thx beforeup

 

update : now it works on home hook.. thx for your advice :)

Edited by bagzpain (see edit history)

Share this post


Link to post
Share on other sites

Woks nice on PS 1.5.4.1 ^^

 

just a suggestion: add to the far right shortcut "See all news"

 

Tks.

Share this post


Link to post
Share on other sites

Hi, I have a small problem with this module. It shows all "limit items" on more rows and the slider's "next" & "previous" buttons won't work they just access a "#" link.....

Is it a js conflict?

Share this post


Link to post
Share on other sites

Hi quadd,

 

Maybe your website is error JS.

Could you send me your website? i will check for you.

  • Like 1

Share this post


Link to post
Share on other sites

Solved it! It was an error from a previous unused js in the tpl code and it generated a conflict.

Still now the "add to cart" buton just redirects me to the cart but not adding the product :) It only shows "cart empty"

Share this post


Link to post
Share on other sites

Solved it! It was an error from a previous unused js in the tpl code and it generated a conflict.

Still now the "add to cart" buton just redirects me to the cart but not adding the product :) It only shows "cart empty"

 

I think your website have error javascript.

Share this post


Link to post
Share on other sites

Thank you for this useful module! I love it as well as the "featured products" version!

Share this post


Link to post
Share on other sites

very good module =] . but how to disable or remove "Add to Cart" button?

 

You can remove "add to cart" button in .tpl file

 

tmpl/default/default.tpl

Share this post


Link to post
Share on other sites

Hi, I love your module it is very good , I hope one day I can be able to be have even a basic technical knowledge

 

Just a quick request is it possible to to make this work on the category page and to display products in the subcategory

Share this post


Link to post
Share on other sites

is there any module that can display the following in the category page:

 

when I click a Category then the category page will open and displays multiple horizontal product carousel under each other depending on how many subcategories are in that Category

 

Same if I clicked the a sub categories the category page will open and displays multiple horizontal product carousel under each other depending on how many sub-sb categories are in that sub Category

 

Category 1

Sub 1-1

Sub-Sub 1-1-1

Sub-Sub 1-1-2

Sub-Sub 1-1-3

Sub 1-2

Bub 1-3

 

So when I click Category 1

 

The Category Page will Display

1st Product carousel number 1 for Products in Sub 1-1

1st Product carousel number 1 for Products in Sub 1-2

1st Product carousel number 1 for Products in Sub 1-1

 

When I click Sub 1-1

 

The Category Page will Display

1st Product carousel number 1 for Products in sub Sub 1-1-1

1st Product carousel number 1 for Products in sub Sub 1-1-2

1st Product carousel number 1 for Products in sub Sub 1-1-3

 

Thanks you

Share this post


Link to post
Share on other sites

Hi

it's a great module, and I really would like to add it to my shop, but I use a custom theme and I can't see how avoid the carousel to match screen width - even changing max width from the BO.

see how it performs on the picture: LOF_NEW_PRODUCT_CAROUSEL_TEST.png

Share this post


Link to post
Share on other sites

is there any module that can display the following in the category page:

 

when I click a Category then the category page will open and displays multiple horizontal product carousel under each other depending on how many subcategories are in that Category

 

Same if I clicked the a sub categories the category page will open and displays multiple horizontal product carousel under each other depending on how many sub-sb categories are in that sub Category

 

Category 1

Sub 1-1

Sub-Sub 1-1-1

Sub-Sub 1-1-2

Sub-Sub 1-1-3

Sub 1-2

Bub 1-3

 

So when I click Category 1

 

The Category Page will Display

1st Product carousel number 1 for Products in Sub 1-1

1st Product carousel number 1 for Products in Sub 1-2

1st Product carousel number 1 for Products in Sub 1-1

 

When I click Sub 1-1

 

The Category Page will Display

1st Product carousel number 1 for Products in sub Sub 1-1-1

1st Product carousel number 1 for Products in sub Sub 1-1-2

1st Product carousel number 1 for Products in sub Sub 1-1-3

 

Thanks you

Hi,

 

I think that, it's ok if you want.

Edited by Quang Ha (see edit history)

Share this post


Link to post
Share on other sites

Hi

it's a great module, and I really would like to add it to my shop, but I use a custom theme and I can't see how avoid the carousel to match screen width - even changing max width from the BO.

see how it performs on the picture: LOF_NEW_PRODUCT_CAROUSEL_TEST.png

 

Please give your web information, i will check for you.

Share this post


Link to post
Share on other sites

Hi,

 

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

 

Also, I want to show my original prices when I have discounts. So the original price is striked out eg $180 and the discounted price shows eg $150. At the moment it only shows the discount price - there's no original price striked out. What do I need to change?

 

Best,

Adam

Share this post


Link to post
Share on other sites

Hey,

I downloaded V1.1, and opened ..\lofnewproduct.v.1.1\lofnewproduct\tmpl\default\default.tp, there you have a nested <li> tag which lists all the product's shown elements as below (with breakdown):

<div class="article lof-content">
  <div class="newproduct-item box-hover clearfix">
   <!-- PRODUCT TITLE -->
   {if $show_title eq '1'}
   <h5 class="entry-title">
	<a href="{$item.link}" target="{$target}">{$item.name}</a>
   </h5>
   {/if}
   <!-- PRODUCT IMAGE -->
   <div class="video-thumb lof-product">
   <a href="{$item.link}" title="{$item.name|escape:html:'UTF-8'}" class="product_image">
	<img class="responsive-img" src="{$item.mainImge}" alt="{$item.name}"/>
   </a>
   </div>
   <!-- PRODUCT DESCRIPTION -->
   {if $show_desc eq '1'}
	<p class="product_desc">{$item.description}</p>
   {/if}
 <!-- PRODUCT PRICE -->
   {if $show_price eq '1'}
	<p class="entry-price price_container"><span class="price lof-price">{$item.price}</span></p>
   {/if}

   {if is_array($item.specific_prices) AND ($priceSpecial  eq '1')}
   <div class="entry-price-discount">{displayWtPrice p=$item.price_without_reduction}</div>
   {/if}
   <!-- ADD TO CART AND VIEW BUTTONS -->
   <div class="entry-content lof-button">
	{if (($item.quantity > 0 OR $item.allow_oosp))}
	<a class="lof-add-cart ajax_add_to_cart_button" rel="ajax_id_product_{$item.id_product}" href="{$site_url}cart.php?add&id_product={$item.id_product}&token={$token}"><span>{l s='Add to cart' mod='lofnewproduct'}</span></a>
	{else}
	 <span class="lof-add-cart">{l s='Add to cart' mod='lofnewproduct'}</span></a>
	{/if}
	<a href="{$item.link}" class="lof-detail">{l s='Detail' mod='lofnewproduct'}</a>
   </div>
  </div>
 </div>

I have changed that code in order to have a different element order and to add the price discount as follows:

<!-- PRODUCT IMAGE -->
	<div class="video-thumb lof-product">
	 <a href="{$item.link}" title="{$item.name|escape:html:'UTF-8'}" class="product_image">
	  <img class="responsive-img" src="{$item.mainImge}" alt="{$item.name}"/>
	 </a>
	</div>
	<!-- PRODUCT TITLE -->
	{if $show_title eq '1'}
	 <h4 class="entry-title"> <!-- was a5 -->
	  <a href="{$item.link}" target="{$target}">{$item.name}</a>
	 </h4>
	{/if}
	<!-- 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}
	<!-- PRODUCT PRICE  -->
	{if $show_price eq '1'}<div class="entry-price">{$item.price}</div>{/if}
	<!-- PRODUCT DESCRIPTION -->
	{if $show_desc eq '1'}<p>{$item.description}</p>{/if}

Now, if you will remove the original lines for price and replace them with the ones I have above here you will have the original price "striked" out and below it the discounted new price. You will have to add/modify css in order to acheive the look you want.

Edited by kingsinnersoul (see edit history)

Share this post


Link to post
Share on other sites

As far as the navigation buttons, go to

"..\lofnewproduct.v.1.1\lofnewproduct\tmpl\default\assets\style.css".

Lines 89 has:

   background: url("images/icon-next-prev.png") no-repeat scroll right top transparent;

It shows the image located in:

"..\lofnewproduct.v.1.1\lofnewproduct\tmpl\default\assets\images\icon-next-prev.png"

This image has differnet icons for different theme colors I guess.

But the "On Hover" changes color because the css in line 102 for Next Button and line 110 for Prev button. If you want a different button you'll have to change the image (and then the css as well), or just play around with the +/- number px in the lines above.

Share this post


Link to post
Share on other sites

OK, thanks for the reply and the work you've done.

I'll have a play around with everything and see how it goes.

 

Best,

Ad

Share this post


Link to post
Share on other sites

Hello Quang Ha.

I've just added this module to my shop www.cosmomedica.com/shop but products are not showing.

I don't know where can be the problem.

Share this post


Link to post
Share on other sites

Hi,

i think there is an error at line 53 of "lofnewproduct.php"

 

 return '<div class="clearfix"></div><div>'.$this->processHook( $params,"home");

 

delete the "<div>" for ex:

 

 return '<div class="clearfix"></div>'.$this->processHook( $params,"home");

 

Maybe same things for the "Lof Featured" module

Edited by zoomtronic (see edit history)

Share this post


Link to post
Share on other sites

I really like this module because it eliminates the need to manually add your new products to featured products, which works for me. I actually tested the lof free featured products slideshow before I found this one. Both are great modules! I am currently using the default theme for Prestashop 1.5.4.1. Thanks!

Edited by Misobella (see edit history)

Share this post


Link to post
Share on other sites

hi may i ask how to remove the top text part as shown in the image

 

 

 

i cant seem to find where to remove the text

 

Yes this is lof new product , using leo gift template its packaged

post-645139-0-08884300-1374838978_thumb.jpg

Edited by ekiz (see edit history)

Share this post


Link to post
Share on other sites

hi may i ask how to remove the top text part as shown in the image

 

 

 

i cant seem to find where to remove the text

 

Yes this is lof new product , using leo gift template its packaged

 

Hi,

 

you need remove in .tpl file

 

themes/leogift/modules/lofnewproducts/tmpl/default/default.tpl

Share this post


Link to post
Share on other sites

the question is: where you want to use it?

Share this post


Link to post
Share on other sites

hello, to put in several hook was good.

 

wanted to have on the home page.

Share this post


Link to post
Share on other sites

Thnx Quang for this great module.

Very grateful to you for this.

CAn I ask you 2 questions:

1- I d like to modify your sliding as like this but I couldnt make it: When clicking next arrow button at the moment the slide moves as equal as 1 product box width. But I want the slide move 4 by 4. Basically when I click on next I want all current 4 products to move away to left replaced by the other new 4 products on each click. How to do that?

2- I saw on your demo page a top horizontal menu (under your module) there is a HOME link. As you know on default of Presta there is no HOME link on top horizontal menu. (there is a link called home but that represents the categories etc with sublevels) But I dont want that I want just classic home link as yours linked to real home page without sublevels. How can I do that?

 

thnx

Share this post


Link to post
Share on other sites

Thank you so much for this great module.

 

But it happen to appear 2 pricing as seen in the image attached.

 

May I know how to fix this?

post-626180-0-69280000-1376523134_thumb.png

Share this post


Link to post
Share on other sites

Thank you so much for this great module.

 

But it happen to appear 2 pricing as seen in the image attached.

 

May I know how to fix this?

 

Please tell me your module version?

Share this post


Link to post
Share on other sites

Hi Quang Ha,

 

The version I am using now is lofnewproduct.x1.1

 

Thank you for your help.

Share this post


Link to post
Share on other sites

Hi,

 

Im using ver.1.1 of the Lof new products carusel.

Is it possible to put the carusel from the TOP to the middle or at the bottom of the homepage?

 

thnx

  • Like 1

Share this post


Link to post
Share on other sites

Hi Quang Ha,

I migrated my shop to a new url, change all the url in ps shop url section. The shop works fine except your module (before it was perfectly) : title banner "New products"appears but carousel is not showing. I tried many things : reset then install again the module, clean caches, check in database if an old url wasn't hidden somewhere... but still products are not showing with your default theme and mine. My shop menu in JS works fine...

Any ideas please ?

Thanks for your help.

Edited by petitsyeux (see edit history)

Share this post


Link to post
Share on other sites

perfect, thank you. Removed from top of pages, added to homepage content, now ok. Can you please add option to limit product name characters? Have only option to limit description characters.

Share this post


Link to post
Share on other sites

Thank you for a great module. My only issue is i am failing to move it to another hook. It only appears in the header, i move to another hook, it shows products, but not the way its supposed. Shows all products in one vertical row. So my question is  how do i move to another hook?

Edited by DarangwaN (see edit history)

Share this post


Link to post
Share on other sites

Thank you GREAT MODULE,

Only a thing. How I can obtain the same height for each box product ? height depends of lenght of title and description so I have a bad view of this module.

Thank you

Share this post


Link to post
Share on other sites

make sure that you haven't got exceptions defined for this addon under modules > positions tab

Share this post


Link to post
Share on other sites

Hi !

Great module, thanks for sharing.

 

For those who wants to display a text when a product is in SOLD,

 

Use this !

{if isset($item.on_sale) && $item.on_sale && isset($item.show_price) && $item.show_price && !$PS_CATALOG_MODE}{l s='On sale!'}{/if}

Share this post


Link to post
Share on other sites

hi, i am using the leo t-shirt theme with prestashop 1.4 and i like the Lof New Products Module v1.0.0 that is preinstalled in the template..

here is my beginner question...

how do i change the headline to say anything but "NEW PRODUCTS" and the look of the bar it sits on?

i tried the tpl files, but it does not seem to work? am i looking in the wrong spots? seems like prestashop creates duplicates all over the server when you install a theme...

Share this post


Link to post
Share on other sites
 
I wish I could control the display order of products.
Is it possible ?

 

Share this post


Link to post
Share on other sites

You can remove "add to cart" button in .tpl file

 

tmpl/default/default.tpl

Exactly what I was looking for! 

 

I was looking for a way to remove the "add to cart" button because I have products with variations. Thank you! :)

And thank you for the module! It's AWESOME!

Share this post


Link to post
Share on other sites

Hello, tanks for this great module.

I whant to have 4 colums on the Homepage content, but they have big margins, how to edit the margins?

 

tanks!

Edited by majority (see edit history)

Share this post


Link to post
Share on other sites

majority, please share url, i will inspect it and then give you code :)

Share this post


Link to post
Share on other sites

Thanks for the module, where i can download version 1.1?

P. S.

I change hook to the "home" and now module is broken (use 1.0)

Edited by delime (see edit history)

Share this post


Link to post
Share on other sites

can someone help me?

 

my module doest work correctly...i think can be css or similar...where can I do something?

 

thanks friends!!! :)

 

4gjg.jpg

Edited by rozas988 (see edit history)

Share this post


Link to post
Share on other sites

share url to your website

without url we can't help, it is almost impossible

 

with regards,

Milos

Share this post


Link to post
Share on other sites

share url to your website

without url we can't help, it is almost impossible

 

with regards,

Milos

Sorry, the url: www.calzadosleisfontan.es

 

i have solved some problem of the module but it isnt working good, the css and js dont work, in this web works correctly

 

http://www.leotheme.com/demo/prestashop14x/?template=leo_sportshoes

 

 

thanks so much

Share this post


Link to post
Share on other sites

hi, i have some problem with the module.. and i still don't know how to fix the product column. what i want to fix now is the size of product column. it's look messy and i want to make it look more arranged.

i use lofnewproduct.v.1.1
configuration in module for slide height and width: auto

this is my website: www.angeling-shop.com

 

i'm still newbie and i hope u guys can help me to fix this. thx before ^_^

post-719902-0-23408900-1387558715_thumb.png

Share this post


Link to post
Share on other sites

Not so good module for people that have shop with no products in last 20 days. Module become empty. And if you change global parameter for "new products" then you get this new flag icon everywhere, not acceptable. Icon is easy to remove, but it is all or nothing. Removed for ever.

 

Does anyone know how to adapt this code in module to simply get latest products, and disregard global shop parameters ?

DATEDIFF(p.`date_add`, DATE_SUB(NOW(), INTERVAL '.(Validate::isUnsignedInt(Configuration::get('PS_NB_DAYS_NEW_PRODUCT')) ? Configuration::get('PS_NB_DAYS_NEW_PRODUCT') : 2000).' DAY)) > 0 AS new,
  • Like 1

Share this post


Link to post
Share on other sites

 

Not so good module for people that have shop with no products in last 20 days. Module become empty. And if you change global parameter for "new products" then you get this new flag icon everywhere, not acceptable. Icon is easy to remove, but it is all or nothing. Removed for ever.

 

Does anyone know how to adapt this code in module to simply get latest products, and disregard global shop parameters ?

DATEDIFF(p.`date_add`, DATE_SUB(NOW(), INTERVAL '.(Validate::isUnsignedInt(Configuration::get('PS_NB_DAYS_NEW_PRODUCT')) ? Configuration::get('PS_NB_DAYS_NEW_PRODUCT') : 2000).' DAY)) > 0 AS new,

+1

Share this post


Link to post
Share on other sites

what is the url to your website?

Hi, I'm using Leo t-shirt theme in prestashop... I want Leo Products Carousel Block to be roll automatically. Any body can help..?

Thanks in Advance...

Share this post


Link to post
Share on other sites

Hi, I'm using Leo t-shirt theme in prestashop... I want Leo Products Carousel Block to be roll automatically. Any body can help..?

Thanks in Advance...

Share this post


Link to post
Share on other sites

Bonjour et merci pour ce module.

Je voudrais diminuer la longueur du slide dans la page car il touche la colonne de droite.

Actuellement en utilisant firebug je trouve width de 549 dans element-style.

Ou trouver ce fichier la je bug.

Je voudrais simplement diminuer à 531px.

Quelqu'un peut il m'aider.

Merci de votre réponse.

Share this post


Link to post
Share on other sites

#houin, est-ce que tu peux me donner l'address de cette page?

Bonjour et Merci  , mais j'ai réglé le problème .C'est moi qui ne sais pas lire.Fonctionne trés bien

Share this post


Link to post
Share on other sites

Hi, I'm using Leo t-shirt theme in prestashop... I want Leo Products Carousel Block to be roll automatically. Any body can help..?

Thanks in Advance...

365dpc.com

Share this post


Link to post
Share on other sites

Hi,...

I'm using lofnewproduct using carousel.

 

How can I make the scroll is run continuously, or have no pause at auto-play slider.

 

I'm using the prestashop 1.4.6.2 and lofnewproduct 1.0

 

Thanks in advace

 

 

 

Share this post


Link to post
Share on other sites

Hi!

I am using this module for a few days, and i think it's great.

But there is something i would like to change.

Is there any way that the module gets new products sorting by update date, instead of add date?

Because i have imported most products at once, but did not activated all of them, because i had to make changes in names, description, etc. And now i wanted to show them as new products as i update them.

If someone could tell me where to change the code, i would be grateful.

Thanks.

Paulo Cruz

 

http://www.interdata.pt

Share this post


Link to post
Share on other sites

i palce this module in display home hook

but it doesnt work

image lists under eachother

what should i do?

Share this post


Link to post
Share on other sites

Hi everyone,

I am trying this module as well and this is just simply nice module.

I am having a trouble when adjusting the "Slide width" in the module configuration

When I set the width into any integer, the appearance in browser (I am using chrome) is full width.

and how do I change the position?

I tried to move it around the slider position but it just on top of my category. I am trying to set the position on the right side of my category panel.

I am using prestashop v1.5.6.2

my theme is simpleresponsivetheme

 

I found it how to change the position. I unhook the TOP page and hook it at homepage content and now

it shows beside the category but when i test the respoonsive using firefox, the slide wrapper become 'broken'. I wonder why.

http://www.mrmrslee.com

post-770084-0-30682900-1394618375_thumb.jpg

Edited by ericlie (see edit history)

Share this post


Link to post
Share on other sites

hi everybody. i'm using this module in the PrestaShop™ 1.4.11.0 my store have Russian language, and this module works with some mistakes 1) different height of the column. 1) unreadable characters 3) mistake in title

post-225528-0-64896200-1397146726_thumb.jpg
how to solve it
many thanks
Edited by diag2all (see edit history)

Share this post


Link to post
Share on other sites

you can do it in tmpl/default/default.tpl file

 

just remove this code:

<a class="lof-add-cart ajax_add_to_cart_button" rel="ajax_id_product_{$item.id_product}" href="{$site_url}cart.php?add&id_product={$item.id_product}&token={$token}"><span>{l s='Add to cart' mod='lofnewproduct'}</span></a>

Share this post


Link to post
Share on other sites

Good Day I installed the Prestashop 1.6 version (v2) After a standard install I receive this error. No template found for module loffeatured. could you please assist.

Share this post


Link to post
Share on other sites

I installed this module and I'm using PS 1.5.4.1. I would like to make this with one column (easily done with the module) and put it where the "New Products" block is on the left of my site. Basically, replacing the new with the old in the same position. How would I do this? I had to disable the module because it overlaps everything on my site. I ran the LiveEdit and I can't move things around. Can someone help me get it there?

 

Also, I'd like to keep the link for "All New Products" at the bottom of the "New Product" (current block). My site is wwwdotsavvymarinadotcom. Thanks!

Share this post


Link to post
Share on other sites
Hi,

 

I've upgraded my prestashop to 1.6 and now I don't see the module in the home page.

 

Do you know what modification is needed to get this working in 1.6?

 

I'm really stuck with this, I hope you can help me.

 

Thanks

Share this post


Link to post
Share on other sites

Hi presta forum!

 

Does this module works on presta 1.6?

 

It is possible to use for any products ( i mean, i choose the products a would like to place there) or it is just for "new products" and no way to chande it.

 

Thanks you all for replies!

Share this post


Link to post
Share on other sites

On Prestashop V 1.6 slider is not showing up on website.This problem can be solved?

Share this post


Link to post
Share on other sites