masmaz Posted July 4, 2014 Share Posted July 4, 2014 (edited) hi all Featured products I can not put them in horizontal ... you have any suggestions? thank you max Edited July 5, 2014 by masmaz (see edit history) Link to comment Share on other sites More sharing options...
PSfever.com Posted July 4, 2014 Share Posted July 4, 2014 Could you give us the URL of your site? Link to comment Share on other sites More sharing options...
vekia Posted July 4, 2014 Share Posted July 4, 2014 it looks like your featured products module is without css styles make sure that module file is attached to page source Link to comment Share on other sites More sharing options...
masmaz Posted July 4, 2014 Author Share Posted July 4, 2014 it looks like your featured products module is without css styles make sure that module file is attached to page source This is the source code of the page ... <!-- MODULE Home Featured Products --> <div id="featured-products_block_center" class="block products_block clearfix"> <h4 class="title_block">Prodotti in vetrina</h4> <div class="block_content"> <ul style="height:500px;"> <li class="ajax_block_product first_item "> <a href="http://www.adesivando.it/index.php?id_product=19&controller=product&id_lang=6" title="Mezzi pesanti" class="product_image"><img src="http://www.adesivando.it/img/p/5/2/52-home_default.jpg" height="124" width="124" alt="Mezzi pesanti" /><span class="new">Nuovo</span></a> <h5 class="s_title_block"><a href="http://www.adesivando.it/index.php?id_product=19&controller=product&id_lang=6" title="Mezzi pesanti">Mezzi pesanti</a></h5> <div class="product_desc"><a href="http://www.adesivando.it/index.php?id_product=19&controller=product&id_lang=6" title="Più">Adesive per decorazione saracinesche o Box</a></div> <div> <a class="lnk_more" href="http://www.adesivando.it/index.php?id_product=19&controller=product&id_lang=6" title="Visualizza">Visualizza</a> <p class="price_container"><span class="price">0,00 €</span></p> <a class="exclusive ajax_add_to_cart_button" rel="ajax_id_product_19" href="http://www.adesivando.it/index.php?controller=cart?qty=1&id_product=19&token=1fae1a40d8044505da6bc2cfabb55f45&add" title="Aggiungi al carrello">Aggiungi al carrello</a> </div> </li> <li class="ajax_block_product item "> <a href="http://www.adesivando.it/index.php?id_product=21&controller=product&id_lang=6" title="Aerei" class="product_image"><img src="http://www.adesivando.it/img/p/5/3/53-home_default.jpg" height="124" width="124" alt="Aerei" /><span class="new">Nuovo</span></a> <h5 class="s_title_block"><a href="http://www.adesivando.it/index.php?id_product=21&controller=product&id_lang=6" title="Aerei">Aerei</a></h5> <div class="product_desc"><a href="http://www.adesivando.it/index.php?id_product=21&controller=product&id_lang=6" title="Più">Adesive per decorazione Saracinesche o Box</a></div> <div> <a class="lnk_more" href="http://www.adesivando.it/index.php?id_product=21&controller=product&id_lang=6" title="Visualizza">Visualizza</a> <p class="price_container"><span class="price">0,00 €</span></p> <a class="exclusive ajax_add_to_cart_button" rel="ajax_id_product_21" href="http://www.adesivando.it/index.php?controller=cart?qty=1&id_product=21&token=1fae1a40d8044505da6bc2cfabb55f45&add" title="Aggiungi al carrello">Aggiungi al carrello</a> </div> </li> <li class="ajax_block_product item "> <a href="http://www.adesivando.it/index.php?id_product=22&controller=product&id_lang=6" title="Autoveicoli" class="product_image"><img src="http://www.adesivando.it/img/p/5/4/54-home_default.jpg" height="124" width="124" alt="Autoveicoli" /><span class="new">Nuovo</span></a> <h5 class="s_title_block"><a href="http://www.adesivando.it/index.php?id_product=22&controller=product&id_lang=6" title="Autoveicoli">Autoveicoli</a></h5> <div class="product_desc"><a href="http://www.adesivando.it/index.php?id_product=22&controller=product&id_lang=6" title="Più"></a></div> <div> <a class="lnk_more" href="http://www.adesivando.it/index.php?id_product=22&controller=product&id_lang=6" title="Visualizza">Visualizza</a> <p class="price_container"><span class="price">0,00 €</span></p> <a class="exclusive ajax_add_to_cart_button" rel="ajax_id_product_22" href="http://www.adesivando.it/index.php?controller=cart?qty=1&id_product=22&token=1fae1a40d8044505da6bc2cfabb55f45&add" title="Aggiungi al carrello">Aggiungi al carrello</a> </div> </li> <li class="ajax_block_product item last_item_of_line "> <a href="http://www.adesivando.it/index.php?id_product=23&controller=product&id_lang=6" title="Moto" class="product_image"><img src="http://www.adesivando.it/img/p/5/5/55-home_default.jpg" height="124" width="124" alt="Moto" /><span class="new">Nuovo</span></a> <h5 class="s_title_block"><a href="http://www.adesivando.it/index.php?id_product=23&controller=product&id_lang=6" title="Moto">Moto</a></h5> <div class="product_desc"><a href="http://www.adesivando.it/index.php?id_product=23&controller=product&id_lang=6" title="Più"></a></div> <div> <a class="lnk_more" href="http://www.adesivando.it/index.php?id_product=23&controller=product&id_lang=6" title="Visualizza">Visualizza</a> <p class="price_container"><span class="price">0,00 €</span></p> <a class="exclusive ajax_add_to_cart_button" rel="ajax_id_product_23" href="http://www.adesivando.it/index.php?controller=cart?qty=1&id_product=23&token=1fae1a40d8044505da6bc2cfabb55f45&add" title="Aggiungi al carrello">Aggiungi al carrello</a> </div> </li> <li class="ajax_block_product last_item last_line"> <a href="http://www.adesivando.it/index.php?id_product=24&controller=product&id_lang=6" title="Elicotteri" class="product_image"><img src="http://www.adesivando.it/img/p/5/6/56-home_default.jpg" height="124" width="124" alt="Elicotteri" /><span class="new">Nuovo</span></a> <h5 class="s_title_block"><a href="http://www.adesivando.it/index.php?id_product=24&controller=product&id_lang=6" title="Elicotteri">Elicotteri</a></h5> <div class="product_desc"><a href="http://www.adesivando.it/index.php?id_product=24&controller=product&id_lang=6" title="Più"></a></div> <div> <a class="lnk_more" href="http://www.adesivando.it/index.php?id_product=24&controller=product&id_lang=6" title="Visualizza">Visualizza</a> <p class="price_container"><span class="price">0,00 €</span></p> <a class="exclusive ajax_add_to_cart_button" rel="ajax_id_product_24" href="http://www.adesivando.it/index.php?controller=cart?qty=1&id_product=24&token=1fae1a40d8044505da6bc2cfabb55f45&add" title="Aggiungi al carrello">Aggiungi al carrello</a> </div> </li> </ul> </div> </div> <!-- /MODULE Home Featured Products --> Could you give us the URL of your site? is in maintenance mode ... you should give me your IP Link to comment Share on other sites More sharing options...
vekia Posted July 5, 2014 Share Posted July 5, 2014 hello homefeatured module loads css library from .php file, as far as i remember from displayHeader function (there is addCSS function) 1 Link to comment Share on other sites More sharing options...
PSfever.com Posted July 5, 2014 Share Posted July 5, 2014 Ok, I took a look at it and it looks like there is absolutely no styling being applied to the featured products module. This way you can make the products horizontal, but you need to have more work done in order for it to display properly. #featured-products_block_center ul li { float: left; width: 25%; } Link to comment Share on other sites More sharing options...
masmaz Posted July 5, 2014 Author Share Posted July 5, 2014 Ok, I took a look at it and it looks like there is absolutely no styling being applied to the featured products module. This way you can make the products horizontal, but you need to have more work done in order for it to display properly. #featured-products_block_center ul li { float: left; width: 25%; } this is the code on the .. / modules / homefeatured / css However, there 's also another form that is called: responsivehomefeatured present in the same folder as the module prestashop, which is also present in the modules folder of the theme Fundation, which is now disabled ... as you can see I added the code you suggested but has no effect ... #featured-products_block_center ul li { float: left; width: 25%; } #featured-products_block_center li { margin-right:10px; padding:10px 0; width:126px; height:240px } #featured-products_block_center li.last_item_of_line {margin-right:0;} #featured-products_block_center .s_title_block, #featured-products_block_center h5 { padding-top:5px; height:30px; font-size:12px; color:#222; padding-bottom: 0; font-weight:bold; } #featured-products_block_center .product_image { display:block; position:relative; overflow:hidden } #featured-products_block_center .product_image span.new { display: block; position: absolute; top: 15px; right:-30px; padding: 1px 4px; width: 101px; font-size:10px; color: #fff; text-align: center; text-transform: uppercase; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform:rotate(45deg); -ms-transform: rotate(45deg); background-color: #990000; transform: rotate(45deg); /* Newer browsers */ } #featured-products_block_center .product_desc {height:45px;} #featured-products_block_center .product_desc, #featured-products_block_center .product_desc a { color:#666 } #featured-products_block_center .lnk_more { display:inline; padding-right:10px; font-weight:bold; font-size:10px; color:#0088cc; background:url(../img/arrow_right_1.png) no-repeat 100% 3px; } #featured-products_block_center .price_container { margin-top:10px; padding:0; } #featured-products_block_center .price { font-weight:bold; font-size:14px; color:#990000 } #featured-products_block_center li .ajax_add_to_cart_button {display:none;} #featured-products_block_center li span.exclusive {display:none;} Link to comment Share on other sites More sharing options...
masmaz Posted July 5, 2014 Author Share Posted July 5, 2014 hello homefeatured module loads css library from .php file, as far as i remember from displayHeader function (there is addCSS function) sorry but I do not understand .. :-( Link to comment Share on other sites More sharing options...
PSfever.com Posted July 5, 2014 Share Posted July 5, 2014 Vekia is right - have you looked if the homefeatured module is added in displayheader hook ? Link to comment Share on other sites More sharing options...
masmaz Posted July 5, 2014 Author Share Posted July 5, 2014 I solved ... the thing is moltro strange because I had already added in displayheader hook, the homepage and in the contents of the home, and did not work, now I re-added and working properly .. thank you for all your suggestions max Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now