Shopify themes, liquid, logos, and UX
Hey guys. I am designing a website for a Restaurant client, and I have chosen to use the Express theme. I love the User interface in the theme, and for that reason, I think it is perfect for restaurants that choose to offer online ordering, with delivery and pickup options. Only thing is, I do not like how the products are all displayed on the homepage. I would like to have the website designed to where the homepage looks similar just like the "Brooklyn" theme homepage, and have "Order Online" page which sends you to a page that looks like what is the Express theme Home page. Do you guys know how I could get that done?
This is code customization work Please hire shopify expert.
Thanks!
@jacksneed wrote:I would like to have the website designed to where the homepage looks similar just like the "Brooklyn" theme homepage
Since both themes are free you could transplant the section from brooklyn to express but this is an advanced customization and you will want to be comfortable with liquid,html,css,and javascript to integrate it properly in a sane amount of time.
, and have "Order Online" page which sends you to a page that looks like what is the Express theme Home page. Do you guys know how I could get that done?
That could be considerable work as the index page in themes tends to behave differently in a way that just creating a page to have the same level of features it can take a lot of effort. If the sections aren't going to change that's simpler but your still having to create a new template design.
An alternative is alternate templates and alternate layouts
https://community.shopify.com/c/shopify-design/alternate-index-template/td-p/157570
Contact [email protected] for the solutions you need
Save time & money ,Ask Questions The Smart Way
Problem Solved? ✔Accept and Like solutions to help future merchants
Answers powered by coffee Thank Paul with a ☕ Coffee for more answers or donate to eff.org
Okay. That's what I understand must be done for this to happen
How many hours would you guess it would take an expert to do? Want to get a sense for how much it costs, considering I understand the hourly wages of these developers.
@jacksneed wrote:How many hours would you guess it would take an expert to do? Want to get a sense for how much it costs, considering I understand the hourly wages of these developers.
Transplant/porting is an advanced customization even if does boil down to a copy paste.
8hrs - If they've never built a section before but are comfortable with themes themselves(architecture,liquid, settings, html,css,js) and could work through the dev docs to build a theme section; assuming stumbling blocks like bugs JS incompatibility ,etc.
2-4hrs, an afternoon, if they are comfortable with sections but never made one before, assuming minor stumbles.
30m-1.5hr if they have done a similar operation before* and they are already setup in tooling and have been working on the exact source theme and or maybe the donor theme and no bugs occur. I.e. they are already in mental-flow and everything plops in.
Replicating , not transplanting , the index to a page maybe the same metrics but i'd times it by 1.5 if not x2 for any timelines as there's more moving parts, ... though those parts are made for that theme so /shrug.
But the alternate layout method should be checked first 1-2-3 hours including communications time.
The index page in most themes relies on {{ content_for_index }} populated almost exclusively through the theme visual editor i.e. dynamic sections. Gut that and insert sections???. JSON sectioned pages have certain limitations see docs.
~4 hours for both with specialist expert with prior experience and they are all ready setup and ready to go.
Though an actual expert will give pushback to sanity check this and understand better why this has to be done instead of just using the index page as an index page as intended. Because this can lead to a very confusing merchant support situation.
Add 1-2 hours to have them make an onboarding doc/video explaining to stakeholders what was done and how to use this theme that is no longer like a standard theme in the editors.
Add 1-2 hours for version control & docs especially if multiple people in repo/theme.
*That DOES NOT include stumbling blocks, comms, integrations, revisions: theme javascript, custom javascript, styling, bug checks, browser testing. Some things just plop in, others not so much.
Contact [email protected] for the solutions you need
Save time & money ,Ask Questions The Smart Way
Problem Solved? ✔Accept and Like solutions to help future merchants
Answers powered by coffee Thank Paul with a ☕ Coffee for more answers or donate to eff.org
FYI, unless this is an upscale restaurant you'll want to customize the header to display the telephone at minimum , and hours of operation, and a link to address/map if it's not-delivery-only.
Tried to get this standard but never took off.
Contact [email protected] for the solutions you need
Save time & money ,Ask Questions The Smart Way
Problem Solved? ✔Accept and Like solutions to help future merchants
Answers powered by coffee Thank Paul with a ☕ Coffee for more answers or donate to eff.org
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024