URLs in JM Slideshow

The links are not working from JM Slideshow. Below are the backend settings

Description for each Item

[desc img="01.jpg" url="http://itsybitsy.ie/products/cloth-nappies.html?alias=Cloth%20Nappy"%5D<div class="desc-slide"><span class="text-title">Now Stocking Cloth Nappies</span><span class="text-description">Check out our range of cloth nappies</span></div>[/desc]

[desc img="02.jpg" url="http://itsybitsy.ie/baby/leg-warmers.html"%5D<div class="desc-slide"><span class="text-title">15% OFF on Leg Warmers</span><span class="text-description">When you buy 4 leg warmers</span></div>[/desc]

[desc img="03.jpg" url="http://itsybitsy.ie/products/education/wooden-toys.html?alias=WoodenToys"%5D<div class="desc-slide"><span class="text-title">Eco Friendly Wooden Toys</span><span class="text-description">See our new range!</span></div>[/desc]

[desc img="04.jpg" url="#"]<div class="desc-slide"><span class="text-title">Get Ready for Autumn!</span><span class="text-description">Warm Colours for You</span></div>[/desc]

11 answers

Profile photo of Saguaros 0.00 $tone August 29, 2014
Public

Hi

I tried to add one of above URLs into slideshow in my local site but it still works properly:

Code:

[desc img="01.jpg" url="http://itsybitsy.ie/products/cloth-nappies.html?alias=Cloth%20Nappy"]<div class="desc-slide"><span class="text-title">Sunny New Arrivals</span><span class="text-description">See what is in full swing for spring</span></div>[/desc]

Do you try to flush magento cache after making change?

#1
Profile photo of santosh pillai 90.00 $tone August 29, 2014
Public

I have realized the problem. The url works when I click on the slideshow image and not when I click on the title text or description. The cursor changes when I hover above the text and does not when I hover the mouse above the images. Its a bit misleading for my customers. Can you please suggest a fix to make the side tabs with the titles to point to the URLs

#3
Profile photo of Saguaros 0.00 $tone August 31, 2014
Public

If you want to have ‘pointer’ cursor when hovering image, you can open file: /skin/frontend/default/jm_kidsland/joomlart/jmslideshow/css/jm.slideshow.css

At approx line 29:

Code:

.jm-slide-item {
    cursor: pointer;  <<< add this line
    display: block;
    float: left;
    margin: 0;
    overflow: hidden;
    position: relative;
}

Then flush magento cache.

#4
Profile photo of Seoki Lee 1510.00 $tone September 1, 2014
Public

To add link for text on the right of slide show, you can add description for silder show like this:

Code:

[desc img="01.jpg" url="http://itsybitsy.ie/products/cloth-nappies.html?alias=Cloth%20Nappy"]<div class="desc-slide"><a href="http://itsybitsy.ie/products/cloth-nappies.html?alias=Cloth%20Nappy"><span class="text-title">Now Stocking Cloth Nappies</span><span class="text-description">Check out our range of cloth nappies</span></a></div>[/desc]
#6
Profile photo of Seoki Lee 1510.00 $tone September 3, 2014
Public

You can fix it by go to your admin >> Joomlart >> JM SlideShow and change option of "Event to trigher a thumbnail" from "On Click" to "On Mouse Enter", like this: http://prntscr.com/4j6cyl

About text color, you can change it by open file ..\skin\frontend\default\jm_kidland\joomlart\jmsli deshow\css\jm.slideshow.css, at line 44, after this rule:

Code:

.jm-slide-thumbs-wrap {
  bottom: 40px;
  height: 410px !important;
  position: absolute;
  right: -300px !important;
  z-index: 999;
}

Add this rule:

Code:

.jm-slide-thumbs-wrap a {
	color: #fff;
	text-decoration: none;
}

Hope this helps.

#8
Profile photo of Ziven Staff 100280.00 $tone September 4, 2014
Public

About text color, you can change it by opening file ..\skin\frontend\default\jm_kidland\joomlart\jmsli deshow\css\jm.slideshow.css,

at line 492, add this rule:

Code:

.desc-slide span.text-title {
font-family: 'Museo500Regular';
font-size: 17px;
float: left;
width: 100%;
padding-bottom: 4px;
padding-top: 5px;
color: #fff <- add new
}

at line 501, add this rule:

Code:

.desc-slide span.text-description {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #fff <- add new
}
#10

This question is now closed

Written By

Comments