How can I customize the Express theme to resemble the Brooklyn theme's homepage?

How can I customize the Express theme to resemble the Brooklyn theme's homepage?

jacksneed
Visitor
3 0 1

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?

Replies 5 (5)

dmwwebartisan
Shopify Partner
12321 2552 3729

@jacksneed 

This is code customization work Please hire shopify expert.

Thanks!

PaulNewton
Shopify Partner
7192 635 1494

@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


jacksneed
Visitor
3 0 1

Okay. That's what I understand must be done for this to happen

  1. Transplant Brooklyn Section to Express theme Homepage
  2. Transplant Express theme Homepage into a Product page.

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.

PaulNewton
Shopify Partner
7192 635 1494

@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


PaulNewton
Shopify Partner
7192 635 1494

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