Answered

Swap Product Tab - any way to add names?

Paul Spinelli

started a topic about 8 years ago

I've been searching for a way to add a name field to the Swap Product tab view so that each product image is accompanied by a name (the images are very small).

Is there a way to do this?

Thanks.

D

Deleted Agent
said about 8 years ago

There is currently no way of doing that included with the plugin, no. You'd have to develop your own solution, or make a feature request.
B

Ben Rajnovic
said almost 5 years ago
A bit late, but hopefully will help others.

you can use something like:
.fpd-item.fpd-tooltip.tooltipstered:after { content: attr(data-title); }
And position it how you need it.

Ben
L

Lakshman Manish
said over 4 years ago

hi Ben could you plz provide me the screenshot of the FPD or the product view after implementing the above css
B

Ben Rajnovic
said over 4 years ago

Hi Lakshman Manish, here is the screen shot.

Ben

Screen Shot ...
(78.2 KB)
L

Lakshman Manish
said over 4 years ago

The title name comes above the product image and aligned left side.

jpg
159705650778...
(7.34 MB)

Ben Rajnovic

said over 4 years ago

Hi,

this is my custom css for this:

.fpd-item:after {
    content: attr(data-title);
    position: relative;
    top: 90px;
}

[data-module="products"] .fpd-item,
[data-module="images"] .fpd-item,
[data-module="designs"] .fpd-item {
    height: 130px !important;
    text-align: center;
}

.fpd-grid.fpd-padding>.fpd-item>picture {
    bottom: 45px;
}

Ben

L

Lakshman Manish
said over 4 years ago

Woow, that worked like a gem for me. Thank you so much for you help and solving my 6-8 month old issue on this whole forum. Just a small issue , the text in the drop-down menu of the product category have huge space in between after implementing the last given css. Have attached the pic

jpg
159706497307...
(7.8 MB)
B

Ben Rajnovic
said over 4 years ago

Can you send the link to the issue?
L

Lakshman Manish
said over 4 years ago

Thank for you response, i have fixed the issue.. you can have a look at my page https://studiopixxels.com/product/phone-case/
B

Ben Rajnovic
said over 4 years ago

Great
R

Robert Linkiavichius
said over 4 years ago

Hi,

Thank you for your help
I took advantage of it too

I also have a very large space and when you move the entire block expands
How to fix this, please tell me

https://caselix.pl/produkt/kreator-etui-clear/

Best regards

5.PNG
(221 KB)

enable JavaScriptChatBot