Footer is completely messed up, what to do?

[filipburman]

Hello,

I have big problems with getting used to Prestashop, specially when I seam to run into problems all the time.

And now it is my footer, apparently for every new module/block I put in, it creates  a new div class ="col-md-4". Which makes everything flip out. What is the problem really. Cause when I check the demo shop it just puts all the modules after each other. Not in new div for all.

Please help, desperate.

 

website:

retail.drks.nl

[razaro]

So you saying it adds divs with class col-md-8 on its own ? You didn't edit anything ?

 

So you can edit each module tpl code in theme and change to width you want.

For example themes/default-bootstrap/modules/blockcontactinfos/blockcontactinfos.tpl  you can change section

class from col-sm-4 to value you need.

[filipburman]

Hello, thanks for the reply.
I haven't change anything in the core so far. And I thought I would try to not do that either.
And when I look at the demo page from Prestashop it looks really different from my site. My site doesn't make "Section class" as in the demo site from prestashop.
this is how my footer look like.

retail.drks.nl/img/div.png

[filipburman]

I think I know were everything went wrong. I installed another theme before ( https://billionthemes.com/Themes/Detail/2337516/Shoponym )
That theme really didn't work for me, so I went back to the old default theme. But it must have messed up a lot of things. Anyone who knows how to really restore the site, without loosing all the products and pictures?

[razaro]

Well I see this on generated code 

<div class="row"><div class="col-md-8">
	<!-- MODULE Block footer -->
	<section class="footer-block col-xs-12 col-sm-2" id="block_various_links_footer">
		<h4>Informatie</h4>
		<ul class="toggle-footer" style="">
									<li class="item">
				<a href="http://retail.drks.nl/index.php?controller=new-products" title="Nieuwe producten">
					Nieuwe producten
				</a>
			</li>
															<li class="item">
				<a href="http://retail.drks.nl/index.php?controller=contact" title="Contacteer ons">
					Contacteer ons
				</a>
			</li>
															<li class="item">
						<a href="http://retail.drks.nl/index.php?id_cms=3&controller=cms" title="Terms and conditions of use">
							Terms and conditions of use
						</a>
					</li>
																<li class="item">
						<a href="http://retail.drks.nl/index.php?id_cms=4&controller=cms" title="About us">
							About us
						</a>
					</li>
													<li>
				<a href="http://retail.drks.nl/index.php?controller=sitemap" title="Sitemap">
					Sitemap
				</a>
			</li>
					</ul>
		
	</section>
		<!-- /MODULE Block footer -->
</div><div class="col-md-8">
<!-- MODULE Block contact infos -->
<section id="block_contact_infos" class="footer-block col-xs-12 col-sm-4">
	<div>
        <h4>Winkel informatie</h4>
        <ul class="toggle-footer" style="">
                        	<li>
            		<i class="icon-map-marker"></i>DRKS, Etudestraat 41
6544RR Nijmegen
Nederland

KvK: 60722452
BTW: NL165039887B01            	</li>
                                    	<li>
            		<i class="icon-phone"></i>Bel ons nu: 
            		<span>0248 456 321</span>
            	</li>
                                    	<li>
            		<i class="icon-envelope-alt"></i>E-mail: 
            		<span><a href="mailto:%63%6f%6e%74%61%63%74@%64%72%6b%73.%63%6f%6d">[email protected]</a></span>
            	</li>
                    </ul>
    </div>
</section>
<!-- /MODULE Block contact infos -->
</div></div>

so hope we look at same website :-)

 

You see there is for some reason extra <div class="col-md-8">.

 

So check footer.tpl in theme folder then each module in footer in theme/modules folder.

Also it is small possibility but that could be added with JavaScript so try to disable slider 

as I think that is only changed thing from default theme.

 

And if you need original code to compare check 

https://github.com/PrestaShop/PrestaShop/blob/develop/themes/default-bootstrap/footer.tpl

https://github.com/PrestaShop/PrestaShop/blob/develop/themes/default-bootstrap/modules/blockcms/blockcms.tpl

https://github.com/PrestaShop/PrestaShop/blob/develop/themes/default-bootstrap/modules/blockcontactinfos/blockcontactinfos.tpl

[filipburman]

Thanks Razaro. Thank you for helping out. But I made a huge mistake now. When you are not loggen in on the site there is a lot of blocks you can't see. Because our customers needs to be loggen in really to use the shop. So I have disabled a lot of things. That's why we have seen two different things. 

here is log in if you want to see.
user: [email protected]
password: amigo

I looked at the files from github. But they are the same as mine.

Edited August 16, 2015 by filipburman (see edit history)

[razaro]

I missed one post you made, about second theme. Seams like those divs are from that theme.

Not sure why but try this uninstall modules designer and designer preview and to clear cache.

 

And saw logged state, thanks. But think issues is same, but it dynamically by number of blocks adds 

those divs. Bit strange.

[filipburman]

THANK YOU!!!         

I'm so happy people like you exist!
I feel so relieved now, like I can breathe again.

I also had other things that didn't work. Like the live edit for position of modules. that works now again as well.

Don't know how to thank you!!
 

[razaro]

Glad it is solved , it was  strange issue