Jump to content

[SOLVED] Velvet Sky - Problem, Product Page Alignment


Recommended Posts

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!

post-290774-0-48478600-1317323210_thumb.gif

post-290774-0-04266100-1317323216_thumb.gif

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites
  • 4 weeks later...

@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 by cyrus07 (see edit history)

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites
  • 8 months later...

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.

post-293484-0-01460200-1342436100_thumb.jpg

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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 by LiliekS (see edit history)
  • Like 1

Share this post


Link to post
Share on other sites

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!

 

2qmja4h.png34td4lk.png

Share this post


Link to post
Share on other sites

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 by LiliekS (see edit history)
  • Like 1

Share this post


Link to post
Share on other sites
  • 4 weeks later...

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!!

Share this post


Link to post
Share on other sites
  • 2 months later...

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/

Share this post


Link to post
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More