I have created a slider for my product page on Wordpress with Woocommerce... Now, I just need to know where to put the files so the slider will show up on the product page.... so far, nothing is showing up...
http://herbshop.healingwatersclinic.com/product/elderberries/
Any and all help would be greatly appreciated.
How to embed in Wordpress product page
Karen Weilert
Registered User
9 posts
Scott Swedorski
VP of Software Development
0 posts
Looking at that page, I don't show that you have added any of the markup that Slider generates. Is that the correct URL?
As to the location of files, most of the time you have to place those in the root folder. You might even have to update all the HREF references for each script, css file and image and place a / (slash) in front of them so that the files are correctly found.
As to the location of files, most of the time you have to place those in the root folder. You might even have to update all the HREF references for each script, css file and image and place a / (slash) in front of them so that the files are correctly found.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
Karen Weilert
Registered User
9 posts
Thanks for the quick response...Yes, it's the correct page...the test didn't show the slide, so I took the code out... I will try again with updated code... stand by...
Karen Weilert
Registered User
9 posts
Ok, I can see the slider, but only the words (at the bottom of the page) no slider... Not sure where to put the "Header" stuff on a product page...
Scott Swedorski
VP of Software Development
0 posts
You forgot to follow my suggestion. You have to update all the HREF references for each script, css file and image and place a / (slash) in front of them so that the files are correctly found.
Needs a / in front:
/>
<link href="cc-slideshow-e4bd1b13/css/slideshow.css" rel="stylesheet">
<script>document.createElement( "picture" );</script><br />
<script src="cc-slideshow-e4bd1b13/js/picturefill.js" class="picturefill" async="async"></script></p>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Courgette%7CLato%7CMontserrat:b">
<link rel="stylesheet" href="cc-slideshow-e4bd1b13/css/main.css">
<script src="cc-slideshow-e4bd1b13/js/jquery-1.8.2.min.js"></script><br />
<script src="cc-slideshow-e4bd1b13/js/revolver.min.js"></script><br />
<script src="cc-slideshow-e4bd1b13/js/rpg-slideshow.js"></script><br />
<script>document.createElement( "picture" );</script><br />
<script src="cc-slideshow-e4bd1b13/js/picturefill.js" class="picturefill" async="async"></script></p>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Courgette%7CLato%7CMontserrat:b">
<link rel="stylesheet" href="cc-slideshow-e4bd1b13/css/main.css">
<script src="cc-slideshow-e4bd1b13/js/jquery-1.8.2.min.js"></script><br />
<script src="cc-slideshow-e4bd1b13/js/revolver.min.js"></script><br />
<script src="cc-slideshow-e4bd1b13/js/rpg-slideshow.js"></script><br />
Needs a / in front:
<link href="/cc-slideshow-e4bd1b13/css/slideshow.css" rel="stylesheet">
<script>document.createElement( "picture" );</script><br />
<script src="/cc-slideshow-e4bd1b13/js/picturefill.js" class="picturefill" async="async"></script></p>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Courgette%7CLato%7CMontserrat:b">
<link rel="stylesheet" href="/cc-slideshow-e4bd1b13/css/main.css">
<script src="/cc-slideshow-e4bd1b13/js/jquery-1.8.2.min.js"></script><br />
<script src="/cc-slideshow-e4bd1b13/js/revolver.min.js"></script><br />
<script src="/cc-slideshow-e4bd1b13/js/rpg-slideshow.js"></script><br
<script>document.createElement( "picture" );</script><br />
<script src="/cc-slideshow-e4bd1b13/js/picturefill.js" class="picturefill" async="async"></script></p>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Courgette%7CLato%7CMontserrat:b">
<link rel="stylesheet" href="/cc-slideshow-e4bd1b13/css/main.css">
<script src="/cc-slideshow-e4bd1b13/js/jquery-1.8.2.min.js"></script><br />
<script src="/cc-slideshow-e4bd1b13/js/revolver.min.js"></script><br />
<script src="/cc-slideshow-e4bd1b13/js/rpg-slideshow.js"></script><br
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
Karen Weilert
Registered User
9 posts
You're correct, I didn't do that, but now I did and the slider is working (wahooo!) all except the images. I put them in the image folder but they are not showing up, either...
Karen Weilert
Registered User
9 posts
Ok, I did it! It looks great... a few more minor tweaks and it will be the best type of slider for our Herb Shop Product page...
Take a look
--- http://herbshop.healingwatersclinic.com/product/elderberries/
Thanks for the help...
Take a look
--- http://herbshop.healingwatersclinic.com/product/elderberries/Thanks for the help...
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
