• Closed by: Marek
  • Closed on: 02.07.19, 15:37
  • Reason: Closed
  • Comment: Glad to help!

Ticket #14383 - attributi color texture in select

I would like to make a change to the color / texture attributes
I need to see them with their images in a select and not an image near the other, is it possible?

can you tell me the cost courtesy

Comments

Marek 01 May 2019, 11:56

Hi, ilario santamaria.
You can do that in your back office.
- Go to Catalog → Attributes and Ann new attribute
- Go to a product and assign your attribute to a product. You can also assign specific images for different attributes

ilario santamaria 01 May 2019, 13:55

thanks for the reply, but the one I already do, I need to combine the variant.tpl file so as to show the color attributes in a select see attached image

Marek 01 May 2019, 14:53

Please give me a link to your product page

ilario santamaria 01 May 2019, 16:43

https://bustedesign.it/it/buste/busta-rettangolare-classica.html

there is only one product under development

thanks

Marek 02 May 2019, 11:41

Try to add following CSS to Theme Settings → Customer CSS. Don’t forget about prestashop cache

.product-variants-item > ul {display: flex;flex-direction: column;}
.product-variants-item > ul li {margin-bottom:15px}
.product-variants-item > ul .sr-only {position: static; display: block; width: 200px; height: auto; margin: 3px 0 0 40px;}
ilario santamaria 02 May 2019, 12:59

Thanks so much I already like it very much.

What I wanted to ask but obviously paying, if it is possible to put them in a dropdown or select or……….., because I’ll get to have 50 different types of papers
Modifying the product.variant.tpl file

best regards
ilario

ilario santamaria 05 May 2019, 14:59

hi

can you tell me if you can make the change and the cost

thank you so much

Marek 05 May 2019, 16:02

Please fill out all necessary fields in your profile https://support.promokit.eu/index.php?do=myprofile to access to your server through FTP

ilario santamaria 05 May 2019, 16:24

I did, there is an error in the site address, it is not butedesign.it but buStedesign.it
thank you so much

Marek 05 May 2019, 18:14

I have no permissions to see folder/files on your server https://take.ms/rVYzY

ilario santamaria 05 May 2019, 18:18

I recreated the account without a folder

Marek 05 May 2019, 19:16

I just added dropdown. Please make a backup of following files

/public_html/themes/alysum/templates/catalog/_partials/product-variants.tpl
/public_html/themes/alysum/assets/css/theme.css

I spent about one hour. The cost for that is 15 Euro

ilario santamaria 06 May 2019, 10:04

thank you so much
now I set the css to make it more homogeneous
tell me how I can pay you?

best regards

ilario

ilario santamaria 06 May 2019, 10:30

I was trying to use it, the idea of ​​putting the drop is nice, but when you choose it closes and you don’t see the choice made, the customer should relate to all the choices, it’s not intuitive, you simply can’t put the attributes “paper “in a select option with image or do a doprdown that when you choose the attributes disappear and write the chosen attribute upwards

Marek 06 May 2019, 10:50

I found out the content of product page is fully regenerated after changing attributes. Unfortunately there is no “state” for drawdowns and that’s why it closes. If you want I can remove my customisation

ilario santamaria 06 May 2019, 12:48

but is it not possible to make a select option like the other types of attributes by adding the image on the side?

Marek 06 May 2019, 19:01

I have no idea how to dow that. So do you want to remove my customisation or leave it as is?

ilario santamaria 09 May 2019, 12:56

hi

sorry if I didn’t answer you right away but these days we’re full of work,
purtropp the change you made to me is not good, I have already changed the file, I just need a select option with Image

best regards
Ilario

Marek 09 May 2019, 16:57

What does it mean “select option with Image” could you please show me an example

ilario santamaria 09 May 2019, 19:41

hi
my idea is this (image attached)

I saw that directly in the select <option> you cannot insert the image but there are some scripts that allow it “imageselect.js”

thanks
Ilario

Marek 09 May 2019, 21:14

Good idea, but, unfortunately, I can’t help you with that. A lot of current work

ilario santamaria 10 May 2019, 08:57

thanks a lot the same
you’ve already done so much for me,
you’re very professional,
if I can find the solution,
maybe I’ll send it to you and you can insert it as an option in the next version of your theme
best regards
Ilario

Marek 10 May 2019, 10:59

Thank you!