Rectangle 27 0

You can accomplish this a couple different ways on Volusion. The key is that there are unique elements to both the product and category pages.A simple way to do this is to detect the type of page based on the URL.

$(document).ready(function(){         
     var pathname = window.location.pathname;
     if(pathname.indexOf('-p/') > -1){
        $('body').addClass('product-page');
     }     
});

Then just add the appropriate CSS with a display:none for the left nav.

javascript - Conditionally hiding left hand navigation menu in Volusio...

javascript jquery css volusion
Rectangle 27 0

You can try like this.

<style type="text/css">
.scrollToTop {position:fixed;bottom:100px;right:100px;}
</style>

<a class="scrollToTop" href="javascript:scrollToTop();">Scroll to top</a>

<script type="text/javascript">
function scrollToTop() {
    $(window).scrollTop(0); // If you work with jQuery,
    document.body.scrollTop = 0; // Or not.
}
</script>

Thanks for your help but unfortunately it doesnt work. I pasted the code inside <head> </head>.

Try paste the code inside <body> section. Do you work with jQuery?

Its working. Thanks. How do I make it float on the right bottom? Yes, I am working on jQuery site.

I edited the answer. Check that again.

Its working now. Thanks a lot.

javascript - How to add a scroll-to-top floating button in volusion si...

javascript css html5 scrolltop volusion
Rectangle 27 0

There's a much simpler way to do this in Volusion without Javascript. If you log in to your dashboard, go to 'Design->File Editor" and then click on the template HTML file (it will be under the heading 'Template Files', you'll be in the main template file for your site.

In between the <body> tags you'll just add a div with an id of "if_not_homepage" and the site will only read the contents of this div if not on the default.asp page. For example:

OR you could call a separate stylesheet completely from within this div (for example):

<div id="if_not_homepage">
    <link rel="stylesheet" href="/v/vspfiles/templates/YOUR_TEMPLATE/css/inner_style.css" />
</div>

If you place the stylesheet within the directory "/v/vspfiles/templates/YOUR_TEMPLATE/css/" you'll be able to edit the stylesheet from within the File Editor in the Volusion dashboard as well (like your other stylesheets).

Alternately, there is a div with an id of "if_homepage" that is read only if the user is on the default.asp (opposite of "if_not_homepage").

On a completely separate note, in your code above, you are missing either a class (.) or id (#) selector on 'content' in your CSS, so that may have something to do with it as well.

Page specific CSS in Volusion with Javascript - Stack Overflow

javascript css override volusion
Rectangle 27 0

Instead of a style tag, I think you are better off setting the style directly with jQuery (if the DOM is loaded) or writing out a link tag to a separate style sheet.

Page specific CSS in Volusion with Javascript - Stack Overflow

javascript css override volusion
Rectangle 27 0

The only way to do this on Volusion is with javascript. You do not have access to the HTML for the product page and given that it is built with tables there is no way to move the product description area up with CSS.

You need to use javascript to detach and append the product description box below the product details area.

I think to run that I'd have to put the script in the site-wide template. I'm not sure but that seems likely to incur performance issues as it loads a pointless script on every page. Or is it much simpler than I'm thinking?

Yes, it does have to be in the global template (or in javascript linked to from there). Because all product pages in Volusion have a similar structure both in terms of the URL and the html structure, you can start with an if statement to ensure it is a product page to at least not run the whole thing elsewhere. While it does slow things down somewhat, you do not have a choice. It's the only way to do it on Volusion.

html - Element Repositioning using only CSS(Volusion Details) - Stack ...

html css volusion