Adding custom text to a product images using swap images.

Quote

Post by Geodas81 » Sun Apr 05, 2020 11:59 pm

Hi to all.

I search for extension to add text to every product image and to show this text under the image in product page. I use "Product Image Swap" extension so the images swap inside the thumbnails.

I want to do something like the images underneath:

Image

Is there an extension somewhere or not?
I use opencart 3.0.3.2


Thanks in advance.

Attachments

TEXT.png

TEXT.png (304.05 KiB) Viewed 3049 times

Geodas81
Newbie
Posts
7
Joined
Fri Nov 08, 2019 8:26 pm
Top

Re: Adding custom text to a product images using swap images.

Quote

Post by IP_CAM » Mon Apr 06, 2020 12:03 am

Something like this one ?
Banner Description
https://www.opencart.com/index.php?rout ... n_id=31783

My Github OC Site: https://github.com/IP-CAM
5'600 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.

User avatar
IP_CAM
Legendary Member
Posts
13059
Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland
Top

Re: Adding custom text to a product images using swap images.

Quote

Post by Geodas81 » Mon Apr 06, 2020 2:24 am

This extension is for banners. I want an extension to give the text inside the image on product page.
Geodas81
Newbie
Posts
7
Joined
Fri Nov 08, 2019 8:26 pm
Top

Re: Adding custom text to a product images using swap images.

Quote

Post by IP_CAM » Mon Apr 06, 2020 4:11 am

Strictly theoretically, I am no TWIG_er, in the Product Image Swap XML Mod, it looks like this:

Code: Select all

<li><a class="img-zoom thumbnail" href="{{ popup }}" title="{{ heading_title }}"><img id="zoom_01" src="{{ thumb }}" data-zoom-image="{{ popup }}" title="{{ heading_title }}" alt="{{ heading_title }}" class="img-responsive img-center main_image" /></a></li>]]></add>
And something would have to placed like this, to add some Content below the image, as it looks, like:

Code: Select all

<li><a class="img-zoom thumbnail" href="{{ popup }}" title="{{ heading_title }}"><img id="zoom_01" src="{{ thumb }}" data-zoom-image="{{ popup }}" title="{{ heading_title }}" alt="{{ heading_title }}" class="img-responsive img-center main_image" /></a></li>
H E R E ! Sample:  <li><a class="thumbnail">{{ description }}</li>
</add>
EITHER: ( shown by use of the Product Description Variable )

Code: Select all

<li><a class="thumbnail">{{ description }}</li>
OR:

Code: Select all

<div class="thumbnail"">{{ description }}</div>
The 'Class THUMBNAIL Section' would probably be usable, or then, use another one, to make it look good.

Just to give you some idea. But if you like to place some CUSTOM (Variable) Content, NOT defined/declared
in the PRODUCT-related controller/model/language Pages already, it would not work, without rewriting the
ADMIN and FRONT Side Sections accordingly, to individually add some specific 'Value-Variable' per Image.
And this would be a DEV-Job, to achieve, what you're looking for!
Good Luck! ;)
Ernie
---
Mod mentioned above:
Product Image Swap
https://www.opencart.com/index.php?rout ... n_id=36959

My Github OC Site: https://github.com/IP-CAM
5'600 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.

User avatar
IP_CAM
Legendary Member
Posts
13059
Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland
Top
Post Reply
Return to “Concepts”
Who is online

Users browsing this forum: No registered users and 5 guests