Plugin Support
Gabor
(@nextendweb_gabor)
Hi @pagegenius!
From your example page what you cannot do is, that dotted line for the navigation menu. Then you would need the Pro version to achieve a similar design for the navigation. You could use thumbnails:
https://smartslider.helpscoutdocs.com/article/1857-thumbnails
to have just a text on top of the slider, which would switch between slides. These would show the “Slide title”:
https://smartslider.helpscoutdocs.com/article/1724-slide#content
and to have the same text on the slides, you would need to put down a Heading or Text layer into your slides:
https://smartslider.helpscoutdocs.com/article/1814-heading-layer
and write this inside its text:
{name/slide}
or you could also just simply write the same text here, what you are using at the title.
Hi Gabor,
I’m confused about your last option with {name/slide}. When I type those into a text box as its content, I simply get those literal characters. Could you clarify?
Right now, I’m making this sub-menu with this code:
<div class="sub-menu" style="text-align:center;">
<span class="switch1” style="font-family: 'Noto Serif'; font-size: 12pt; font-weight: 700; cursor: pointer;">Exploit emergent technologies</span> | <span class="switch2” style="font-family: 'Noto Serif'; font-size: 12pt; font-weight: normal; cursor: pointer;">Validate growth opportunities</span> | <span class="switch3” style="font-family: 'Noto Serif'; font-size: 12pt; font-weight: normal; cursor: pointer;">Define growth strategies</span> | <span class="switch4” style="font-family: 'Noto Serif'; font-size: 12pt; font-weight: normal; cursor: pointer;">Create products, services & business models</span> | <span class="switch5” style="font-family: 'Noto Serif'; font-size: 12pt; font-weight: normal; cursor: pointer;">Develop go-to-market ecosystems</span> | <span class="switch6” style="font-family: 'Noto Serif'; font-size: 12pt; font-weight: normal; cursor: pointer;">Develop new growth ventures</span>
</div>
<script>
N2R('#n2-ss-27', function($, slider){
jQuery('.switch1’).click(function(){
slider.slide(0);
window.scrollTo(0, 0);
});
});
N2R('#n2-ss-27', function($, slider){
jQuery('.switch2’).click(function(){
slider.slide(1);
window.scrollTo(0, 0);
});
});
N2R('#n2-ss-27', function($, slider){
jQuery('.switch3’).click(function(){
slider.slide(2);
window.scrollTo(0, 0);
});
});
N2R('#n2-ss-27', function($, slider){
jQuery('.switch4’).click(function(){
slider.slide(3);
window.scrollTo(0, 0);
});
});
N2R('#n2-ss-27', function($, slider){
jQuery('.switch5’).click(function(){
slider.slide(4);
window.scrollTo(0, 0);
});
});
N2R('#n2-ss-27', function($, slider){
jQuery('.switch6’).click(function(){
slider.slide(5);
window.scrollTo(0, 0);
});
});
</script>
I’m having a couple of problems with this.
1) The HTML element keeps disappearing from my slider
2) Because I want the chose elements to appear as bold when selected, I have to create this menu on every slide, rather than using a static slide for it. Any workarounds auto-bold a heading when it’s the selected one?
Hi @pagegenius
I tried {name/slide}
and it worked fine for me:
View post on imgur.com
I just noticed you mentioned you’re using the Pro version of Smart Slider 3. Please reach out to us directly at:
https://smartslider3.com/contact-us/support/?ref=https://wordpress.org/support/topic/text-submenu-to-navigate-between-slides/
As per forum rules, commercial products are not supported in these forums.
We’ll be happy to help you on our support channel.