aspdotnetstorefront - How to change Product image tooltip that shows "Click here for larger image"? - image

When I mouse over a Product image the tooltip shows "Click here for larger image"
How can we change this to show the product name or image name for better Seo?
This is coming from within the Get Product Image call, Someone suggested I could simply string replace the output in the product XmlPackage and replace the "Click here for larger image" with your better for SEO version... but I need an example of how to do this.

If you login to the Admin section of your storefront, and go to "Configuration -> Localization -> String Resource Manager". Once in string resource manager search for "showproduct.aspx.19". Then just click edit and change it to whatever you want the tooltip to show.

Related

Accessibility error in offcanvas element in Joomla site

I have a problem with a validation error to http://www.tsiapos.gr/ (Joomla 3.9.10 - yootheme template0
https://wave.webaim.org/report#/https://tsiapos.gr/
which is related to empty link in "offcanvas"
I don't know where to find the code and how to fix it. Thank you.
That looks like your menu button which is only visible in responsive mode. If I increase my font size or run on mobile, then I see it.
There are two problems with the menu button. The first is that it doesn't have a label that a screen reader can announce. That's the error that WAVE is pointing out. You can fix that by adding an aria-label to your link.
The second problem that WAVE didn't find is that the "state" of your menu (expanded or collapsed) also needs to be conveyed. You do that with aria-expanded. Set the value to "false" when the menu is closed and "true" when the menu is open.
And if you want to get picky, there's a third problem that you're using a link instead of a button. A link should be used for navigation, opening a new page, not for an "action". I'd recommend changing your menu to a <button>.
If you want to use an <a> then you should add role="button" and make sure the space key can be used to select the link. By default, links only allow the enter to select them but a button allows both space and enter.

How to display images without their titles in Drupal 8?

Drupal 8.5.3
I want to display some images in a Views Block in a grid format and without the image title being shown. This is not working and the title is always displayed.
I have created a content type for the images with just the required title field and the image field and I have deleted the body field.
I have set the image label to hidden or "visually hidden" in the content view mode in the "Manage Display" tab for both default and teaser. The label seems to affect only the name of the content type itself not the image title.
I have set the view grid to display only teasers.
I have run drush cr multiple times.
The image titles still show up in the view.I can find no way to turn them off there. However the tile is not displayed in the default view mode on the node page itself. Which ironically is where I want it!
Figured out how to do exclude node tiles from display. You have to use a contrib module such as the appropriately named Exclude Node Title

Showing image(coming from database) dynamically in crystal report using ImagePath C#

I store image path in database like this: UploadedImage/FabricImage/11115.JPG.
I want to show them dynamically in a crystal report. Can anyone help me?
Use a conditional formula to dynamically change the location of a report’s image.
Add an image to the report: -> Insert -> PictureThis image will act as a placeholder.Ensure that the placeholder is the same size as the one that will be dynamically loaded, otherwise the image will be scaled.
Change the image’s Graphic Location:
right click image
select Format Graphic…
select Picture tab
click the conditional-formula button (looks like x+2)
set the formula’s text to the name of the formula or parameter field that will contain the image’s URL
save the formula and click the OK button
Save the report
Source: cogniza.com

Drupal Image Display with View and Panels

Can anyone please guide me on how do I create a photobox that contains image and I wanted to display that image on landing page.
I have used panel to create landing pages for my website. I need to create 7 different layout for my website.
I am new to Drupal. Any help will be appreciated.
I have created specific image style for my image box by going into "Configuration -> Image Styles.
I have created Content Types for image.
For example lets say, Content type is: "Top Left Image".
I have defined fields called "Image Name" and "Image" into "Top Left Image".
Then I have created one view called " Top Left Imagebox".
In view, I have defined fields called Content: Image.
Formatter: Image
Image Style: Selected specific image style.
Link Image to: Nothing
I have used Rewrite Rule to make a view that displays image or video filed if present.
No Results Behavior: [field_image]
Checked - Hide rewriting if empty
Checked Rewrite the output of this field.
I have defined this view into my Landing Panel Page. But, somehow image is not displaying into the browser.
Thanks for Help!!
It can be because your ad blocker block your images. Anything that comes with names like 'ad' will be blocked be ad blocker browser add-ons.
Try switching it off if you have any enabled.
This is my best guess if you have your images in your view & you have added that view into your panel page.

Drupal - Use lightbox with Views (Rel attribute) - in output link

In Drupal I have two image fields, one to act as a thumbnail and the other the image that will open when the thumbnail is clicked. The only way I could find to link the two was to use the option for "Output this field as a link" and link to the image field.
This works, so when I click the thumbnail it opens the larger image however I would like to use lightbox2 for this task but in the "Output this field as a link" options there is no way to set the "rel" attribute.
Is there a way to either set the rel attribute or invoke the lightbox by setting a class?
you only need a single cck imagefield to get thumbnail plus full image in lightbox: Lightbox2 - How to use with CCK Imagefield and Imagecache.
UPDATE: use the "Lightbox Trigger" Views field of the Lightbox2 development version. step by step:
add both your thumbnail and your image field to your view
mark both of them "Exclude from display". don't check "Output this field as a link" anywhere.
add a "Lightbox trigger" field after both of your image fields
configure the "Lightbox trigger" field:
for "Trigger field", select your thumbnail field
for "Popup", select the Replacement pattern (scroll further down in the view field edit form for all possible replacement pattern) of your image field. for example, in my case, this is [field_image_fid].
now, your view should show your thumbnail image and, clicking on it, should open your full image in a lightbox frame. at least that's what's happening here :)

Resources