AbanteCart Community

AbanteCart Development => Development Help Needed => Topic started by: hunferthf on March 25, 2019, 11:44:11 PM

Title: about product pictures ajustment
Post by: hunferthf on March 25, 2019, 11:44:11 PM
Hi, I want to make some changes about the small picture on product page

1. Keep small pictures left alligned
2. put small pictures on the bottom of the main picture but not on the top

Anyone can help me please? Thank you.
Title: Re: about product pictures ajustment
Post by: maxter on March 28, 2019, 07:37:59 AM
Help you how? Can you share a link to your site?
Title: Re: about product pictures ajustment
Post by: Sam_78 on April 01, 2019, 04:39:13 PM
go to product.tpl
path shown below

move this https://github.com/abantecart/abantecart-src/blob/master/public_html/storefront/view/default/template/pages/product/product.tpl#L17
after
https://github.com/abantecart/abantecart-src/blob/master/public_html/storefront/view/default/template/pages/product/product.tpl#L55

you can just copy and move this <ul> after div tag so that those small images will come after main image

The apply class https://github.com/abantecart/abantecart-src/blob/master/public_html/storefront/view/default/template/pages/product/product.tpl#L17
<ul class="thumbnails mainimage smallimage"> to <ul class="thumbnails mainimage smallimage pull-left">
if it doesn't work then try <ul class="thumbnails mainimage smallimage" style="text-align:left;">