Viewing Snippets

Snippets



User: lkrit 12 years ago
I am having a problem with snippets....is there a video on it?...My immediate issue is ....search bar with a special code that enables it to work as well as an image of search bar...

When I click on snippet nothing happens..it doesn't seem to open up...and if I just type in the code in the area that I want it to appear in ..there is no image...Help and I've just gotten started!!!!
User: Roddy 12 years ago
Click the "Widgets" button in the inspector panel, drag the HTML Snippet icon onto the page, paste your code into the box which appears in the inspector and click the "Apply" button.

Note that, in general, only HTML should be pasted here. CSS styles go into the page Head Code box at the bottom of the Page inspector and javascript goes into the page footer code box.

Any images need to be dragged into the Assets panel and the URL determined by control clicking the image file and selecting "Copy Relative File Path"/

If you need help with this, post your code here.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: lkrit 12 years ago
Hi..here's the code

<div id="quickSearch"><input id="searchterm" class="searchBox" name="searchTerm" maxlength="500" size="25" type="text" /><a href="http://superpromostuff.espwebsite.com/ProductResults/"; id="reflectedlink"><img width="15" height="15" alt="" border="0" src="http://cdn.asicentral.com/esp-websites/images.jpg"; /></a> </div>
<script type="text/javascript" src="http://cdn.asicentral.com/esp-websites/search.js"></script>;
User: lkrit 12 years ago
I dragged the HTML snippet on to the page..I pasted the code into the box ..I hit apply..and I not only did I not get the image of the search bar that is in the code but the code just appears as text on my page...Help
User: Roddy 12 years ago
Open the Page inspector, scroll to the bottom and paste this code into the Footer Code box...

<script type="text/javascript" src="http://cdn.asicentral.com/esp-websites/search.js"></script>

Open the Widget panel, drag an HTML Snippet onto the page and paste this code into the box which appears in the Widget inspector...

<div id="quickSearch"><input id="searchterm" class="searchBox" name="searchTerm" maxlength="500" size="25" type="text" /><a href="http://superpromostuff.espwebsite.com/ProductResults/"; id="reflectedlink"><img width="15" height="15" alt="" border="0" src="http://cdn.asicentral.com/esp-websites/images.jpg"; /></a> </div>

Click the Apply button and then open the metrics inspector. Set the widget size to Width 200px Height 20px.

Now drag the widget to where ever you want it on the page and then publish the site and test it.

If you want the widget to appear on every page of your site, paste the javascript into the site wide footer code box in the Site Publishing Settings page instead of the one in the Page inspector. Paste the HTML into a snippet on one page, adjust the size, drag it into position and then copy and paste it to the other pages of your site.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: lkrit 12 years ago
okay I got as far as pasting two codes ..I now see the image and it looks as though it would work but am confused as to metric inspector.... perhaps I was not in the right place, but when I set it to 200px it just moved it...but when I set the height to 20px it disappeared... was I in the right place or was that number wrong?
User: Roddy 12 years ago
Try setting the height a little higher then.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: lkrit 12 years ago
if I keep the Y at 268 the search bar is centered where I want it...if I reduce it to 200 it moves the search bar to the top of the page ..and When I drag it down the y goes back to 268..what is the negative to keeping it at 200..does this mean the amount of space it takes up on the page?
User: Roddy 12 years ago
Don't worry about the exact size of the snippet. Just set it so that the whole of the widget shows and check that it's OK in the published version.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: lkrit 12 years ago
How do I publish to a test folder? I do not want to touch my original site at this time.
User: Roddy 12 years ago
The option to publish to a local folder is in the Site Publishing Settings page.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: lkrit 12 years ago
That worked ...Thanks
User: lkrit 12 years ago
I'm almost finished bring my header over, however I have one more problem.....I have a blurb in my header with ..CONTACT ME ..information...with the .. email address.com.. of my web site as a link.....it looks fine when I copy and save it...but when I re-open it it's gone...the sme blurb also contains my phone number but that is not a link. Should I have copied into a snippet ?
User: Roddy 12 years ago
You should recreate the email link in EasyWeb using the Link inspector - "Link to: An email message".

Some more info about creating custom email links and buttons...

http://roddymckay.com/EasyWeb/test/email.html

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: lkrit 12 years ago
it does not allow me to drag the email button image to assts...it keeps bouncing back


Post Reply
You must login or signup to post.