According to the docs you can set attributes like data-pin-media or data-pin-url or data-pin-nopin "individually to images on your page."

However gatsby-image doesn't support setting attributes on the img tag so something like this won't work:

<Img
  fluid={image}
  data-pin-url="https://mysite.com/images/dinner-rolls.png" // ignored
/>

This prevents setting attributes when data-pin-hover is set to true or setting data-pin-nopin to ignore images on the page when any image (buttonBookmark) is set.

There's probably a workaround for this but I don't know one off the top of my head. Documenting it here for reference.

Great work! Quick question:

Is there a way to disable the pin on a singular image? The only image I'd l like to disable is the logo within the header throughout the site.

Thanks!

The recent Travis CI runs for PRs 13, 14 and 15 didn't report status checks back to GitHub.

The runs for the first 2 PRs succeeded and didn't trigger a release (expected), but the last run failed and didn't block the merge.

We should:

1. address the CI issue (npm dependencies are failing to install with node 15)
2. ensure Travis reports status checks to GH
3. run the CI to trigger a release
4. add branch security to the repo settings, merging should be blocked unless status checks have passed

@robinmetral After @osiux's PR to change the inject method (#3) and your comment (#3 (comment)), I found out that the plugin automatically add the bookmark button on each image you have on your gatsby site.

I'd like to have this default changed, so users of gatsby-remark-embedder won't have this side-effect if they just want to include an embedded board/pin/profile.
Then it's an opt-in for users who want to have this behaviour.

Of course this is for when @osiux's MichaelDeBoey/gatsby-remark-embedder#73 is merged, as gatsby-remark-embedder doesn't support Pinterest at this moment.

See Pinterest Developers

Types of Save buttons

1. • Image Hover: save any image on hover
2. • One Image: save a single predefined image
3. • Any Image: save any image from the page

Button Style options for each type

1. Image Hover

• data-pin-hover: set to true to activate image hover
• data-pin-tall: bigger button
• data-pin-round: round logo button
• data-pin-sticky: if false hover buttons won't appear on mobile devices

2. One Image

• data-pin-tall: bigger button
• data-pin-round: round logo button
• data-pin-count: show Save count above button (Not for round buttons)

3. Any Image

• data-pin-tall: bigger button
• data-pin-round: round logo button
• data-pin-count: show Save count above or beside the button (Not for round buttons)

• gatsby-plugin-pinterest version: 3.2.2

Problem description:

Save Button does not appear until page refresh if you don't include the saveButton attribute in the plugin options (which sets data-pin-hover) and instead include a tag where you want the pin it button to appear like so (which adds the save button for individual images):

<a href="https://www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark">
</a>

Suggested solution:
PR incoming

I can create a small reproduction if needed but wanted to submit the issue while it was fresh in my mind.

This plugin uses onClientEntry gatsby hook, which runs only the first time gatsby page loads in the browser. If you're trying to use this plugin on a website with multiple pages, then the pin it button will only appear on the images on the first page you visit. Consider using onRouteUpdate instead of onClientEntry in the gatsby-browser.js file to inject the Pinterest script. You'd also have to ensure that you're only loading the Pinterest script just once in the head section of the document.

Invalid plugin options for "gatsby-plugin-pinterest":

• 'round' is no longer supported. Use 'saveButton.round' instead by setting it to the same value you had before on 'round'.
• 'tall' is no longer supported. Use 'saveButton.tall' instead by setting it to the same value you had before on
  'tall'.

not finished open and validate gatsby-configs, load plugins - 0.612s

I am trying to add gatsby-plugin-pinterest to the gatsby-shopify -starter project.

• gatsby-plugin-pinterest version:
• node version:
• npm version:

Relevant code or config

What you did:

What happened:

Reproduction repository:

Problem description:

Suggested solution:

🚨 The automated release from the master branch failed. 🚨

I recommend you give this issue a high priority, so other packages depending on you could benefit from your bug fixes and new features.

You can find below the list of errors reported by semantic-release. Each one of them has to be resolved in order to automatically publish your package. I’m sure you can resolve this 💪.

Errors are usually caused by a misconfiguration or an authentication problem. With each error reported below you will find explanation and guidance to help you to resolve it.

Once all the errors are resolved, semantic-release will release your package the next time you push a commit to the master branch. You can also manually restart the failed CI job that runs semantic-release.

If you are not sure how to resolve this, here is some links that can help you:

• Usage documentation
• Frequently Asked Questions
• Support channels

If those don’t help, or if this issue is reporting something you think isn’t right, you can always ask the humans behind semantic-release.

No npm token specified.

An npm token must be created and set in the NPM_TOKEN environment variable on your CI environment.

Please make sure to create an npm token and to set it in the NPM_TOKEN environment variable on your CI environment. The token must allow to publish to the registry https://registry.npmjs.org/.

Good luck with your project ✨

Your semantic-release bot 📦🚀