Forums / Templates, Stylesheets, Page Layout / main and addtional images on the same line?

main and addtional images on the same line?

Views: 863

Results 1 to 10 of 10
12 Feb 2011, 5:07 PM
#1
gerardv avatar

gerardv

New Zenner

Join Date:
Oct 2006
Posts:
16
Plugin Contributions:
0

main and addtional images on the same line?

Hello all

trying to figure out if possible to display the main image and additional images together in on one line on the product info page.

All images are the same size

1.3.9.h site using image handler for duplicate images so have the tpl.product_info_display from that contrib.

Any help or pointer would be appreciated, have search forum.

gerard

12 Feb 2011, 5:28 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: main and addtional images on the same line?

so have the tpl.product_info_display from that contrib
I do not see that file in this contrib.... BUT that is the file that needs to be re ordered and most likely a bit of css twealing after that

Zen-Venom Get Bitten

12 Feb 2011, 7:23 PM
#3
gerardv avatar

gerardv

New Zenner

Join Date:
Oct 2006
Posts:
16
Plugin Contributions:
0

Re: main and addtional images on the same line?

thanks for the reply,but under my small understanding of how it works the css wont alone make this happen as
the #productmainimage and #productAdditionalImages
are not shared

the code in tpl_product_info_display around line 44

is

<!--bof Main Product Image --> <?php if (zen_not_null($products_image)) { ?> <?php /** * display the main product image */ require($template->get_template_dir('/tpl_modules_main_product_image.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_main_product_image.php'); ?> <?php } ?> <!--eof Main Product Image-->

then at around 155

<!--bof Additional Product Images --> <?php /** * display the products additional images */ require($template->get_template_dir('/tpl_modules_additional_images.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_additional_images.php'); ?> <!--eof Additional Product Images --> <!--bof Prev/Next bottom position -->

somehow I need them to be declared/served at the same time on or in the same line or div???

12 Feb 2011, 7:30 PM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: main and addtional images on the same line?

That is what I stated

kobra:

that is the file that needs to be re ordered
move additionals from bof to eof to right after eof main image

Zen-Venom Get Bitten

12 Feb 2011, 7:50 PM
#5
gerardv avatar

gerardv

New Zenner

Join Date:
Oct 2006
Posts:
16
Plugin Contributions:
0

Re: main and addtional images on the same line?

Thanks again for replying, I have tried this but what we get is

Cat name, product name, product description, then product main image and then it clears then additional images,

here is the site

www timtoftviolins dot com index.php?main_page=product_info&cPath=2_23&products_id=450

Could you show me an example of how you suggest.

thanks again

12 Feb 2011, 8:38 PM
#6
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: main and addtional images on the same line?

What I see that you have is

<!--eof Main Product Image-->

<!--bof Product Name-->

It should be

<!--eof Main Product Image-->

<!--bof Additional Product Images -->

Zen-Venom Get Bitten

12 Feb 2011, 11:14 PM
#7
gerardv avatar

gerardv

New Zenner

Join Date:
Oct 2006
Posts:
16
Plugin Contributions:
0

Re: main and addtional images on the same line?

thanks will give it a try

13 Feb 2011, 2:33 PM
#8
gerardv avatar

gerardv

New Zenner

Join Date:
Oct 2006
Posts:
16
Plugin Contributions:
0

Re: main and addtional images on the same line?

changing and moving the code alone does not work,

13 Feb 2011, 4:37 PM
#9
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: main and addtional images on the same line?

changing and moving the code alone does not work,
I still see this

<!--eof Main Product Image-->

<!--bof Product Name-->

Plus I also stated

kobra:

most likely a bit of css twealing after that

Zen-Venom Get Bitten

13 Feb 2011, 5:39 PM
#10
gerardv avatar

gerardv

New Zenner

Join Date:
Oct 2006
Posts:
16
Plugin Contributions:
0

Re: main and addtional images on the same line?

Thanks again Kobra, I have reverted the file as it did not change the layout, and yes again probably a bit of css tweaking?? but tweak what???

I have also tried putting the main and additional images into a shared divt, which is logical but did not work..

I suspect it is also to do with the template_modules_additional_images and template_colum display.

but looking for specific help on which bits of code to alter, I appreciate your help but "most likely a bit of css twealing after that" is a bit vague.

Thanks again