In Shopify, how do I add mouseover to a non-product page? - plugins

I am building my site in shopify. On the "about us" page I have photos of each team member. I would like to be able to click on the photo to show a JPG (which is a postcard of employee title and interesting facts). Is there a way to add a mouseover feature on an image that is not a product? We are using the minimal theme. As point of reference we got this idea from www.scoutbags.com/about-us
On that site they use a hover feature to change the photo and then a click through to the postcard. We are skipping the second photo to try to keep it simple/doable.

Here's info on how to enable lightboxes on your images.
https://docs.shopify.com/themes/customization/colors-images-and-video/add-lightbox-to-images
To enable images on your About Us page, you need to edit page.liquid. Find the div element that contains your page content. To the opening <div> tag, add class="rte".
Make sure you follow the rest of the steps on that tutorial.

Related

Displaying the wiki content dynamically beside each image

I want to display images of 10 people on my dashboard, when i hover the image dynamically it needs to display a wiki page to the side of each image related to that person, how do i achieve this in tableau?
Here are the steps after you have a dashboard with your people on one of the charts. My example uses the pesticide list from the most recent #makeovermonday.
In your dashboard, drag the web page object in.
Click the option dropdown of that new object and click Add URL Action.
In the popup place the main portion of your wikipedia url in the box and select your people field which will become the dynamic portion of the URL. Mine is pesticides.
Change Run action on to Hover
Now when you hover on your main chart it will update the web page object with the person hovered on. I just hovered on Atrazine in this image
You will probably have to update your people names to make sure they match wikipedia's url.

web matrix and orchard cms editing the "Add Widget" Page

I am very new to the use of Orchard. I installed Web Matrix 3 and added Orchard CMS to it.
My question is :
On the admin Page from which i got access to everything on the new orchard cms site, i go to "widgets" and try to add a new "Html Widget".
it redirects me to an "Add Widget" page with input boxes for title, date and other things, and also an text editor in which i can put anything i want.
I want to be able to put an image there and then be able to drag it around the editor container...so when i save this widget the image will stay on the position that i dragged it to inside the editor.
How and / or Where can i do that?
Thanks in advance!
It depends on what editor you use for the HTML body. Default it uses the TinyMCE editor, which provides an 'Add image' button to insert an image:
When you click this button you can insert an image from the image gallery of your Orchard Media section.

OpenGraph publish action display

I am writing here to ask you for some help. I;m trying to publish action "vote" which is connected with built-in object "movie". I can post that action with image, but message is displayed above that image (thumbnail).
I've tried to add some custom properties/field such as "viewers" (Integer), but it didn't succeded. It is not displayed in my timeline.
I want to post thumbnail on the left, and on the right: name of movie and my custom fields or plain text (Side by side). Please help me achieve that effect.
I also noticed that published action is displayed in Activity Feed instead of News Feed or Timeline (profile).
In your app's Open Graph settings, define Captions for the vote action.
https://developers.facebook.com/docs/opengraph/define-actions/

Hyperlink to Eclipse editor page

I am trying to write an editor for a particular type of file in Eclipse which has multiple pages, just like the PDE editor.
How do I get a hyperlink in the main Overview page to point at one of the individual pages?
I've got the hyperlink drawn but I don't know how to link it to the actual page so that when a user clicks it, the page view changes.
Any ideas?
Follow this recipe:
Create the main page and all the sub pages
Add links
Add HyperlinkAdapter to the links using link.addHyperlinkListener()
In linkActivated() you can switch the page with formEditor.setActivePage(...)

how to get ids/names/guids of selected pictures in picture library

I have created a picture library and selected some pictures (through a check box).
I have also added a menu item 'Download to my App' in the 'Actions' menu item in the standard toolbar.
Now, on clicking the 'Download to my App' option, I want to download the selected pictures programatically to my application.
So how can I get the ids/names/guids of selected pictures so that I can get SPListItem or SPFile objects of pictures.
Is there any token that I can get like ListId/ItemId in url?
Did you create a check box for each picture that you wanted to select? If so, how do you know which picture is associated with each check box? Because surely that's the key to understanding the identity you need to do the download, isn't it?