Image Gallery
Budget: €6 – €12 EUR
>> Explained by our team <<
The development of this feature implies changes both at the back and front.
At the back level, it will be necessary to use a new table in DB to store the images related to the product ID (gallery_id, product_id, url, alt, order).In the insert and edit of the console, a new tab will be needed to manage these images, with integrated fileupload.
At the front level, it will be necessary to call these "galleries" in each product, with all the necessary design tweaks, adapting to the different number of images to be shown and to mobile devices.
>> Explained by client <<
We need an image gallery. This gallery would be for place on the product pages, right after the configurator, with images that customers sent us from your products already applied.
In the backoffice we wanted to be able to change order/add/delete images from these galleries. These galleries would have to function independently in each product, as it already happens with the images that can be placed on each product in the “Images” section.
For each product, the gallery must have as an option we can put up to 10 images. And on the website, on gallery itself there must be arrows to walk to the back and forth so visitors can see all images. And when you click on an image of the gallery, the image must appear alone on a scale larger, so that you can see it in greater detail.
I leave below a link with an example of the gallery layout we had in mind (position of text, images and arrows):
https://www2.hm.com/pt_pt/productpage.0579381033.html
--- original, in portuguese -
O desenvolvimento desta feature implica alterações tanto a nível de back como front.
A nível de back, será necessário recorrer a uma nova tabela em BD para armazenamento das imagens com relação com o ID do produto (id_galeria, id_produto, url, alt, ordem). No insert e edit da consola será necessária uma nova tab, para gestão destas imagens, com fileupload integrado.
Ao nível do front, será necessário chamar estas "galerias" em cada produto, com todos os tweaks de design necessário, adaptando ao diferente número de imagens a mostrar e a dispositivos móveis.
Gostaríamos de obter um orçamento
para uma galeria de imagens. Esta galeria seria para
colocar nas páginas dos produtos, logo a seguir ao
configurador, com imagens que clientes nos enviaram dos
seus produtos já aplicados.
No backoffice queríamos poder alterar
a ordem/adicionar/eliminar imagens dessas galerias.
Estas galerias teriam de funcionar de forma independente
em cada produto, como já acontece com as imagens que
podemos colocar em cada produto na secção “Imagens”.
Em cada produto, a galeria deve ter
como opção colocarmos até 10 imagens. E no website, na
própria galeria deve haver setas para andar para a
frente e para trás, para que os visitantes consigam ver
todas as imagens. E quando clicarem numa imagem da
galeria, a imagem deve aparecer sozinha numa escala
maior, para que a consigam ver com maior detalhe.
Deixo abaixo um link com um exemplo
do layout de galeria que tínhamos em mente (posição do
texto, das imagens e das setas):
https://www2.hm.com/pt_pt/productpage.0579381033.html
The development of this feature implies changes both at the back and front.
At the back level, it will be necessary to use a new table in DB to store the images related to the product ID (gallery_id, product_id, url, alt, order).In the insert and edit of the console, a new tab will be needed to manage these images, with integrated fileupload.
At the front level, it will be necessary to call these "galleries" in each product, with all the necessary design tweaks, adapting to the different number of images to be shown and to mobile devices.
>> Explained by client <<
We need an image gallery. This gallery would be for place on the product pages, right after the configurator, with images that customers sent us from your products already applied.
In the backoffice we wanted to be able to change order/add/delete images from these galleries. These galleries would have to function independently in each product, as it already happens with the images that can be placed on each product in the “Images” section.
For each product, the gallery must have as an option we can put up to 10 images. And on the website, on gallery itself there must be arrows to walk to the back and forth so visitors can see all images. And when you click on an image of the gallery, the image must appear alone on a scale larger, so that you can see it in greater detail.
I leave below a link with an example of the gallery layout we had in mind (position of text, images and arrows):
https://www2.hm.com/pt_pt/productpage.0579381033.html
--- original, in portuguese -
O desenvolvimento desta feature implica alterações tanto a nível de back como front.
A nível de back, será necessário recorrer a uma nova tabela em BD para armazenamento das imagens com relação com o ID do produto (id_galeria, id_produto, url, alt, ordem). No insert e edit da consola será necessária uma nova tab, para gestão destas imagens, com fileupload integrado.
Ao nível do front, será necessário chamar estas "galerias" em cada produto, com todos os tweaks de design necessário, adaptando ao diferente número de imagens a mostrar e a dispositivos móveis.
Gostaríamos de obter um orçamento
para uma galeria de imagens. Esta galeria seria para
colocar nas páginas dos produtos, logo a seguir ao
configurador, com imagens que clientes nos enviaram dos
seus produtos já aplicados.
No backoffice queríamos poder alterar
a ordem/adicionar/eliminar imagens dessas galerias.
Estas galerias teriam de funcionar de forma independente
em cada produto, como já acontece com as imagens que
podemos colocar em cada produto na secção “Imagens”.
Em cada produto, a galeria deve ter
como opção colocarmos até 10 imagens. E no website, na
própria galeria deve haver setas para andar para a
frente e para trás, para que os visitantes consigam ver
todas as imagens. E quando clicarem numa imagem da
galeria, a imagem deve aparecer sozinha numa escala
maior, para que a consigam ver com maior detalhe.
Deixo abaixo um link com um exemplo
do layout de galeria que tínhamos em mente (posição do
texto, das imagens e das setas):
https://www2.hm.com/pt_pt/productpage.0579381033.html