How do I make a shop page on my Muse website

Question

Hey BC people,
I have built a website with Muse and have got my client to sign up to a BC account that suits their needs. I am wanting to insert a shop page on my Adobe Muse built website. From what I read I could drop a module (created in BC) onto the page and it would work. I built my inventory and placed the module code but I can't get it to display the content with on the page. in the shop http://luckwoodshop.businesscatalyst.com/luckwood-range
Here is the website http://luckwoodshop.businesscatalyst.com/index.html I'd like to have the 'store' page display the items, rather than link them via another button. Is there an easier way to build templates?
Is there a better way to do this? Should I export the site to DW and try and do it there?
I'd rather not use a BC template and I only want the shop module. Is this even possible?
Any help or support appreciated.
Cheers
Rose

Answer 1

I don't use Muse but from what I hear it's a good starting point but once you publish your Muse site to BC any edits you make on the BC server won't sync back to Muse and vice versa.  So-- once you've moved the site over from Muse to BC you should start using BC/Dreamweaver to make future changes to your site.
To that end-- since you are now on BC and want to take advantage of advanced features not in Muse (ie- an online shop) you'll need to start using some BC methods like using sitewide templates.
If you don't have one already, you should create a default page template... basically, just take one of your pages created in Muse and copy the page source and then create a new Template on BC and paste in your code.  Anywhere you have main page content, just remove it from the source and replace it with {tag_pagecontent} which is where all the page content like shop products and catalogs will appear.  Then, make this site-wide template the default template and have your shop use that template and you should be all set.
On a side note-- you should optimize the background image for your website.  Right now you've got a 3mb file as the background image in your link to index.html above.  A lot of people are on tablets nowadays using 3g and you are essentially having them download a file the size of a full mp3 song just to see an image that isn't necessary for the site to function-- it's just for the experience layer so you need to make it smaller.  For one thing-- if your image has a lot of gradients or colors (like yours does-- it has many gradients) and/or is going to be a high resolution image (like yours) you should be using JPG instead of PNG.  JPG gives you more compression options-- try compressing that image to 65-70 compression which should get that image down to size in bits/bytes.
Your whole site is about 4.5 Kilobytes and 3 Kilobytes of that is that one image for the background so you should optimize it/update it to JPG.