close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Products Detail page Gallery hovering

Thread began 12/13/2013 1:34 pm by Roz431315 | Last modified 12/30/2013 3:13 pm by Jason Byrnes | 1768 views | 11 replies |

Roz431315

Products Detail page Gallery hovering

Hi Jason,

Question 1:
I would like to comment out the code that shows the gallery image (Title and Description and the box that surrounds it) when you hover over the image in the products detail page only. I have a new arrivals gallery on the home page that seems to use the same (div class="pg-rlp-tip)
URL - http://www.relicvintage.com/products_detail.php?ProductID=26

Question 2:
What is the suggested way to insert a facebook (Like, share) button into the site. On the facebook site you can download plugin code and have the option of (HTML5, XFBML, IFRAME, URL) Do I insert this code? and do I need to login to facebook using my customers login information?

Sign in to reply to this post

Jason ByrnesWebAssist

in the galleries/tiny_ribbon_lightbox/js/gallery.js file, remove the tooltip code:

//tooltips
this.tips = new Tips(this.thumbs.images, {
className: 'pg-rlp-tip',
offset: {'x': -100, 'y': -105},
showDelay: 1,
hideDelay: 1,
onShow: function(tip) {
this.options.offset.y = this.tip.getSize().y * -1 - 15;
this.tip.setStyle('top', (pgMousePosition.y + this.options.offset.y) + 'px');
this.tip.fade('show');
},
onHide: function(tip) {
this.tip.fade('hide');
this.tip.setStyle('top', '0px');
}
});





yes, you can add the face book code to your pages, you dont have to log into face book with your clients account.

Sign in to reply to this post

Roz431315

FaceBook

Thanks Jason, that worked for the hover,

With FaceBook, I pasted the code from FaceBook and I get an error, I'm probably misunderstanding something.
http://www.relicvintage.com/index.php


this is the code I pasted into index.dwt.php:

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=283841131730716";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>

Sign in to reply to this post

Jason ByrnesWebAssist

what is the error?

Sign in to reply to this post

Roz431315

My bad I the removed the code...I put the HTML5 code back, the error is a red color text that says " Error"
should I be using other types of code (XFBML, IFRAME, URL) from facebook?

http://www.relicvintage.com/index.php

When I signed into FACEBOOK to get the code with my ID it looks like it sets it up for me ( my facebook page), I believe I have to signed in with the ID and pass with the person who I built the website for, correct?

I have now tested it in Safari, IE and Chrome, no error but no facebook icon, there is an error in Firefox as noted above.

I don't think I am suppose to you HTML5 code?

Sign in to reply to this post

Jason ByrnesWebAssist

I'll be 100% honest, I'm not familiar with the code that face bool generates.

we offer a social media toolkit plugin that is included with Design Extender for adding Like Buttons, that generates the code for you. you could try using the XML version instead of the HTML 5 version, but i rely cant give much advice about it, as I'm not to familiar with it.

Sign in to reply to this post

Roz431315

Ok a couple of things, FaceBook is rolling out new buttons, see attached, I have the latest social media toolkit, I think it needs to be updated.

When I do figure this out are the proper PHP pages...index.dwt.php and page.dwt.php? or

Sign in to reply to this post

Jason ByrnesWebAssist

adding the like button to
index.dwt.php


will show it on the home page

adding it to:
page.dwt.php

will show the like button on all other pages.

Sign in to reply to this post

Roz431315

Hi Jason,

When scrolling through a gallery, there is a Title and Description that is displayed, above the (image 1 of 4). What code needs to be commented out to not display the Title and Description by default. This would allow the customer not have to blank out the Title and Description when adding Galleries.

http://www.relicvintage.com/products_detail.php?ProductID=27

Would it be in in the galleries/tiny_ribbon_lightbox/index.php lines 61 -62?

Sign in to reply to this post

Jason ByrnesWebAssist

see my original reply:

http://www.webassist.com/forums/post/163729/

Sign in to reply to this post
loading

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...