[SOLVED] Velvet Sky - Problem, Product Page Alignment

[elgazapo]

Hi all,

 

Preface: I just did a fresh PS install and Velvet Sky as the theme. I went through the entire installation PDF for Velvet Sky to make sure all is correct. I'm good with tech and have used Wordpress extensively in the past but would like to give PS a shot now.

 

PROBLEM: When I click on a product and it takes me to the product page, the alignment is way off (see screenshots). You have to scroll way down the page to see the product and it's just....off.

 

Any thought? Please help

 

Thanks!

[Mike Kranzler]

Hi elgazapo,

This is an external theme developed by DapurPixel, so while we might not be able to provide you with the solution you're looking for here, their developers are pretty active on the forums, and you can try contacting them here.

 

-Mike

[Deka]

Hi all,

 

Preface: I just did a fresh PS install and Velvet Sky as the theme. I went through the entire installation PDF for Velvet Sky to make sure all is correct. I'm good with tech and have used Wordpress extensively in the past but would like to give PS a shot now.

 

PROBLEM: When I click on a product and it takes me to the product page, the alignment is way off (see screenshots). You have to scroll way down the page to see the product and it's just....off.

 

Any thought? Please help

 

Thanks!

 

Had same problem. The thing is that shop logo image is too large.

[lapidus]

add on the line 304 global.css: clear:both;

[robertomagan]

Hi:

 

Did you follow the steps in the installation manual?

 

Regards, Roberto.

[fredbent]

add on the line 304 global.css: clear:both; that works good but does not work in firefox for me anyway

[lapidus]

I always use firefox.what version are you using?Try to push f5.

[cyrus07]

add on the line 304 global.css: clear:both; that works good but does not work in firefox for me anyway

 

which file we whould edit in line 304 ?

template.php or ?

[lapidus]

in prestashop/themes/velvetsky/css/global.

[cyrus07]

@lapidus : thanks buddy

 

btw replace >> #columns { background:none repeat scroll 0 0 #FBF8E9; } on line 304

or just paste clear:both; on line 304 ?

i had try paste on line 304 but nothing happen still got a same problem

neerd help :(

Edited November 6, 2011 by cyrus07 (see edit history)

[lapidus]

304 #columns { background:none repeat scroll 0 0 #FBF8E9;

305 clear:both; " add "

306 }

307 #index #columns { background:none; }

[cyrus07]

thanks

[lapidus]

your welcome.

[HF509]

Hi all,

 

Preface: I just did a fresh PS install and Velvet Sky as the theme. I went through the entire installation PDF for Velvet Sky to make sure all is correct. I'm good with tech and have used Wordpress extensively in the past but would like to give PS a shot now.

 

PROBLEM: When I click on a product and it takes me to the product page, the alignment is way off (see screenshots). You have to scroll way down the page to see the product and it's just....off.

 

Any thought? Please help

 

Thanks!

 

Hi, The Julien Breux Menu is missing on screenshot you need to go to you BO then open front office features tab and find Julien Breux Menu. and install it. late help but might help someone else in the future.

 

have a great day.

[michaeldrupa]

I have another issue with product tabs. Instead of the tabs in a row, all tabs are vertical, so that the texts are covered. I use PS 1.4.8.2. I will appreciate if someone can help me out or give me some hints what can be done.

[LiliekS]

Hi,

 

About the logo, make sure the max height is 49 pixel and max width is 250px. The original logo size for this theme is 170x49 pixels. You can adjust logo size and position on themes/velvetsky/global.css on line 183.

[LiliekS]

I have another issue with product tabs. Instead of the tabs in a row, all tabs are vertical, so that the texts are covered. I use PS 1.4.8.2. I will appreciate if someone can help me out or give me some hints what can be done.

 

Hi,

 

There are some issues with the comboslider modules, that affect the tabs in product page. Please download the comboslider.css and replace the old one in modules/comboslider/css directory to fix the issue.

 

 

Cheers

comboslider.css

Edited July 23, 2012 by LiliekS (see edit history)

[Deka]

I am also having problems with products list alignment. seems like smth wrong with product name(text) alignment.I have to use product name containing only 2lines of text if i want all products look like aligned. I am using "prestashop_1.4.6.2 + Velvet Sky theme (PS 1.4.6) by Captain FLAM". You can check the images attached. Any help is very appreciated!

 

[LiliekS]

I am also having problems with products list alignment. seems like smth wrong with product name(text) alignment.I have to use product name containing only 2lines of text if i want all products look like aligned. I am using "prestashop_1.4.6.2 + Velvet Sky theme (PS 1.4.6) by Captain FLAM". You can check the images attached. Any help is very appreciated!

 

Hi,

 

There are several things you can do to make your products align & look neat. Consistency is the key here. So you should decided how long the product title going to be. To have 2 lines of text you can reduce truncate value on velvetsky/product-list.tpl file.

 

Code:

<h3>{if isset($product.new) && $product.new == 1}
<span class="new">{l s='New'}</span>{/if}
<a href="{$product.link|escape:'htmlall':'UTF-8'}" title="{$product.name|escape:'htmlall':'UTF-8'}">
{$product.name|truncate:35:'...'|escape:'htmlall':'UTF-8'}
</a>
</h3>

 

Reduce the value to 30 or less.

 

If you want the prices look align too. You can add fixed height on product title.

 

Open velvetsky/css/product_list.css, go to line 33 or find the code below:

ul#product_list li h3 {
font-size: 1em;
line-height: 1.3em;
margin: 0.4em 0 0.1em;
}

 

add height (e.g. 33px),

 

ul#product_list li h3 {
font-size: 1em;
line-height: 1.3em;
margin: 0.4em 0 0.1em;
   height: 33px;

 

Hope it helps

Edited July 27, 2012 by LiliekS (see edit history)

[michaeldrupa]

Hi LiliekS,

Thanks a lot. I fixed that problem up.

 

I love this theme so much))) But I am struggling now with blockbanner module as the banner image (banner-de.jpg) shows only in categories but not on single product page and also not on CMS pages. I re-installed it, but nothing helpes. I have a test shop with same content but it works fine there as I use the original image file there? Any one can help me out? Thanks!!

[zednatix]

Hi LiliekS,

Thanks a lot. I fixed that problem up.

 

I love this theme so much))) But I am struggling now with blockbanner module as the banner image (banner-de.jpg) shows only in categories but not on single product page and also not on CMS pages. I re-installed it, but nothing helpes. I have a test shop with same content but it works fine there as I use the original image file there? Any one can help me out? Thanks!!

 

Maybe this is the solution:

http://www.prestashop.com/forums/index.php?/topic/199600-solved-velvet-sky-theme-how-to-use-with-prestashop-149/