AbanteCart Community

AbanteCart Development => Customization help => Topic started by: nicknte on July 22, 2019, 06:43:21 PM

Title: Switch product thumbnails to the bottom
Post by: nicknte on July 22, 2019, 06:43:21 PM

Hello everyone! I'm looking to switch the thumbnails for the product pages to the bottom from the top. I want the main display picture on top and thumbnails on the bottom. I hope that makes sense.

 Does anyone know how to do this? Thanks Everyone!

Title: Re: Switch product thumbnails to the bottom
Post by: Basara on July 23, 2019, 01:31:05 AM

You have to edit product.tpl https://github.com/abantecart/abantecart-src/blob/master/public_html/storefront/view/default/template/pages/product/product.tpl
and maybe will be required to edit some javascript

Title: Re: Switch product thumbnails to the bottom
Post by: kavlito on April 21, 2020, 09:43:36 PM

I accomplished this by moving the code shown in the attachment from line 17 to 41 in /storefront/view/default/template/pages/product/product.tpl

The first screenshot moves the thumbnails only for desktop view.

The second screenshot moves the thumbnails for both desktop and mobile views.

Title: Re: Switch product thumbnails to the bottom
Post by: Basara on April 22, 2020, 01:16:20 AM

Thank you, kavlito