Mobile site design for eshop

Hi Guys
We have an eshop that displays products in 3 columns which we need to keep - ie - we can't display them in 1 column.
This is setup in the overall layout {tag_productlist,3,,}
However, when we turn on our mobile template - we only want products to display in 1 column - and not 3.
BC renders the individual products in tables so we are finding it difficult to control the column length using css, widths and float tags.
We also can't use any js to control the value in {tag_productlist,3,,} as this is rendered server-side. Any suggestions or examples of sites that have achieved this or something similar?
Thanks
Mark

Hi Mark, check out here:
http://kb.worldsecuresystems.com/134/bc_1342.html#main_eCommerce
{tag_productlist}
Lists the products in the current catalogue (Use {tag_productlist,u,v,w,x,y,z} where u is the number of products per row; v is the target frame, e.g. _blank or leave empty; w is the number of products per page (limit of 500 products per page); x is the sort type, e.g. Price, or Alphabetical; y allows you to hide empty message, e.g. 'this catalog has no products' and z is list type). Change: {tag_productlist,4} to {tag_productlist,4,,,,,true} to display as LI.
Set it to LI and make the width of the container effect the li items which you float.
YOu do not need a new template for this either, just fluid widths ala responsive design.

Similar Messages

Forums.ni.com site designed for the mobile user

Isn't it time there was a mobile site designed for the mobile device user wanting to catch up on discussions. While you can view the site on mobile devices, navigating around can be quite a chore. With the normal site there is too much information on the screen at any one time and having to zoom in and scroll about from left to right to read a message is a bit of a headache.
Regards
Ray Farmer

"Mobile optimized" sites will probably soon be a thing of the past. They were made to avoid problems with ultra tiny screens and very slow connections (remember GPRS?).
A typical mobile device now runs on 3G or even 4D and the screens are sometimes 800x640 or higher.
My android G1 phone is over 2 years old, and I still typically prefer the full site. I'll probably upgrade in a few weeks and will at least double the screen resolution. I'll stick with the regular site.
(One problem is the placement of the new kudos gadgets. It is impossible to see them at the same time with the post author, thus creating significant confusion to figure out what belongs to where ... ).
LabVIEW Champion . Do more with less code and in less time .

Synchronized text issue from desktop to mobile site design

Hello, I love the idea of synchronized text, but is there a way to assign different styles on both desktop and mobile site pages?
For example, If I use synchronized text on my desktop pages, my font sizes will be larger then the font sizes I would use for my mobile site pages. But, using synchronized text, if that content is linked between my desktop and mobile pages, I'm limited to one font size, which would work for my desktop site but the font size would be too large for my mobile site.
The content between between desktop and mobile would be the same text, but I need the option to assign a different font size for my mobile site.
Is this possible? If not, can you please add this to new features.
Thanks much
Cheriss

Hi,
Single page websites can be great for new sites or for some special projects, but I won't recommend them as long-term solutions and, if you already have a multi-page website, I do not recommend switching to a single-page site.
If your single page site has great content and good structure, google might provide same treatment as it does for various sub pages website.
A useful Video by Matt Cutt, head of the webspam team at Google
Search engines will index all the pages of your website, providing multiple opportunities for your site to come up in searches. When your site consists of only one page, a single page is exactly what you’ll have indexed.
That means if you have many services, many products, single page design will really compromise your rank and result in search engine.
Do let me know if you have some more questions.

Is it possible to make a link in a mobile site close the browser window on the iPhone?

I'm developing a mobile site specifically for iPhone users and on my home page I have a disclaimer saying something like do not browse this site while driving. I give them the option to continue by clicking a link or to close the browser by clikcinga link. So far I haven't been able to find a script that can handle that for mobile, or more specifically, the iPhone. Can this be done on the iPhone and what versions are limited to this feature?

Ok let me ask you IF the IT department of your workplace does NOT want OS X installed on "THEIR" (The Companies) computers because of what they think is some type of security issue why are you trying to go against their wishes and install OS X on a computer that is NOT owned by you.
That could cost you your job.
If you continue down this path you will screw up the Windows install and have to take the system back to the IT department to get it fixed. What do you think they will say at that point?
Do as you like but you would be better off just buying your own Mac computer if you are set on using OS X as your personal operating system.

Mobile site pages "noindex" ?

I've built a separate mobile site just for use with smartphones. When a smartphone device is detected by java script it redirects the user to the mobile site. Compared to the desktop/tablet version, the mobile site has fewer pages, less content/images and is optimized to work on a smartphone. My question relates indexing of these mobile only pages? Should I restrict the search engines from indexing these mobile only pages using or using the admin panel checkbox to "exclude from Search Results"? Any thoughts on how to treat "mobile only pages" with regards to indexing? Thanks!

Liam, Not sure what you mean "May I ask why you not looked at the BC built in stuff for this with the templates, custom pages and the system tags for this?" It's not obvious to me that there's one best approach to mobile sites in BC. Could you explain what you mean or point me in that direction? Frankly, I have a hard time keeping up with what's new in BC, what actually works and in some cases how to use it. I've recently started using Kiyuco to help expand my BC knowledge. Any other suggestions are certainly welcome. Thanks

What is Adobe Certificate of Achievement: Adobe Web Site Designer?

One of biggest learing company in my country is giving "Adobe Certificate of Achievement: Adobe Web Site Designer" for one of their programs in learning.
I never heard for this before and cant find on Adobe site.
And also on web I can find enything about "Adobe Certificate of Achievement".

I did not find it.
http://www.adobe.com/support/certification/ace.html
Adobe Certified Expert, Adobe Certified Associate and Adobe Certified Instructor, but cant find Adobe Certificate of Achievement.
Also company is giving next certificates "Fireworks Adobe Certificate of Attendance" , "PS Adobe Certificate of Attendance", etc..

Is there an option to bypass mobile site check

is there an option to bypass mobile site check for the Touchpad
/?Mobile=false?
Post relates to: HP TouchPad (WiFi)

You can check the website if it offers a full desktop view, but device side there is nothing. This has to be initiated from the website itself.

Site examples of using css to design for smartphone, tablet, projection

Hi,
Can anyone recommend a site that uses css to design for different platform using css. Not a standalone mobile site, but one where the existing site uses jquery to show the sites differntly.
I saw a video of it using cs5.5 and it seems to be the way forward, but would love to see how others designed/structured their sites to use this technology.
Cheers
Dave

Hi
The best place to view demo's regarding the jQuery mobile framework is the official site at - http://jquerymobile.com/. But remember designing and building a site specifically for mobiles, (tablet/mobile/cell devices) is no longer a completely different process to a normal site and all smart-phones can now display a normal desktop web site as good as a desktop pc, (and when it comes to html5/css3 even better).
The use of redirects for mobile devices is now an old outdated recommendation, and is the equivalent of saying to any tablet/smart-phone user, "Use IE7 or go-away", so unless you are mainly targeting pre-2008 devices do not bother, (Google and similar do this because they are covering 'all' devices and present a very simple page design which convert to mobiles without much difficulty). It is now a more widely accepted method to use media-queries to display a link to a mobile specific site, that is hidden on larger displays.
Do not get hung-up as some do on this site with the iPhone, it is only one of the devices that must be targeted, and is not even the most popular having a smaller market share than Android powered devices, (I personally use the iTouch, (which has the same web capabilities as the iPhone) and the Samsung Galaxy S2 for my personal testing, then SDK's and 3rd party testing services for other devices) a popular blog with many links that is specific to mobile development is - http://www.visionmobile.com/blog/.
With regards to testing on mobiles, you do not require a iPhone specifically, and if you are on the mac you can download the SDK for accurate testing, (but then what does one do for all the other devices?) and the true mark of a professional, (which I do not claim to be, my clients may, but I do not, and anyone saying they are whilst 'insulting' others must be viewed with suspicion, as inter-personal skills are also part of any designers/developers necessary skills) is knowing that you must test on all popular OS's and devices, (similar to browsers, and just testing on the iPhone is like just testing your site in IE8 and ignoring everything else) so for setting up a local testing suite see - http://www.mikebrittain.com/blog/2010/01/31/browser-testing-for-mobile-web-applications/, and/or you can also use a 3rd party service such as - http://www.deviceanywhere.com/.
For a number of tutorials on using CS5/5.5 for developing mobile site see, - http://www.adobe.com/devnet/devices/mobile-web.html.
PZ

Adobe Muse and Designing For Mobil Devices

What is the best apporach after you desined a desktop computer and now you want to design or copy for a mobile device that is now built in Adobe Muse?
Thanks,

Hi,
You can create mobile and tablet version of your site in Muse with just a click. Simply click the "Mobile or Tablet" button at the top and Muse will create the mobile or tablet layout of your site. For more info, Please refer to the following link http://helpx.adobe.com/muse/tutorials/creating-mobile-layout-designs-muse.html
Cheers!
Aish

Is it wise to chage site design from multiple page to single page scrollable design for SEO?

I have a current site with multiple pages created in Muse. From watching some tutorials I am beginning to believe that converting the site to a one page scrollable format would be more applicable for table and mobile applications. My questions are these:
By adding anchor points and links to the stacked pages will this act the same as independent pages for SEO, or will I lose all of the current web traction I have earned and be starting over?
Is it commonly accepted that by converting to a one page format that it will be easier for search crawlers to rank my site?

Hi,
Single page websites can be great for new sites or for some special projects, but I won't recommend them as long-term solutions and, if you already have a multi-page website, I do not recommend switching to a single-page site.
If your single page site has great content and good structure, google might provide same treatment as it does for various sub pages website.
A useful Video by Matt Cutt, head of the webspam team at Google
Search engines will index all the pages of your website, providing multiple opportunities for your site to come up in searches. When your site consists of only one page, a single page is exactly what you’ll have indexed.
That means if you have many services, many products, single page design will really compromise your rank and result in search engine.
Do let me know if you have some more questions.

Mobile site for Industrial Supplier?

Hey gang,
I am wondering what the concensus would be on this topic. I don't know how prolific mobil sites are, outside of entertainment genres.
We have been an industrial company that largely works towards the oilfield market and related industries. We now are jumping into what is called, Specialty Gases which still deals here but also moves us into laboratory, natural gas transmission and other, highly technical fields. With this in mind, I realize the customers/individuals are of a different caliber, they are likely more technologically savvy.
With this in mind, do we seem like a good candidate? Do you see a potential ROI?
What do you think?
Rob

Hi Rob
Mobile friendly/specific sites are said to be the big growth area now, but they said that last year as well !
The easiest way is probably to check your site stats for the number of visitors using mobile os's and browsers. But even that may not be enough, I can tell you that designing and building a site specifically for mobile devices is just as complex, and probably costs more if done on its own than a 'standard' desktop site.
The other thing to remember is that any ROI will be difficult to calculate as most potential customers will 'check-out' the mobile site, then actually order/contact-you using a desktop.
PZ

Designing for Mobile Applications

I have a basic 6 page web site for our organization. Since many of our members now use their smart phones for web browsing I am thinking of adjusting my site to accomodate them. Since I have never designed for mobile applications I just wanted to get some professional feedback so I know the proper path to take. The site is a simple three-column layout with header and footer, primarily text with scattered graphics.
My first thought is to just redesign the site with a smaller overall size so it would be viewable in smaller devices, such as smart phones and IPods. Although it would require a total re-design change as far as layout and reduced use of graphics, it wouldn't take me long to create since the site is small to begin with.
My second option is to use a mobile template via jQuery. However, I have never used jQuery and am wondering if re-designing my site using jQuery would be the preferred route to go, or overkill due to the small size of my site.
I guess my question is this: At what point does it become preferable to use jQuery to design mobile web sites, as opposed to just re- creating a smaller physical version of my current web site? Or does using jQuery for mobile design the accepted common practice?
I'd appreciate anyone's professional opinion on the subject. Thanks.

Your application's main module structure can contain different sub-modules like common/base, BCC/versioning and other sub-modules. As you mentioned all of your common piece of server-side functionality, common components and repository definitions can go in the common/base sub-module within your main module structure. There can be one common-ui kind of a sub-module also which can hold common front-end stuff like JS, common CSS, images etc. Then there can be one sub-module for the actual customer facing application. These sub-modules can declare dependency on the common/base sub-module.
I would also go with having a single EAR for the customer facing app sub-module. Now within that EAR you can have different web-apps (WARs) with different context-roots as per your requirements. Having different web-apps will also allow you to bring in device specific changes to the application e.g. adding a device specific filters in case required.

Modify news, web apps layouts for mobile site?

I am modifying an existing website to create a mobile version, placing my mobile pages in a /mobile subfolder. I am having an issue with the news and web apps, as I have already designated my templates and layouts for the full desktop version, and because my news and webapp items cannot be placed into my /mobile folder. So, now I need to display that information differently for mobile and cannot figure out how, since I am limited to a single List Layout and a single Detail Layout (for news. At least the web apps give me an Backup List Layout, which was helpful). How have others accomplished this type of thing??
An example: On my desktop version, I have announcements shown on the homepage as short blurbs (using the list view). My detail view I already have formatted for the full screen desktop version and does not work well for mobile screens. After many attempts at workarounds, I decided that I would simply show the complete announcement for mobile as a List Layout and not use a Detailed Layout at all so that I don't even have to bother with it. My thought was to code both my desktop and mobile list layouts in the List Layout of my Announcements module, and use css to show/ hide the appropriate one.
E.g.--
html in my List Layout:
<div id="standardnews">
<h3>{tag_subject} - {tag_eventfromdate}</h3>
<p>{tag_body, 140}</p>
</div>
<div id="mobilenews">
<h3>{tag_subject_nolink} - {tag_eventfromdate}</h3>
<p>{tag_body}</p>
</div>
on my desktop css stylesheet:
div#standardnews { display:block; }
div#mobilenews { display:none; }
on my mobile css stylesheet:
div#standardnews { display:none; }
div#mobilenews { display:block; }
The css works just fine, however, on my mobile site instead of rendering the event from date, it actually rendered the tag itself "{tag_eventfromdate}". So, apparently I can't have multiple instances of a tag within a single page?? Is there a way around this?
I would be grateful for any input here on the best way to handle this type of thing, given the limitations I am running into.

You can make as many list templates as you like now.
You can have a different template per device - phone, tablet, desktop so if modules are in that template they will then render those different templates and thus different layouts.
If you have modules in pages that page can be differnt per device as outlined under site settings and mobile section.
Unlimited list layouts - http://www.businesscatalyst.com/_blog/BC_Blog/post/Video_Create_custom_list_templates_for_ BC_Modules/
You CAN NOT though have conditional tags in BC yet and you can not in one list layout have tags render differently based on the device.
Style and presentation you use media quries and the System tag for device provided by BC.

Design for mobile devices

Hi all, first time here, please be gentle with me!
So, I've got a site I designed and maintain for a client and
he recently had an enquiry asking if the thing could be viewed on
an O2 PDA (UK mobile phone company branded PDA). He, of course,
asked me, and I said I'll find out.
Currently I doubt the site will work - it's designed for the
web, needs (mostly) a mouse to navigate and is 800px wide so I
can't see any way it'd work on a phone! So I'm guessing I'd need to
do a WML version ... right? Or is there an easy way to make an XML
site work on mobile devices?
Secondly would mobile devices work with the PHP script that
handles a members only area and subscription packages? Currently 3
pages of the site are protected using PHPGuardDog (soon to be
replaced) which manages user accounts and links them to PayPal
subscriptions. So to get to those pages a user has to have an
active, paid up, account and then enter their username and
password. Would that work on a mobile device?
Thanks - and if these are dumb questions, sorry, I'll go
hide!
Greg

"GS_thing" <[email protected]> wrote in
message
>
> Currently I doubt the site will work - it's designed for
the web, needs
> (mostly) a mouse to navigate and is 800px wide so I
can't see any way it'd
> work
> on a phone! So I'm guessing I'd need to do a WML version
... right? Or is
> there
> an easy way to make an XML site work on mobile devices?
This article by Adrian Senior may help:
"Applying CSS from Screen to Print to Handheld"
http://www.adobe.com/devnet/dreamweaver/articles/designing_css.html
> Secondly would mobile devices work with the PHP script
that handles a
> members
> only area and subscription packages?
This one I can't answer, hopefully someone with more
experience at this may
help out :)
Nadia
Adobe� Community Expert : Dreamweaver
http://www.DreamweaverResources.com
- CSS Templates|Tutorials
http://www.csstemplates.com.au
http://www.adobe.com/devnet/dreamweaver/css.html
CSS Tutorials for Dreamweaver

This workflow cannot be imported because it was created in SharePoint Designer for a different Site

Hello everyone. I am getting this error when attempting to move minor workflow changes from mirror SharePoint development / production environments and hoping someone can help me.
"This workflow cannot be imported because it was created in SharePoint Designer for a different site, or the original workflow has been moved or deleted. To move a workflow between sites, use Save as Template (.wsp file) instead of a Visio workflow
drawing."
So basically I have taken an image of our single SharePoint server, Domain Controller, and a client and restored them to an OFFLINE development environment for the testing of workflow changes prior to production. I've put quite a bit of time into one
particularly and would like to export/import rather than re-created from scratch.
I've successfully created the form template and imported. This created the necessary list items nicely and the form appears to work as expected. However, when attempting to import the .VWI file exported from dev SharePoint, I am getting the above
error. If I change the .VWI to .zip and remove the "workflow.xoml.wfconfig.xml" file, then re-zip and change the file extension back to .VWI I get a dialog that allows me to import, but I have to choose a new name and much of the related content
is lost. I need to be able to overwrite/merge the existing workflow with the import. Any suggestions?
One strange thing I ran into was during a test of an export/import from and to the exact same environment. If I simply export to .VWI, then import from .VWI with no changes, SAME everything I still get this error. Very weird. Hoping someone can shed some
light on the subject. Thank you.
Adam Tyler

Hi Adam,
Here is a blog talk about the same issue would be helpful:
http://techiescode.blogspot.com/2014/09/copymove-sharepoint-2010-designer.html
Best Regards
Dennis Guo
TechNet Community Support

Mobile site design for eshop

Similar Messages

Maybe you are looking for