Forums / Templates, Stylesheets, Page Layout / Rearrange order of items (or sections) of a product info page

Rearrange order of items (or sections) of a product info page

Views: 453

Results 1 to 2 of 2
9 Jun 2012, 6:09 AM
#1
shags38 avatar

shags38

Totally Zenned

Join Date:
Jan 2011
Location:
Adelaide, Australia
Posts:
1,684
Plugin Contributions:
0

Rearrange order of items (or sections) of a product info page

Hi - I am looking to rearrange how my product pages look. Currently it is the standard ZenCart layout which is fine however I tend to put a lot of text on a page for SEO purposes so depending on screen size the customer is needing to scroll down to see "additional images". I would prefer the SEO text be at the very bottom of the page, under add to cart, write a review etc icons. There will be some text up top under main image (or beside depending on page width) and before additional images but it will be just a couple of lines.

So the question is how can I achieve this? Additionally for "additional images" some products have only 2 additional images whilst others will have the maximum of five (5) that I have configured. When it is just two (2) images one is far left and the other far right of the page - looks wrong. How can the placement of images be tweaked? Ideally it would be great to have them in a frameset - like a strip of film, image then separator border, then image then separator border and so on).

Is it possible to include the Ultimate Fade-in Slideshow plugin on a product page, either in addition to or as a substitute for the additional images. (ultimately I would like to embed some video footage but that will be way down the track, phase 2,326 - now at phase 2 :smile: ) ... but I digress.

So hopefully there is a practical and not so complicated way to achieve the above.

Looking forward to responses.

Cheers,
Mike

9 Jun 2012, 8:28 AM
#2
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: Rearrange order of items (or sections) of a product info page

The file you need to edit is
includes/templates/YOUR_TEMPLATE/templates/tpl_product_info_display.php
all sections have bof/eof comments.

After rearranging them you can tweak the css to get exactly what you need, i.e. additional images display.