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
12303 2549 3702

@jacksneed 

This is code customization work Please hire shopify expert.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

PaulNewton
Shopify Partner
6338 578 1343

@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 

Save time & money ,Ask Questions The Smart Way


Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Buy Paul 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
6338 578 1343

@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.

 

Save time & money ,Ask Questions The Smart Way


Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org


PaulNewton
Shopify Partner
6338 578 1343

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.

Save time & money ,Ask Questions The Smart Way


Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org