change layout of product page

  • Posts: 20
  • Thank you received: 0
14 years 2 months ago #1764

hi, im sorry to have to keep posting questions but im getting there now, im just trying to get everything where i want it to be. hopefully other users will benifit from the replys also.

the problem i have now is i would like to change the layout of the product page. if you visit www.thrilltime.byethost14.com/hb/index.p...4&category_pathway=0 and see the normal layout. i would like to change to the below photoshopped image.


any help very much appreciated

thanks
skeld

Attachments:
Last edit: 14 years 2 months ago by skeld.

Please Log in or Create an account to join the conversation.

  • Posts: 83103
  • Thank you received: 13417
  • MODERATOR
14 years 2 months ago #1766

Hi,

That can be tweaked with some CSS.

On the front end CSS:

1/ remove the float:left; from the code:
.hikashop_product_left_part {
float:left;
text-align:center;
width:35%;
}

2/ Change the .hikashop_product_bottom_part definition to :
.hikashop_product_bottom_part {
margin-left:220px;
margin-top:-220px;
}

And you will see exactly what you made with photoshop.

Please Log in or Create an account to join the conversation.

  • Posts: 20
  • Thank you received: 0
14 years 2 months ago #1767

brilliant thank you very much.i have to say the support on this product is definatly the best ive ever seen and will be purchasing the full version of the software

Please Log in or Create an account to join the conversation.

  • Posts: 40
  • Thank you received: 0
12 years 10 months ago #43365

Hi there, I'm also trying to customise my product pages... Where can i get access to the CSS for it?

Please Log in or Create an account to join the conversation.

  • Posts: 32
  • Thank you received: 1
12 years 10 months ago #43511

LemonChip wrote: Hi there, I'm also trying to customise my product pages... Where can i get access to the CSS for it?


Hi there, I just customized my product page by writing my own css into my template.php. To overwrite hikashop css, you can use !important. Google !important if you don't know what it can do. I found it to be very useful. Hope this helps. If not, you can find most of the CSS in media/hikashop.

Please Log in or Create an account to join the conversation.

Time to create page: 0.069 seconds
Powered by Kunena Forum