Jump to content

Product page: Moving additional images to underneath the cart button


vidmarc

Recommended Posts

This is for Foundation. We will need to tweak the edits to match your skin.

In content.product.php, switch to using the horizontal_gallery:

{*
   Change include below to 'templates/element.product.(horizontal|vertical)_gallery.php'
   for horizontal gallery and vice versa.
*}
{include file='templates/element.product.horizontal_gallery.php'}

The above sets up the layout so that there is no space consumed on the sides of the main image.

The following edit moves the gallery from under the main image to a place under the "Add to basket" button.

In element.product.horizontal_gallery.php:

Move the following from where it is now:

      {if $GALLERY}
      <ul class="clearing-thumbs small-block-grid-3 medium-block-grid-5 marg-top" data-clearing>
         {foreach from=$GALLERY item=image}
         <li{if $image@total lt 2} style="display:none"{/if}><a href="{$image.source}" class="th"><img src="{$image.small}" data-image-swap="{$image.medium}" data-caption="{$PRODUCT.name}{if !empty($image.description)}: {/if}{$image.description}" class="image-gallery" alt="{$LANG.catalogue.click_enlarge}"></a></li>
         {/foreach}
      </ul>
      {/if}

to a position in the code as indicated:

      {include file='templates/element.product.options.php'}
      {include file='templates/element.product.review_score.php'}
      {include file='templates/element.product.call_to_action.php'}

      {if $GALLERY}
      <ul class="clearing-thumbs small-block-grid-3 medium-block-grid-5 marg-top" data-clearing>
         {foreach from=$GALLERY item=image}
         <li{if $image@total lt 2} style="display:none"{/if}><a href="{$image.source}" class="th"><img src="{$image.small}" data-image-swap="{$image.medium}" data-caption="{$PRODUCT.name}{if !empty($image.description)}: {/if}{$image.description}" class="image-gallery" alt="{$LANG.catalogue.click_enlarge}"></a></li>
         {/foreach}
      </ul>
      {/if}

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...