Forum Join our community

Portfolio Change Image in hover

  1. Normal
  2. GEORGE GIANNAKOPOULOS
  3. -
  4. Improve Features
  5. -
  6. Sunday, 05 July 2020
  7. -
  8.  Subscribe via email
0
Votes
Undo
Hello, I am new here,
I have made an e-shop, and every product is shown in a separate tz article, and the categories are presented via a portfolio page (index.php?option=com_tz_portfolio_plus&view=portfolio).
My client requires that when the image in the portfolio is hovered to change to the second one in the gallery of the article (product's page).
Does anyone have a clue if this can be done?
Thank you in advance!
Comment
There are no comments made yet.
Uchiha Itachi Accepted Answer Pending Moderation
  1. Monday, 06 July 2020
  2. -
  3. # 1
0
Votes
Undo
Hi,

Thanks for using our extension!
Please let me know which TZ Portfolio+ style you're using to display your product
Comment
There are no comments made yet.
GEORGE GIANNAKOPOULOS Accepted Answer Pending Moderation
  1. Monday, 06 July 2020
  2. -
  3. # 2
0
Votes
Undo
Hi,

Thanks for using our extension!
Please let me know which TZ Portfolio+ style you're using to display your product

Hello! I am using Version: 2.4.2, and the portfolio style I am using is the TZ Portfolio Plus Layout=simple.
Comment
There are no comments made yet.
Uchiha Itachi Accepted Answer Pending Moderation
  1. Tuesday, 07 July 2020
  2. -
  3. # 3
0
Votes
Undo
Hi,

Is your website ready yet? If yes, could you please send me your site URL on this forum or to [email protected]
I would like to have a clearer look at your product page.
Comment
There are no comments made yet.
GEORGE GIANNAKOPOULOS Accepted Answer Pending Moderation
  1. Tuesday, 07 July 2020
  2. -
  3. # 4
0
Votes
Undo
Unfortunately it is still on localhost. I will upload it in the next few days, so I will send you then the link! Thank you!
Comment
There are no comments made yet.
GEORGE GIANNAKOPOULOS Accepted Answer Pending Moderation
  1. Sunday, 19 July 2020
  2. -
  3. # 5
0
Votes
Undo
Hello, the site is on server, https://www.themotleygoat.com/collection-all/category/all/men-s-polos-mpo.html.

As I wrote above, I would like on hover to be shown the second image of the gallery inside the article.

Moreover, my client wants 4 items per row to be displayed on PC, and 2 items per row on mobile. I reduced the column width at 240px so as to show 2 elements in mobile view, however it changed a lot in PC view, and it shows 5 per row now. What can I do to separate the two views?
Comment
There are no comments made yet.
Uchiha Itachi Accepted Answer Pending Moderation
  1. Monday, 20 July 2020
  2. -
  3. # 6
0
Votes
Undo
Hi,
You can set the column width at 300px to show 4 columns per row on PCs, 2 columns on tablets, and 1 on mobile phones.
If you want to display the second image of the article when hovering on the thumbnail, it needs making changes with code.
Comment
There are no comments made yet.
GEORGE GIANNAKOPOULOS Accepted Answer Pending Moderation
  1. Monday, 20 July 2020
  2. -
  3. # 7
0
Votes
Undo
I finally managed to make it 4 in desktop view and two in mobile view.
I 've set the column width at 240px, and in the file core/components / com_tz_portfolio_plus / js / tz_portfolio_plus.min.js
in line 207 I set the maxColCount = 4 ; and in line 209 newColCount = curColCount+1;.
Just if anybody else has the same wish...:) ;) :) ;)
Comment
There are no comments made yet.
Uchiha Itachi Accepted Answer Pending Moderation
  1. Wednesday, 22 July 2020
  2. -
  3. # 8
0
Votes
Undo
I'm glad that you could figure out a better way to set the number of columns on both desktop and mobile devices.
Comment
There are no comments made yet.
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!
Guest
Submit Your Response
Upload files or images for this discussion by clicking on the upload button below. Supports gif,jpg,png,zip,rar
• Insert • Remove Upload Files (Maximum File Size: 2 MB)
Share Location

Sharing your current location while posting a new question allow viewers to identify the location you are located.

Latitude:
Longitude: