News:

AbanteCart v1.4.2 is released.

Main Menu

about product pictures ajustment

Started by hunferthf, March 25, 2019, 11:44:11 PM

Previous topic - Next topic

hunferthf

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.

maxter

Help you how? Can you share a link to your site?

Sam_78

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;">

Forum Rules Code of conduct
AbanteCart.com 2010 -