Content in Adobe Community

Replace table codes with useLi in BC module template > online Shop Layouts

forums_noreply@adobe.com — Wed, 12 Nov 2014 21:45:05 GMT

I am having a problem in BC module template > online Shop Layouts:

Trying to get rid of Table Codes that inserted by BC system with List or possible Div
Contact with Adobe BC tech support, they suggest use this useLi tag in my online Shop Layouts. After I implement the codes below, and it doesn't work. The table code is still there on the front page:
- Here is the code that I implement in the module template:
  - {tag_productlist, useLi (true)}

Below is the front page codes, you can see the table is inserted by BC system:
- <table class="productTable productSmall"><tbody><tr><td id="catProdTd_9074914" class="productItem">
- </td><td class="productItem"></td><td class="productItem"></td><td class="productItem"></td></tr></tbody></table>

How could I remove the table that insert by BC System? Please help!!

Showing and hiding dropdowns on product page, based on selected values

forums_noreply@adobe.com — Wed, 12 Nov 2014 18:11:28 GMT

Hello.

I would like my product page to show different subsequent dropdowns based on individual dropdown values.

I've managed to achieve this via JavaScript, but I do not like how it works.

As far as I can tell, there is no proper identifier for each individual dropdown to determine which one it is, so all I can do at the moment is to rely on their order in the DOM, which is bad and makes it difficult for me to create a solution that would work for all products.

For instance, if the following is a single attribute:

<div class="catProductAttributeGroup" style="display: none;"><div class="catProdAttributeTitle">Metallic Foiling</div><div class="catProdAttributeItem"><select><option value="">-- Please select --</option><option value="6051720">Not required </option><option value="6051721">Foil ONE side + £45</option><option value="6051722">Foiling BOTH sides + £75</option></select></div></div>

I would like the outer-most div to have some sort of html attribute that holds the product attribute id. Something like, data-attribute-id="XXXXXXX". Is that possible?

Here's what I have up to this point:

I use {tag_attributes_json}, {tag_product_json} and {tag_currency} to get these values into javascript on page load, so I can use them later.

Then, I hook to change events of the drodpowns I have and then toggle their visibility based on which ones are selected. I rely on the jequery ':eq(n)' selector to achieve this, which I do not like. Is there an option for the {tag_attributes} helper which would make it add some extra information (such as attribute ID on the dropdown) on the generated HTML?

All of this works initially, but If I then 'Add to cart', the product element get's ajax-reloaded and the events are suddenly unhooked, so it doesn't work anymore. For that one, there are two options:

1. I could hook to an event that triggers once the product has been added to cart and the page is ready again. Is there such an event?

2. I could implement my own add to cart using bcInternals.shop.addToCart. I tried doing this, but I have two problems with it.

a. addToCart seems to add my selection twice, for some reason. Any ideas what I might be doing wrong?

b. the cart info in the top right corner doesn't refresh. it seems it tries to refresh, but there's some sort of access error in the script. This part is not yet fully added to the page, but there's a function that would do the adding to cart at the bottom of the bigger script block. Am I using the built in addToCart function incorrectly?

This is the page I have the partially implemented functionality added on:

Matt Laminated Business Cards

The scripts are currently embedded inside the HTML. Once I have it properly implemented, I'd like to extract it into a separate file. Search for "$productAttributesElement" to find the block with the functionality and for "productInfo" to find the part where I store the product data with the _json tags.

Bootstrap3/BC Menu dropdown conflict with module_photogallery

forums_noreply@adobe.com — Wed, 05 Nov 2014 20:02:24 GMT

I'm building a site using Bootstrap3 framework, with BC Dynamic Menu (with jQuery courtesy Joe Watkins) for main navigation. Dropdowns (click or hover) working beautifully until I add a photogallery module, then the dropdown links disappear on click, which is a major problem on touchscreens. I've removed all things piece-by-piece to determine the dropdown links disappear 100% of the time when a photogallery module is on the page, and work appropriately 100% of the time without a photogallery present (well, 1 exception - i'm seeing same issue on Layouts/OnlineShop/large_product.html).

Does anyone have any recommendations to fix this conflict with my Menu Nav dropdown links and the photogallery module? Really, really appreciate any suggestions. Unfortunately, the site nav is rendered non-functional on touchscreens due to these disappearing dropdown link conflicts (only Home and Smile Gallery links are not dropdowns).

EXAMPLES

Here are 3 examples of pages with a photogallery/dropdown conflict on click. To test issue, click the main nav dropdown links (e.g. "Locations, Treatment, etc":

Smile Gallery

Rapid City, SD

Spearfish, SD

I'm right in the middle of transitioning this site to the responsive framework, so not all links will work. Here are 3 examples of Nav links working properly on click (no photogallery module):

Results - Before & After

Evaluation

Smile For A Lifetime

REFERENCE

I do not understand jQuery very well, I've pieced together what I could to make it all work. Here are the 2 scripts I use to get the BC Menu to work:

// - - - - - Dropdown Menu v2 - JOE WATKINS.IO Dropdown Menu Toggle - - - - - - - - - - -

dropdownNavTweak : function(){

var $navContainer = $(".nav"),

$dropdownItems = $navContainer.find("li.dropdown");

$dropdownItems.each(function(){

var $parentItem = $(this).find("a:first");

$parentItem.addClass("dropdown-toggle").attr("data-toggle","dropdown").append(" <em class='icon-caret-down'></em>");

$(this).children("ul").removeClass().addClass("dropdown-menu");

$dropdownItems.show(); // shows dropdown images to prevent flicker - use CSS to hide " .nav li.dropdown {display:none;}" or ".navbar-nav li.dropdown {display:none;}" or ".navbarMinor-nav li.dropdown {display:none;}"

});

}, // end dropdownNavTweak (Comma needed if others follow}

... and ...

//////- -MENU- ////////

jQuery(document).ready(function ($) {

jQuery('.navbar .dropdown').hover(function() {

jQuery(this).addClass('extra-nav-class').find('.dropdown-menu').first().stop(true, true).delay(200).slideDown();

}, function() {

var na = $(this);

if (jQuery('.spanFloatLeftIfMobile').css('float') == "none") {

na.find('.dropdown-menu').first().stop(true, true).delay(500).slideUp('fast', function(){ na.removeClass('extra-nav-class') })

}

});

Hide background image on mobile device

forums_noreply@adobe.com — Tue, 04 Nov 2014 00:31:57 GMT

Hi all

I have a responsive site and I have a background image in my services page(s)

http://nicholsonssolicitors.davidcurran.com.au/about/services/Commercial

All looks fine on desktops and laptops, but when view on a mobile phone, the image displays behind the page content which doesn't look very nice. Is there a way to hide this background image on mobile devices only? i tried this below in my screen.css file, but no luck.

@media (max-width : 480px) {

body.custom-background {

background-image: none;

}

Or another workaround perhaps?......

Thanks

custom blog list/post layout

forums_noreply@adobe.com — Mon, 03 Nov 2014 08:00:02 GMT

Hi,

Inside blog posts, have anyone tried to move a body image position with js to place it on top, followed by post´s title, post´s text body ?

Is the only possible solution that I found to solve blogs layout since there is no way to create a custom image filed within blog.

Thanks

Smaller banner/header size

forums_noreply@adobe.com — Sat, 01 Nov 2014 19:33:53 GMT

I need to make the header/banner smaller on my website.

https://ngaitahustore.worldsecuresystems.com/

I cannot work out where I would do this. Is anyone able to please help me?

Thanks in advance

How to change shopping cart Buy Now button?

forums_noreply@adobe.com — Mon, 27 Oct 2014 21:55:40 GMT

Hello All,

I've been racking my brain on this one and could really use some help!

Check out the "BUY NOW" button on my website here:

Themes For MuseHome

How do I get rid of the grey/white color behind the text? (it's grey on one browser, white on another!)

I want it to be a solid red button and would like the gray area to be transparent.

I looked in a lot of the css files but can;t figure out which style matches up with this button.

Does anyone know where I'm supposed to go to change this?

Any help would be greatly appreciated. Thanks!

Jason

FlexNav Help

forums_noreply@adobe.com — Fri, 17 Oct 2014 13:28:57 GMT

Hey everyone. I am using FlexNav on a number of responsive sites, for the menu(in BC and elsewhere). It works great for multi-level navigation in a responsive design. An issue has recently been brought to my attention however.

Take this site as an example: Sunsweet

If you size the width down to 1000px you can see the menu switch to the flyout style. It works and everything, but you have to click twice on any of the arrows to get to as page's subpages. And if you are currently on a page, say Resources, and try clicking its arrow for the sub-menu, it will not pop out.

Any help with this would be much appreciated. Thanks.

Why are social links different on desktop vs. mobile versions of my site?

forums_noreply@adobe.com — Fri, 17 Oct 2014 02:09:03 GMT

The Facebook and Twitter buttons show up alongside the Favorite button on the desktop version of my site, but not on the phone version of the site, and I can't find the place to correct this. Thoughts? Desktop screenshot of sample product vs Mobile screenshot of same product below.

can ANYONE please help with coding query?

forums_noreply@adobe.com — Wed, 15 Oct 2014 12:14:35 GMT

Im currently setting a website up in Adobe Muse/BC - Im not a developer at all!..but a designer and really like this software. However ive come across whats probably quite a simple problem - i just need to put some the module output from my web app over an image on template page but i dont know how to do it.

The page is here:

latest

The text and image im moving (this is web app outputt) is inserted into the page coding as:

{tag_pagecontent}

This is a module that Adobe BC is placing on the page from my web app.

Ive done images to explain this far more clearly:

http://www.paulsuttontestsite.co.uk/test.SHOT1.png

http://www.paulsuttontestsite.co.uk/test.SHOT2.png

Many thanks in advance to anyone who is kind enough to offer their time in helping me.

Paul

Incrementing product count in "add to cart" input field

forums_noreply@adobe.com — Wed, 15 Oct 2014 09:47:44 GMT

Hi,

I want to add a couple of buttons near the "add to cart" quantity input field (which you can normally use to write a number within and select the quantity for the product you want to buy), say a "+" and a "-" button, to increment or decrement the number within the field. This would be really simple in javascript, but how can I access the DOM at that input field level? It seems I can not access the input field in {tag_addtocartinputfield}.

Is there a way to achieve it, or a sort of workaround?

Why does my website scroll across?

forums_noreply@adobe.com — Mon, 13 Oct 2014 23:30:14 GMT

I can't seem to work out why it is scrolling across

I am using the Church Template on BC and the screen width doesn't seem to sit right.

Home - Website with issues

Home- Testing site that I'm using to compare against

I need the Alpha header to be 60px high to match the header titles so this might be playing a part in the issue?

What have I done to make the width too large for the screen and create a marquee effect?

Thanks

Help with incorrect menu navigation when returning web app detail layout

forums_noreply@adobe.com — Sun, 12 Oct 2014 21:11:20 GMT

Ive managed to sort out most of my problems with my web app - however now the main problem is this:

My website is: www.paulsuttontetstsite.co.uk

1. My web app has the url /rehomedogs, so when the results are listed it displays: www.paulsuttontestsite.co.uk/rehomedogs/(name of dog)

However because the menu has been generated in Muse...its now incorrect on this page as clicking on home is trying to automically link to www.paulsuttontestsite.co.uk/rehomedogs/index...rather than www.paulsuttontestsite.co.uk/index

Please can someone tell me which is the best way to go about changing the navigation on the menu?

I havent had any luck with questions on these forums unfortunately

Thankyou if anyone can help out

Paul

Creating an email in GoLive CS2

forums_noreply@adobe.com — Thu, 09 Oct 2014 16:05:13 GMT

Using GoLive CS2 I am creating an email. It is html text on top of an image. Outlook separates the two and displays the text below the image instead of layered on top. How can I sort this?

Changing product images via Dropdown (JScript)

forums_noreply@adobe.com — Tue, 07 Oct 2014 22:39:50 GMT

Hi - I am developing a clothing store. I have several products that have different colour options - I want the product image to change as the user selects the various colour options via the drop down menu in Business Catalyst - I've been told this can be done with Javascript... can anyone help! ?

Is it possible to use math.random to generate web app item name?

forums_noreply@adobe.com — Tue, 30 Sep 2014 15:22:32 GMT

Can math.random() be used to auto fill the name field of a web app item? I have a client that needs web app item submissions to be random and we don't want to ask the user to have to create a name for their submission.

Help fixing sidebar border in page template

forums_noreply@adobe.com — Mon, 29 Sep 2014 06:33:54 GMT

I have recently added a blog to a website: www.mindsaligned.com.au/into-minds. I wanted the blog to have a sidebar similar to other pages on the site, so I just copied a page template from a page that has a sidebar and renamed the template "Blog Template". I've assigned the blog template to the actual blog and everything looks great except for one issue...

The sidebar (the area that contains "categories", "recent posts", etc) is meant to have a left border going all the way up the body of the page (just like it is on this page: www.mindsaligned.com.au/events), however, you'll notice on the blog, the left border is only showing up a little bit toward the bottom of the page body.

I inspected the element using Firebug and noticed that the entire sidebar section (possibly div?) seems to have shifted down on the page, hence, the left border moving down as well. I went into the page template I created for this page to see if I could find the issue in the HTML. This is what the HTML looks like for that section:

<div class="main-inner2">{tag_pagecontent}

</div>

I tried moving the "{tag_pagecontent}" tag after the first closing "</div>" tag and that seems to solve the border issue, but it creates another issue where the sidebar links no longer work (I can't even highlight any of the text in the sidebar with my cursor).

Can anyone tell me what I'm doing wrong and how I can fix this issue? I have basic knowledge of HTML and CSS so if you have a solution, please simplify for me as best as you can in your responses.

Thanks!

Nicole

Help changing color of menu in Adora template

forums_noreply@adobe.com — Fri, 26 Sep 2014 06:16:59 GMT

I'm a new BC user and have been scouring the CSS stylesheet for the Adora template, but I can't figure out where the color is being set for the main menu. I was able to change the navigation.png image to be solid instead of transparent and that covers the maroon/red color, but you can still see it peaking around the edges in some browsers, or full-on during page refresh, before the png image loads. Additionally, I added a sub-menu and the maroon/red color is back. The site is www.digitalglobesystems.com

Can anyone point me to the location of where the color is being set in the stylesheet? I've done a lot of trial and error with no results. Another thread said the color was set in the spry assets, but I don't see that in my File Browser.

Help with drop down menu and border on images

forums_noreply@adobe.com — Tue, 23 Sep 2014 23:57:44 GMT

How do you slow down the drop down menu? When we hover over it and then try to go down to a sub page it goes away.

Also, I need help with getting a white border off images in the cart, I'm assuming its in the css style. I just don't know where. I am not really familiar with code. I know I have to change it to padding: 0px;

Thank you

Javascript ? - Multiply # of products by 3 for tally / Spend $xx more for free shipping

forums_noreply@adobe.com — Fri, 19 Sep 2014 03:29:12 GMT

Hello,

I don't know javascript and I have a couple of items that I think need javascript in order to complete. Please ee below. Thanks in advance for your help!

1) This website sells headbands. In order to give back to the community, every headband purchased will provide 3 meals for a child in Uganda (provides through a local ministry).

We have a note in the header that says that "1 headband = 3 meals". We'd like to implement a tally or counter feature in the header that takes the number of products purchased and multiples it by 3 to show a total number of meals provided because of what is in their shopping cart.

2) We want to add a notice in the shopping cart that will encourage people to buy additional products to qualify for free shipping. i.e. “spend $7 more and receive free shipping and handling”

They need to spend $45 to get free shipping. What code could I add to the shopping cart to achieve this?

(Also, we'd also be interested in adding a related products feature here as well.)

The development site is located here:

http://banded.businesscatalyst.com/shop

(Note: This site is for development and testing only. Not all links work outside of the main shop page)

Thanks for your help.

Are the paths correct for this third party css and js links?

forums_noreply@adobe.com — Thu, 18 Sep 2014 05:47:44 GMT

I am trying to install some third party software on my BC site. BC does not want to recognize the following script. Are my paths wrong?

Thanks

Robert

Can someone tell me how to use jquery to replace the "No one logged in" message generated from {modu

forums_noreply@adobe.com — Thu, 18 Sep 2014 04:08:18 GMT

I need to replace the "No one logged in" boilerplate text that {module_whosloggedin} generates with French "Non connecté"

I understand jquery is the best way to do this but I need help with a code sample.

thanks

Turning HTML image into PNG

forums_noreply@adobe.com — Thu, 11 Sep 2014 14:11:56 GMT

Hi,

I don't think this will work but before I give up entirely I decided that I should ask people who would know more than me. I created a HTML image through work's photoshop cs4 to be uploaded onto our Linkedin pages' hero image. However, LinkedIn does not support html images but it does support png. Is there a way that I can convert the html file into png and still make it clickable?

I hope this makes sense

Thanks,

Nash

BC Gurus responsive template slider

forums_noreply@adobe.com — Tue, 09 Sep 2014 15:31:49 GMT

Help!!!

I have installed one of BC Gurus' responsive templates for a new site and have somehow managed to mess up the home page slider.

All I did was open the Home template, delete a couple lines of code to remove a row, and the slider now displays stacked.

When I restored the code I had deleted, and even when I rolled the page back, the slide ris still not repaired.

Can someone PLEASE help me???

Here is the page: Home Page

Thank you!

In-content Editor image keeping ?action=thumbnail

forums_noreply@adobe.com — Tue, 09 Sep 2014 11:55:39 GMT

Hello all,

I've been working on a few BC projects now and found the '?action=thumbnail&width=600&height=300&algorithm=fill_proportional' that you can add onto images really useful in helping keep site design - mainly it means clients do not need to upload images with exact dimensions to keep things consistent.

However, when you add the In-content Editor attribute 'ice:editable="image"' and replace the image via the front end Edit screen the '?action=thumbnail&width=600&height=300&algorithm=fill_proportional' will be removed from the image's path and therefore break design / consistency. Is there anyway to stop this from happening?

Regards,
Mat

It seems like some of the features that I want to use are not available in MUSE like in browser editing?

forums_noreply@adobe.com — Tue, 09 Sep 2014 08:08:02 GMT

I decide to use Business Catalyst for hosting because it came with my CC membership, However it seems that some of the main things I wanted to do might not be available or can only be used for additional membership fees. I wish that this was more clear beforehand! I am happy with the built in things but I am a little disappointed in finding out some of the features that I wanted to use, such as in browser editing might not even be available at all as long as I use MUSE. Managing customers using secure zones, and some other page level sign in forms seem to be not available also

Is this correct, if so what other limits can I expect?

how to add a background image to container?

forums_noreply@adobe.com — Mon, 08 Sep 2014 22:13:43 GMT

I need to add a transparency to the container but am having trouble.

New Bootstrap 3 Navbar plugin for BC Community.

forums_noreply@adobe.com — Mon, 08 Sep 2014 09:17:20 GMT

Hello everyone!

I have just finished creating a plugin that will set up all the settings in order to make Bootstrap Navbar work without having to hassle with CSS & Javascript, or having to

add the class "dropdown" for each dropdown menu inside Dynamic Menu manager at the backend. It also lets you to choose between toggle and hover on the dropdown menu. So if you client changes his/her mind you just

change the property "dropdownToggle" to false.

If you can optimise to speed it up feel free to do so, just make sure you share it here afterwards.

Download the plugin here http://www.it-amigo.se/LiteratureRetrieve.aspx?ID=131498

Instrucitons

Just add the plugin as any JQuery plugin and then add the following code to your html document.

$('#top_navbar').bootstrapNav({

// Dropdown Choice: Toggle(Bootstrap Default) = true, Hover Dropdown = false.

dropdownToggle: true,

// At what point should navbar go back to Toggle for Mobile Devices.

breakpoint: 1199

});

Tutorial Video

Latest news and archived news feed

forums_noreply@adobe.com — Mon, 08 Sep 2014 00:09:00 GMT

Hi All,

Just wondering whats the best direction to incorporate a news feed into my site. I just set up some announcements and plugged the module into the template, but noticed that announcements don't seem to archive, or list an archive to these... Am i correct or just new at this?

Help? Suggestions?

http://welcome-rt.businesscatalyst.com/company/latestnews

cheers

Shane

BC Workflow , EMail Trigger

forums_noreply@adobe.com — Sat, 06 Sep 2014 05:04:52 GMT

I'm having troubles locating which "System Email" will be sent in the event of

Submission of Web Forms --> Trigger a Workflow Event

I'm assuming somewhere in the Workflow Event will identify which "System Email" will be sent, however I'm unable to where it identifies which email will be sent? Can anyone shed some light please. Thanks!

template bumping head content holders to body

forums_noreply@adobe.com — Sat, 06 Sep 2014 05:01:23 GMT

I am trying to place content holders for scripts, queries and meta tags in the head of the template, but after I've saved the template, it bumps them to the body. What am I doing wrong or what should I be doing differently?

Dynamic Menu Selected Class

forums_noreply@adobe.com — Thu, 28 Aug 2014 13:05:15 GMT

Hey everyone,

On the site I am working on here http://sunsweetuk.wsiefusion.net/ you can see right away the "About Us" menu item has the selected class turned on, even though it isn't the selected page.

If you go to this page: http://sunsweetuk.wsiefusion.net/sunsweet-story you can see it turns off...However if you select any menu item after About Us the About Us item keeps the "selected" class turned on.

I cannot quite figure out what is going on here. I do have 'flexnav' js added onto this site, as it is responsive. Any help would be appreciated. Thanks.

Regards, Brian Richards

Javascript Code Error - Java Newbie in need of help

forums_noreply@adobe.com — Thu, 14 Aug 2014 22:14:14 GMT

I am trying to figure out what the issue is....There is a ERROR coming up in line 82 when I inspect the code but do not know JavaScript syntax well enough to figure out what is wrong.

PLEASE HELP!

BC dynamic menu not working in iPad

forums_noreply@adobe.com — Tue, 12 Aug 2014 18:15:28 GMT

When I touch a menu item, nothing happens. Works fine on desktop and rarely on iPad.

crystal-rose.org

Can anyone help out?

Thanks

Solution: Scripts not working after Ajax replaces part of page

forums_noreply@adobe.com — Fri, 08 Aug 2014 23:06:40 GMT

I'm far from an expert at js and jQuery, so I welcome collaboration and corrections on this solution. This is all from the context of a catalog's large product view when using ajax to switch between grouped products.

First, the issue:

BC updates the product information via an ajax call when you click the 'add to cart' button or make selections between product groupings.
When BC does this, it entirely reloads page_content.html. The net result: all the script bindings that were attached to those tags are wiped out.
The scripts are never rebound to the tags because that initially occurs when the DOM is being created. Content changes via an ajax call don't recreate the DOM.

Possible solutions:

Hardcode the affected scripts inside page_content.html. Don't just link a script file to it. It has to be hardcoded. This is not recommended, as it is bad coding practice to place scripts inline with our html.
Avoid the use of scripts in that area (good luck).
Use delegation with .on() to rebind. I believe this is the best option, and it's the one I am going to demonstrate.

To avoid inline scripts, I like using an external script.js file. It keeps my document clean from script clutter and it's easier to manage my scripts. Also, I want a solution I can implement one time, in one place, instead of with every situation I encounter. Below is an example of how my scripts are organized. The areas in bold are the specific solution.

jQuery.noConflict();

function scriptlist() {

var $ = jQuery;

var Engine = {

utils : {

functionName : function(){

// Do stuff in here

functionName2 : function(){

// do something else

}

ui : {

functionName : function(){

// Do stuff in here

functionName2 : function(){

// do something else

}

};

if ( $(element).length ) { Engine.utils.functionName(); }

if ( $(element2).length ) { Engine.utils.functionName2(); }

if ( $(element3).length ) { Engine.ui.functionName(); }

if ( $(element4).length ) { Engine.ui.functionName2(); }

};

jQuery('body').on('click.productSubmitInput', function(){

jQuery.ready(scriptlist());

});

scriptlist();

The key here was the use of the .on() jQuery method. Here is how it works:

I attached on() to the body element on the page with jQuery('body').on()
It's attached to the body, because the body is outside of page_content.html and won't have it's binding removed during the ajax call. Events register all the way up their ancester elements on the page, so on() can pick up the event all the way up to the body.
Told it to look for a certain event: 'click.productSubmitInput'
When the event occurs, it should trigger ready() to refresh the DOM. jQuery.ready()
and run my functions against it, thereby rebinding my document.

Multi-lingual sites

forums_noreply@adobe.com — Mon, 04 Aug 2014 17:38:50 GMT

Hi all,

I could not find a good JavaScript for support of multi-lingual BC sites so I have created my own script that will replace the URL pathname and do conditional redirects to support multi-language sites. Don't know if it's overkill but it works as expected and the code is easy to read. Don't know how efficient the code is, probably a javascript ninja can do it better.

It now has everything needed for multi-language support such as:

visitor can set language manually
cookie is created and read to store and read visitors language choice
support for multiple languages
support for any number of path name items in the URL
does not break the back button
workaround for BC's inability to automatically request the index page of a subfolder
set language based on visitors country location

The script does seem to work on mobile devices, I have tested it on Android 4.3 and 2.3.6

Found an edge case. If you selected a language when on the root page you get redirected to /[_language]/ (eg /_se/) which does not work they will get a Page not found. Therefore you should have a list of suggested links on the Page not found page.

Subfolder without trailing / works, for example: /_se by making it as a page and then do a 301 redirect to /_se/index

Check it out here: https://gist.github.com/Molnfront/da1f0bd7a0264fa8f477

Example here: http://cashnew.businesscatalyst.com (switch between English and Swedish. Default english)

Search box with dropdown display of results

forums_noreply@adobe.com — Mon, 04 Aug 2014 14:59:21 GMT

I'm looking to modify the Search module functionality (or create a web app?) that is used in sites like help.adobe.com . I would like the search function to work like this... As a person types in a search term, a dropdown box shows results that match the text as it is typed in letter by letter. A person can then click one of the displayed results at any time or click a search icon to see the page of all matching results.

I've looked around the forum to see if somebody has done this already but can't see that they have. I assume a Javascript at a minimum might be required (not a developer myself). Anybody familiar with how to accomplish that?

'Next Article' with Blog Post

forums_noreply@adobe.com — Sun, 03 Aug 2014 21:00:25 GMT

One of my clients has asked me to add a 'Next Article' and 'Previous Article' buttons to the blog post. The concept is if a person is reading a blog post (the actual post not a list of post) when they come to the end of the article they can click one of two buttons. One button will take them to the next newest post (if the post is the most recent then this button isn't visible) or they can click a button to be taken to the previous post (by date).

To my knowledge there is no way to do this using tags or modules out-of-the-box. My question is does anyone have any sort of javascript idea that may be able to produce what I would like to do?

Any ideas are welcomed.

Note: I can manually add this in to every post but I am looking for a way to have it automated.

Styling a class for links Hover/active, etc

forums_noreply@adobe.com — Wed, 30 Jul 2014 04:54:34 GMT

Hello,

This is a most basic question about formatting text links in css

I have tried to do it myself. I got the hover to work -- at least in firefox. But can't get the default color to work. Only hover.

Please look at this development page http://ogrowby.com/ in firefox.

There is a menu about the middle of the page, called "Test Menu". Please click on that. Then, in the dropdown, go to "TEST LINK".

When you hover over it, the text color changes to Gold. That is fine. But its default text color is black and I want it to be white. I may also want to change the font size, etc. But the main thing is to get the css working to set the default text color for this class to WHITE. #ffffff.

Here's my css so far. The hover is working, but the default remains needs to be changed to #ffffff Only for the ".roundeddblue" class. And it needs to work not only in firefox but other modern browsers.

Thanks, Rowby

.roundedblue:link,
div#Maximenu_NEW_GRANDE ul.maximenuck2 li.roundedblue:hover span.separator {
  color: white;
}

.roundedblue:hover,
div#Maximenu_NEW_GRANDE ul.maximenuck2 li.roundedblue:hover span.separator {
  color: #FFB300;
 
}

Interior Design Template slider problem

forums_noreply@adobe.com — Tue, 29 Jul 2014 07:00:25 GMT

Can anyone help me with the Interior design template? I edited the title tag and suddenly the sliders decided to stack on top of each other. I figured that the home page template must be screwed up so I created a new site with the template. I copied and pasted the Home page code into a new Page Template on the site and changed the module numbers. But the sliders are still stacking on each other.

Here's the page: feetforlife.com/index2.html

I need help FAST if anyone can help.

Need Help with scroll affects in BC Gurus "Travel" Template

forums_noreply@adobe.com — Sun, 27 Jul 2014 22:02:19 GMT

I have a question that I'm hoping someone can help me with about a template that I'm trying to customize (BC Gurus, installed from the adobe web site): http://arizonavalleyvip.businesscatalyst.com/

The template is configured to resize the logo when the user scrolls down. The default size for the logo didn't quite work for my needs (too small) so I changed the max-width to 295px in global.css (line 10)

When you scroll down, the logo reduces in size as its supposed to. When you scroll up, it doesn't go back to its original size but instead to 166px. I can't figure out where to change that. Can someone help?

Just to clarify, I want the logo to return to 295px as it does when you first load the site.

pushState() and Product Search

forums_noreply@adobe.com — Sat, 19 Jul 2014 13:58:16 GMT

Hi all,

have been pondering ways of tweaking the browsepanel to do what I need it to, and it occurred to me that .pushState() might be the way to go.

The idea is that users use browsepanel to navigate catalogues, I basically strip some buttons from Product Search, and then use {module_url} and .pushState() to simply tweak the url to my needs - mostly for on the fly sorts, including sort by price and the usual Product Search sortTypes.

I had previously considered including product_results module with different sortType defaults, but then I'd need to get the catalogue ID from the URL anyways (correct?), so might as well try pushState()?

I was hoping that others may have experimented with this and be able to tell me if this is workable within BC. Alternatively, any insight in to other successful approaches would be good.

Thoughts, suggestions, and experiences relating to the above, all very strongly appreciated (this is the last big problem to solve before launch).

I will let you know that while I'm pretty comfortable with html and css, my js is pretty basic, but I'm happy doing the legwork to learn it. I'm not after a tutorial here, just hoping to find out if the approach is workable before committing too much time to it. Oh, and I do already have a menu set up for catalogue navigation, and product and quick searches in the appropriate places, just fyi.

Cheers,

Jason

Free Shipping by Postcode?

forums_noreply@adobe.com — Fri, 11 Jul 2014 01:06:51 GMT

Hi,

racking my brains on this one.

Have a list of postcodes which I want to be able to offer free shipping on all orders to.

The easiest option would seem to be to simply set the value generated by (I think) shippingCalc to 0, but I can't seem to find a way of making this happen. From what I can see it doesn't seem to be a value I can directly manipulate.

I've tried setting up an option in Shipping Options in BC, with the idea of hiding it and then displaying it after evaluating the entered postcode against an array and selecting it if it matches (using javascript), but no luck, alas.

Any suggestions would be extremely welcome, as this one is important to be able to implement. I've only recently launched into javascript, so would prefer to stick with what I'm currently learning rather than venture in to jQuery or json or Ajax, but if that's what it takes, please let me know.

On a more general note, I would also like to be able to input the postcode before the user clicks on the dropdown to select their shipping options - I presume my best bet there is to use javascript to get the values, hide the system-generated output and then pass them to my own output?

Cheers,

Jason

W3C validators errors checking

forums_noreply@adobe.com — Thu, 10 Jul 2014 20:37:28 GMT

Help me please I find few errors and I cant fix it

Errors:

Validation Output: 6 Errors

Line 34, Column 48: Attribute name not allowed on element meta at this point. <META name="robots" content="NOINDEX, NOFOLLOW">

Attributes for element meta:
Global attributes
name
http-equiv
content
charset
Line 34, Column 48: Element meta is missing one or more of the following attributes: itemprop, property. <META name="robots" content="NOINDEX, NOFOLLOW">

Attributes for element meta:
Global attributes
name
http-equiv
content
charset
Line 35, Column 38: Attribute name not allowed on element meta at this point. <meta name="language" content="EN-US">

Attributes for element meta:
Global attributes
name
http-equiv
content
charset
Line 35, Column 38: Element meta is missing one or more of the following attributes: itemprop, property. <meta name="language" content="EN-US">

Attributes for element meta:
Global attributes
name
http-equiv
content
charset
Line 103, Column 8: Stray end tag head. </head>
✉
Line 104, Column 7: An body start tag seen but an element of the same type was already open. <body>

W3C Validator Errors

forums_noreply@adobe.com — Thu, 03 Jul 2014 11:04:46 GMT

Hi all,

I'm going through my website code and trying to fix any validation errors that are being flagged. See the following:

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.whsfirstaidkits.com.au%2F&charset=%28de tect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fv alidator.w3.org%2Fservices

It is for the website http://www.whsfirstaidkits.com.au

The 4 errors relate to the shopping cart summary module that I have within my code. I am using the following: <div class="shopping-cart">{module_shoppingcartsummary,horizontal}</div> and BC converts that to: <div class="shopping-cart"><span id="catCartSummary" quote="False" vertical="False"><table cellspacing="0" class="cartSummaryTable"><tr><td class="cartSummaryItem">Shopping cart is empty.</td></tr></table></span></div>

Now the validator says that it is producing the following errors:

Attribute quote not allowed on element span at this point.

Attribute vertical not allowed on element span at this point.

Element table not allowed as child of element span in this context. (Suppressing further errors from this subtree.)

The cellspacing attribute on the table element is obsolete. Use CSS instead.

Since BC generates this code automatically, is there a way to fix this?

Cheers,

Jordan

jQuery expander not working on BC. Script conflict?

forums_noreply@adobe.com — Wed, 02 Jul 2014 19:01:18 GMT

Test site is - http://dezine03.businesscatalyst.com/index.html

Problem - JQuery expander is not working in the WORK section. Clicking on an image module should expand up to reveal project details. It does work on my own test site - http://jbbd.net/dzn/test2/index.html - so I know it's not the script itself.

Chat support said it was probably a BC javascript conflict, but couldn't comment any further.

Can anyone help? Otherwise will need to move client off BC.

Thanks!

jerry

Need help with web app form JavaScript. Need to limit picture size and pixels

forums_noreply@adobe.com — Mon, 30 Jun 2014 01:40:12 GMT

I am building several forms for www.iswapusa.com and on the site, visitors are asked to upload pictures, I want to limit the pixel width to 400 pixels max and images file size to maybe 1mb to 3 mb if possible. If there is a code for this, please let me know and where do I put it on the business catalyst system. to work with all forms I create or even if I have to provide it for each form. The forms can be accessed from either of these pages Commercial Offers or Non-Commercial Offers.

Secure Login - Changing text

forums_noreply@adobe.com — Thu, 26 Jun 2014 15:55:08 GMT

Hello

I would like to change the secure zone login text from

'No one logged in. Log in'

to
'Sign in to the Hogan Secure Zone >'

is this possible. I am using the {module_whosloggedin,/members-login.html}

Is it possible to edit the log in text?

Please be as specific as possible as very new to all this

Thanks

Colin

Web form dropdown to trigger action

forums_noreply@adobe.com — Tue, 24 Jun 2014 19:19:28 GMT

Does anyone know how to make a selected value in a webform dropdown trigger an action?

Essentially I have a contact form that serves 6 different business locations. Each location has it's own email address, so I want the form on submition to be sent to the location specific email address based on the user of the form picking a location from the dropdown menu.

Thanks in advance

Ken

where is html source for button text?

forums_noreply@adobe.com — Fri, 20 Jun 2014 17:47:47 GMT

salut,

I created a button and a name for that button in Muse using drag/drop and the text tool.

Now I want to edit that text in the html source. I'm familiar with the development platform on BC and have searched through every .html file.

I've located the html source for the buttons and the css properties for the button and the text.

However, I cannot locate the html source for that button text. Does anyone know where that source is?

...many thanks