I need a hand with my template

[marky96]

Hello!

 

I am working on my new Shop and I could need a hand with the header background. I need to make the header background larger so it covers all the tabs. Also have some trouble with the Youtube module that should show a movie on the start page, it only sows the headline and a white background but no movie. Can anyone give me a hand with that please? I'd also like to know what you think about the shop! Thank you!

[OC2PS]

In the CSS file find

#header_logo {
   display: block;
   float: left;
   width: 250px;
}

then change the width line to

width: 940px !important;

 

This should solve the header width issue.

 

You tube is not working because you have the wrong URL

http://www.youtube.com/v/http://www.youtube.com/watch?v=TsNFxLoqhw4&autoplay=1&hl=en&fs=1

I suspect this is because instead of providing the video ID TsNFxLoqhw4 you probably input the video URL in the module. If you put the ID there it *should* work.

 

About the shop, my personal feeling is that you should keep the dark brown in the outside background of the HTML, but for the body of the shop itself, you should use a light color or even white.

 

Also, since you have so many categories, you may be better off using a left navigation menu INSTEAD OF a top menu.

[marky96]

I've tried different youtube URL's and the way it was posted in the instructions but non showed any other video then the standard video that came with the module. So I guess best is to disable it. thanks that fix did it! The thing is if I remove the top navigation then there is no navigation on the start page...? Where would I modify the background color of the HTML?

[OC2PS]

I don''t know the Youtube module under question but based on your page's code, it seems that it generates the Youtube code itself, and the following part of URL

http://www.youtube.com/v/

at the end of this, it adds the Youtube video ID that you provided. e.g. if you provide TsNFxLoqhw4 then it becomes http://www.youtube.com/watch?v=TsNFxLoqhw4 (and works!)

 

But the plugin does not validate the video ID. So if you provide a URL instead of video ID then the code generated gets messed up

​http://www.youtube.com/v/http://www.youtube.com/watch?v=TsNFxLoqhw4&autoplay=1&hl=en&fs=1

and will not work.

 

You can edit the header width (described above) in /themes/prestashop/css/global.css

 

In the same file you will find

body {
background: url("../img/vs-bg-main.png") no-repeat scroll center 77px #241706;
color: #4D4946;
font: 13px/1.5 Georgia,Helvetica,Arial;
text-align: left;
}

 

Replace this with

html {
background: url("../img/vs-bg-main.png") no-repeat scroll center 77px #241706;
}

body {
background: #ffffff !important;
width: 980px;
margin-left: auto;
margin-right: auto;
color: #1F1405;
font: 13px/1.5 Georgia,Helvetica,Arial;
text-align: left;
}

[marky96]

Any idea how I can change the background of the product or category image or the logo to match the background of the page? I tried the white but looks to sterile. Cause I think if the image backgrounds would match the page style it would look okay.

 

[OC2PS]

Not sure what you mean. The image background is in the image, and you should put the desired background while creating the image.

 

You could try

#image-block {

background: #FBF8E9 !important
}

in the CSS, but I doubt that it will work.

 

If you don't have too many products, you could download the images using an FT program, floodfill the white with #FBF8E9 in an image editor like Gimp and overwrite the files on the server with these modified image files.

 

P.S. I see that you got the Youtube working

[marky96]

Yes was a nightmare to get it working, only works in the german mode but not when you switch to english. I saw a module to change the image background color but it does not work with the new version of the shop so am looking for alternatives. Cause I've got to many products to change them one by one...

 

Is this the right way to add the links to the blockcms footer template? This is about how I would like it what you think?

 

<a href="mailto:[email protected]"><img

style="border: 0px solid ; width: 20px; height: 20px;" alt=""

src="http://www.aloevita.eu/themes/velvetsky/img/social/email-woodburning.png"></a>

<a href="http://www.twitter.com/Aloevita"><img

style="border: 0px solid ; width: 20px; height: 20px;" alt=""

src="http://www.aloevita.eu/themes/velvetsky/img/social/twitter-icon-wooden.png"></a>

<a href="http://www.youtube.com/MyAloeVita"><img

style="border: 0px solid ; width: 20px; height: 20px;" alt=""

src="http://www.aloevita.eu/themes/velvetsky/img/social/youtube-icon-wooden.png"></a>

<a href="http://www.facebook.com/MyAloeVita"><img

style="border: 0px solid ; width: 20px; height: 20px;" alt=""

src="http://www.aloevita.eu/themes/velvetsky/img/social/facebook-icon-wooden.png"></a><br>