Advanced Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

No permission to create posts
mail_open
Creating a Responsive website
Steve S
Member
November 20, 2013 - 12:42 pm
Member Since: October 29, 2013
Forum Posts: 271
sp_UserOfflineSmall Offline

Hi Matt,
We currently have en eBay store that has been designed for us, to give a branded image.
We would have liked to transfer this brand image to the new Magento site, but, we have some questions regarding the new site being created as ‘Responsive’ for mobiles/tablets etc.
As this area is (definately) not our field of expertise – could you tell us which of the following options would be our best bet please?

1. The eBay shop designer can create the same design in Magento for us, but not responsive (not sure why). So, is it feasible to have someone else change the site they create to responsive, and what would be an approx cost of doing that? Or is it a major task to alter a site after it is designed?

2. As we host our own eBay shop, we do have access to all the design files/images etc. Using these, could we have someone create the branded responsive site (if so, would you know of someone to do that, with perhaps a guide price?)

3. Should we wait for your January Guide on how to create a website on a $90 budget (but does that include responsive instructions, and could we use our branding images, as they are not a standard ‘header’ etc?)

4. Should we just go and lie down in a darkened room, and pretend the internet does not exist? ;-)

Look forward to your enlightened suggestions Master!

Avatar
Matthew Ogborne

Founder
November 20, 2013 - 1:03 pm
Member Since: July 18, 2013
Forum Posts: 4565
sp_UserOfflineSmall Offline

Howdy Val,

Thanks for posting these questions as I’m sure others will be thinking the same things too.

I’m a big fan of responsive designs, because it’s the same website theme being applied to all devices and saves trying to make a normal website theme friendly for multiple devices or making a site just for mobile devices. Also to make a point this site is responsive and so is the LastdropofInk site too.

So to answer your questions:

1. The eBay shop designer can create the same design in Magento for us, but not responsive (not sure why). So, is it feasible to have someone else change the site they create to responsive, and what would be an approx cost of doing that? Or is it a major task to alter a site after it is designed?

It’s the latter, a major task afterwards, so you would be better off starting it off right and going for responsive from the beginning. As a FYI creating a responsive design is more work, as you’re basically having to make more than one site using CSS (stylesheets), but it’s not that hard as once the main full screen site is done, it’s adding tweaks as the screen resolution goes downwards.

What I would suggest is seeing how well your current look and feel would port to this Magento theme which is the theme we’ll be including in the guide next year. I’ve used it myself a couple of times now (also has been sold over 5,000 times!!) and it makes a fantastic base to work off.

2. As we host our own eBay shop, we do have access to all the design files/images etc. Using these, could we have someone create the branded responsive site (if so, would you know of someone to do that, with perhaps a guide price?)

What you really need is is the PSD files of the original design, as these are the originals rather than saved images that will have been compressed for use on the internet. The company you used for the original design should be able to provide these for you.

3. Should we wait for your January Guide on how to create a website on a $90 budget (but does that include responsive instructions, and could we use our branding images, as they are not a standard ‘header’ etc?)

Yep, we’ll be using the theme suggested above and that’s responsive out of the box :)

4. Should we just go and lie down in a darkened room, and pretend the internet does not exist? ;-)

LOL!

Does that help you?

Matt

"Selling an item online is easy, but making living from a business that sells online, well that’s something different entirely!"

Ultimo Magento Theme

Steve S
Member
November 20, 2013 - 1:40 pm
Member Since: October 29, 2013
Forum Posts: 271
sp_UserOfflineSmall Offline

Thanks for reply Matt. You have confirmed my thoughts about not trying to ‘upgrade’ a site to responsive after the fact.
The Magento Theme you propose is PERFECT. Love it.
Can’t wait to get going with it… Roll on January.

Cheers
Val & Steve

Avatar
Matthew Ogborne

Founder
November 20, 2013 - 4:32 pm
Member Since: July 18, 2013
Forum Posts: 4565
sp_UserOfflineSmall Offline

Howdy Val, Steve,

Yea that’s what we thought when we first saw it and it’s an excellent base to work off.

Plus with so many users of it, the major bugs would have been worked out and when there are updates, as the theme developers are getting paid continuously (last time I checked there was 5,100 sales) they’re motivated to keep the theme updated :)

Matt

"Selling an item online is easy, but making living from a business that sells online, well that’s something different entirely!"

Ultimo Magento Theme

Avatar
Jim @ Moogento
Global

Partner
November 25, 2013 - 6:02 pm
Member Since: November 7, 2013
Forum Posts: 688
sp_UserOfflineSmall Offline

I was actually working on responsive CSS for moogento.com today, I can chuck you the CSS if you want to do any quick fixes:

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}

It’s surprisingly easy, although this doesn’t help with older browsers I think… If your design is old-school (tables/inline-styles…) it will be harder!

  • pickPack - smarter Magento packing sheets and warehouse picklists
  • shipEasy - process multiple orders with no sweat & get a visual sales overview easily

Avatar
Matthew Ogborne

Founder
November 25, 2013 - 9:03 pm
Member Since: July 18, 2013
Forum Posts: 4565
sp_UserOfflineSmall Offline

Howdy Jim,

The theme I’ve suggested is completely responsive for the Magento site front end. Take a look at the demo’s here, it’s what we’ll be basing the later guides off.

Matt

"Selling an item online is easy, but making living from a business that sells online, well that’s something different entirely!"

Ultimo Magento Theme

Steve S
Member
December 29, 2013 - 11:28 am
Member Since: October 29, 2013
Forum Posts: 271
sp_UserOfflineSmall Offline

Hi Matt and Dave…
A little update to where we are at on the Responsive Ultimo Theme – would appreciate your advice on this…
As you may remember, we have installed the Ultimo theme. Actually, Demo 1 is 90% accurate for our requirements – so only a few changes needed. We had hoped our eBay site designer would be able to carry it out, but, he just emailed to say that having looked over the Ultimo manual/site, he doesn’t feel comfortable doing the changes, as he has not dealt with responsive sites before.

Sooo…

1: As we want to use Ultimo Demo 1, would you say we could install it and tweek it from there? I realise it adds ‘rubbish info/text’ but would you say it would be quicker to remove the ‘rubbish’ than to re-create the whole design?

2: Do you know of anyone we could contact who is capable of the few changes we need? The word ‘Responsive’ seems to scare the beejeezus out of people!

I realize you may be answering precisely this type of question in the Guides – but as always – I jump the gun… sorry!

Steve

New
December 30, 2013 - 7:39 am
Member Since: October 16, 2013
Forum Posts: 3
sp_UserOfflineSmall Offline

Hi Steve2,

just thought I’de throw in a quick bit here. I would be very careful with having your ebay designer touch your Magento installation, it’s not the sort of thing you want someone who’se never done handling. By that I mean that Magento is 100X more complicated than designing and coding an Ebay store and any mishaps now may cause you real nightmares in the future. Not to scare you, just better to know these things than find out later.

Steve

Steve S
Member
December 30, 2013 - 3:23 pm
Member Since: October 29, 2013
Forum Posts: 271
sp_UserOfflineSmall Offline

Hi Steve,
Thanks for that… it’s a good thing to be aware of.
The eBay shop designer we used does actually work with Magento sites too, but it was definitely the ‘responsive’ part that bothered him. Grateful he was honest about being uncomfortable, and didn’t decide to ‘give it shot’.
That being said, the point you raise about using someone reliable who will not create future headaches, is why I am glad to have this forum to ask for advice.
Didn’t want to just post a job on Elance, or whatever, without knowing the pitfalls.

Many thanks
All the best

Steve2

Avatar
Matthew Ogborne

Founder
January 2, 2014 - 8:26 am
Member Since: July 18, 2013
Forum Posts: 4565
sp_UserOfflineSmall Offline

Morning Steve, Steve & Val,

The thing with responsive designs is that you don’t just have one straight-forward CSS file, you’ll have multiple and it’s a bit of a weird one to get your head around at first.

There is a but coming… it’s actually quite easy to handle, because themes like ultimo will only have the changes needed at each level and there should be very little cross over for each screen resolution. But Steve2 is right, if the designer is saying that they’ve not done this before then I would probably suggest that you don’t get them to make the edits, especially with Magento as Magento is a weird one to get your head around with to begin with.

Once you do, it’s actually really easy to work with, 99% of the battle is won by turning on the developer section that shows you which blocks & templates are being used on the site & where. Once you know this, it’s dead easy to grab that template file, pop it into a sub folder in a child theme (will explain this in a tick) and then to make the changes accordingly.

Magento uses a theme structure which is really odd until you work out that this is going to make editing Magento themes dead easy to do. In every site you have a theme directory at “app/design/frontend/” and in here you have two folders “base” and “default”.

Think of base being as the “save your bacon” folder and as such you should never touch it. Then what you can do is create another folder here, say “mytheme” and then copy the folder structure over to the new directory, so that if you want to override the page list view, you would make a directory structure like this:

“mytheme/modern/template/catalog/product”

And in this final folder copy the “list.phtml” file and then edit this one. But if you make a mistake, you remove this file and Magento works on a top down structure, so it’ll look for custom edits first like the one in the “list.phtml” file, if the file is not there then it moves down a level until it finds no customisations and falls back on to your base folder.

And now that I’ve typed that I’ve realised I’ve not answered your questions :/

1: As we want to use Ultimo Demo 1, would you say we could install it and tweek it from there? I realise it adds ‘rubbish info/text’ but would you say it would be quicker to remove the ‘rubbish’ than to re-create the whole design?

I found it easier do exactly that, install all the demo content and then work backwards.

What you may find useful to do is to install another version of Magento on your site in a subdirectory called “dev1”. Play with this dev version until you become comfortable and then go back and make the changes to your own site. Think of the dev site as a sandbox, you can play in the sand but if you spill some oil along the way, it doesn’t matter :)

2: Do you know of anyone we could contact who is capable of the few changes we need? The word ‘Responsive’ seems to scare the beejeezus out of people!

Me & Dave soooooo need to get on and do the outsourcing guides for you. My biggest tip here is that make sure you have a good idea of what you want. And identify the areas where you know you’re going to be a little vague on.

Letting a designer know what you’re looking for is exceptionally helpful, but even better is when you tell them, that you have no idea on part C,D and F because you’d need to see it before deciding.

Does that help you?

Matt

"Selling an item online is easy, but making living from a business that sells online, well that’s something different entirely!"

Ultimo Magento Theme

Steve S
Member
January 2, 2014 - 4:45 pm
Member Since: October 29, 2013
Forum Posts: 271
sp_UserOfflineSmall Offline

Well Matt, the first part of your reply makes me feel a but queezy. But the answers you gave to our questions are great. Thank you.
I can see the dev1 sandbox being a good idea – although I wonder if our (clear) explanations to a designer may be the best way to go – instead of fiddling around ourselves, which may take up valuable time. Will decide on that when we get through more of the guides. Up to number 7 today – more progress tomorrow.

So far so good.
:-)

Steve & Val

Avatar
Matthew Ogborne

Founder
January 2, 2014 - 5:03 pm
Member Since: July 18, 2013
Forum Posts: 4565
sp_UserOfflineSmall Offline

Howdy Steve & Val,

Thinking aloud, maybe mocking the standard pages up in photoshop or paint may be a better idea and then saying we want it to look like this?

So for example, most eCommerce sites will have these pages:

  • Homepage
  • Category Page
  • Product Page
  • Search Results Page
  • Content Page

If you screenshot the Ultimo theme using a tool such as this for Chrome https://chrome.google.com/webstore/detail/awesome-screenshot-captur/alelhddbbhepgpmgidjdcjakblofbmce?hl=en or this for FireFox https://addons.mozilla.org/en-US/firefox/addon/awesome-screenshot-capture-/ and take a full page screenshot, you’ll have the elements to work with.

Is that a better idea?

Matt

"Selling an item online is easy, but making living from a business that sells online, well that’s something different entirely!"

Ultimo Magento Theme

Avatar
Matthew Ogborne

Founder
January 2, 2014 - 5:06 pm
Member Since: July 18, 2013
Forum Posts: 4565
sp_UserOfflineSmall Offline

And to add to that, I found that disabling the “Compare” & “WishList” features with the theme made the product pages look better. And replaced the Share button with a AddThis widget better all round.

Matt

"Selling an item online is easy, but making living from a business that sells online, well that’s something different entirely!"

Ultimo Magento Theme

Steve S
Member
January 3, 2014 - 5:53 pm
Member Since: October 29, 2013
Forum Posts: 271
sp_UserOfflineSmall Offline

Hi Matt,
Thank you for your replies and suggestions. All would be fine, but I have tried 4 times to get the Demo files into the site and failed.
According to the Ultimo Manual, I believe I will need to delete the Magento install, and ensure the demo files are installed in a database before the Magento installation.
I have read the Ultimo guide several times (not a very easy guide to follow I am sorry to say – it jumps you from section to section to find instructions for this task).

Could you possibly tell me how to delete Magento, and start again with install? Unless you know otherwise that is :-(

Regards
Val & Steve

Avatar
Matthew Ogborne

Founder
January 3, 2014 - 11:27 pm
Member Since: July 18, 2013
Forum Posts: 4565
sp_UserOfflineSmall Offline

Howdy Val & Steve,

Ohhhhhh right, I see where the confusion is coming from now.

To have the “demo Magento products” on your site, this must be installed first and it can’t be done afterwards (I think). When you said demo, I was actually thinking the “demo layouts and blocks” that there is a button in the configuration section for Ultimo once installed, that will load in all the default pages that you see on the demo site.

But….. the “demo layouts and blocks” does not include the “demo Magento products” and thats the latter part which you don’t want as you can use your own products.

Does that make sense to you?

Matt

"Selling an item online is easy, but making living from a business that sells online, well that’s something different entirely!"

Ultimo Magento Theme

Steve S
Member
January 4, 2014 - 8:54 am
Member Since: October 29, 2013
Forum Posts: 271
sp_UserOfflineSmall Offline

Matt – having to start a new thread to answer you, as the forum keeps logging me out when trying to reply. (Same problem as last time when you fixed it).

Anyway – YES, we do only want the demo pages (blocks & pages) for the new layout, and have tried the buttons in the Config section, but nothing changed. (Theme Settings>Theme Installation: Import Static Blocks & Import Pages buttons).
Cleared ALL the caches, ensured they were Disabled, cleared browser cookies/history. Nothing changed.
Trying to figure it out, from the Ultimo Manual, we then created a database to install the ‘Quick Start Demo Package’ sql file, in case that was the problem. Still no luck.

Now you know what we have tried – any thoughts?

Thanks
Steve & Val

Avatar
Matthew Ogborne

Founder
January 4, 2014 - 11:43 am
Member Since: July 18, 2013
Forum Posts: 4565
sp_UserOfflineSmall Offline

Howdy,

Hmmm…. cookies, they’re fun. It’s what’s causing it. I’ve added this to my whiteboard to see how they’re being used on the forums and if there is anything I can see that is wrong. If you delete the cookies for this site and re-login, that will solve it for you.

I’m not sure why the demo content is not loading. If you check the user guide on page 24, if you are using Magento 1.8.1.0 (this number will be at the bottom of your admin screens in Magento), you need to follow the step 11a. Other versions are noted just after this as well.

The next path would be to leave the author a comment here and see what they.

Matt

"Selling an item online is easy, but making living from a business that sells online, well that’s something different entirely!"

Ultimo Magento Theme

Steve S
Member
January 4, 2014 - 11:50 am
Member Since: October 29, 2013
Forum Posts: 271
sp_UserOfflineSmall Offline

Yes, I added the 1.8 Patch too. Checked file permissions ( 0777 – or should they be 0644 ? )
I will wait for you reply on that – then will contact the author if no success

Avatar
Matthew Ogborne

Founder
January 4, 2014 - 11:58 am
Member Since: July 18, 2013
Forum Posts: 4565
sp_UserOfflineSmall Offline

Howdy,

I’m not convinced that it is file permissions. As I think most of the changes are database ones.

Daft question…. when you go to CMS > Static Blocks or CMS > Pages do you see a wrath of extra blocks or pages that you didn’t add?

Matt

"Selling an item online is easy, but making living from a business that sells online, well that’s something different entirely!"

Ultimo Magento Theme

Steve S
Member
January 4, 2014 - 12:06 pm
Member Since: October 29, 2013
Forum Posts: 271
sp_UserOfflineSmall Offline

Hi Matt,
Yes, in CMS>Static Blocks there is 14 blocks created yesterday (that I didn’t manually create). Same for CMS>Pages, there are 7 new in the list dated yesterday.
Does that give you a clue? Hope so !

No permission to create posts

 

Why Should You Join UnderstandingE?

 
  • Access to over 500 step-by-step video tutorials
  • +20 video courses available
  • Magento, M2E Pro, Magmi, eBay, Amazon & Design all covered
  • Everything is in 100% Plain English
  • Learn how to build your own multi-channel software for eBay & Amazon
  • Access to the community forums, meet fellow business owners like yourself

Join Now with 2 Clicks

 

Join now for less that £1 per day you can gain access to over 400 step-by-step video tutorials & learn how to build your very own multi-channel software.

 

Forum Timezone: Europe/London

Most Users Ever Online: 1012

Currently Online:
15 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

Jim @ Moogento: 688

Steve Froggatt: 514

Badeth - UE: 513

Jimbob: 453

Paul Cartwright: 414

Forum Stats:

Groups: 6

Forums: 37

Topics: 5222

Posts: 27488

Administrators: Matthew Ogborne: 4565, Dave Furness: 4606