10 code edits for my website
- or -
Post a project like this1067
£120(approx. $151)
- Posted:
- Proposals: 2
- Remote
- #3262269
- Awarded
Description
Experience Level: Entry
We have a budget for 100 GBP for these tasks.
Please login to https://console.monaca.mobi/dashboard
Username: x
Password: x
Select TakeawayEat 1.5.8 Themed
1. Integrate TakePayment plugin references to new theme.
References at /js/app.js
Test transaction works ok.
2.
Skip TakePayment option on after checkout if only option available.
E.g. E.g. Located at koochini -> Pizza -> x5 Cheese Pizza -> Checkout -> Skip Takepayment option and select credit card.
3.
Please fix spelling mistake "close" to "closed"
E.g. Merchant -> TGI Fridays.
4. Remove images on for food categories on merchant page only.
E.g. Koochini -> Category images here.
At current there is a table of two columns and a image of the fresh veg.
Remove images and change to single row, text only.
5. Complete again, when you enter Category, e.g. Koochini -> Pizza
Remove images and change to single row, text only.
6. Replace food image with merchant banner image
E.g. Located at koochini -> Pizza -> Cheese Pizza
Now please login to Virtualmin,
https://www.takeawayeat.com/x
Username: x
Password: x
7.
Chrome on mobile phone does not shade background image correctly, but it works fine on Firefox responsive (Firefox Control+M). I am confused how to fix this.
Relevant code /home/takeawayeat/public_html/assets/css/responsive.css
@media only screen and (max-width: 750px) {
div#parallax-wrap-menu.parallax-search.parallax-menu {
min-height: 260px !important;
}
#parallax-wrap {
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://www.takeawayeat.com/assets/images/banner.jpg");
background-position: center;
background-repeat: no-repeat;
padding-bottom: 50px;
padding-top: 50px;
}
Chrome responds positive to filter: brightness(50%), however it darkens the search box text which we don't want.
We want to darken only the banner image
8.
This is the merchant page found at https://www.takeawayeat.com/menu/koochini
The desktop version of webpage shows the merchant cover photo correctly.
(Currently a pizza)
Mobile version of webpage incorrectly shows static image.
(The pizza background with olives)
Css code is inside
site\assets\css\responsive.css near top
parallax-wrap-menu
Code
div#parallax-wrap-menu.parallax-search.parallax-menu{
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("/upload/1595036377-462773.jpg");
background-size:cover;
background-position:center top;
}
and further down located at
@media only screen and (max-width: 750px) {
div#parallax-wrap-menu.parallax-search.parallax-menu {
min-height: 260px !important;
}
#parallax-wrap {
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://www.takeawayeat.com/assets/images/banner.jpg");
background-position: center;
background-repeat: no-repeat;
padding-bottom: 50px;
padding-top: 50px;
}
Can you please repair to show dynamic merchant cover photo
Code to be fixed should be inside:
site\protected\views\front\menu-header.php
9. Filter by cusine in search results
E.g. https://www.takeawayeat.com/searcharea?s=7+angram+drive%2C+sunderland%2C+u-k&display_type=listview
-All cuisines always expanded
-Cuisine images in filter area to be 150x86
-Can click multiple images to filter search
Code located protected/views/store/search-results.php
Job 10.
Format search result in following way (Image attached)
-Merchant logo to be added
-White spacing to be reduced
https://www.takeawayeat.com/cuisine/dessert
Code inside protected/views/front/browse-list.php
Also copy to
https://www.takeawayeat.com/searcharea?s=7+angram+drive%2C+sunderland%2C+u-k
Code inside protected/views/front/search-list-2.php
Please login to https://console.monaca.mobi/dashboard
Username: x
Password: x
Select TakeawayEat 1.5.8 Themed
1. Integrate TakePayment plugin references to new theme.
References at /js/app.js
Test transaction works ok.
2.
Skip TakePayment option on after checkout if only option available.
E.g. E.g. Located at koochini -> Pizza -> x5 Cheese Pizza -> Checkout -> Skip Takepayment option and select credit card.
3.
Please fix spelling mistake "close" to "closed"
E.g. Merchant -> TGI Fridays.
4. Remove images on for food categories on merchant page only.
E.g. Koochini -> Category images here.
At current there is a table of two columns and a image of the fresh veg.
Remove images and change to single row, text only.
5. Complete again, when you enter Category, e.g. Koochini -> Pizza
Remove images and change to single row, text only.
6. Replace food image with merchant banner image
E.g. Located at koochini -> Pizza -> Cheese Pizza
Now please login to Virtualmin,
https://www.takeawayeat.com/x
Username: x
Password: x
7.
Chrome on mobile phone does not shade background image correctly, but it works fine on Firefox responsive (Firefox Control+M). I am confused how to fix this.
Relevant code /home/takeawayeat/public_html/assets/css/responsive.css
@media only screen and (max-width: 750px) {
div#parallax-wrap-menu.parallax-search.parallax-menu {
min-height: 260px !important;
}
#parallax-wrap {
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://www.takeawayeat.com/assets/images/banner.jpg");
background-position: center;
background-repeat: no-repeat;
padding-bottom: 50px;
padding-top: 50px;
}
Chrome responds positive to filter: brightness(50%), however it darkens the search box text which we don't want.
We want to darken only the banner image
8.
This is the merchant page found at https://www.takeawayeat.com/menu/koochini
The desktop version of webpage shows the merchant cover photo correctly.
(Currently a pizza)
Mobile version of webpage incorrectly shows static image.
(The pizza background with olives)
Css code is inside
site\assets\css\responsive.css near top
parallax-wrap-menu
Code
div#parallax-wrap-menu.parallax-search.parallax-menu{
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("/upload/1595036377-462773.jpg");
background-size:cover;
background-position:center top;
}
and further down located at
@media only screen and (max-width: 750px) {
div#parallax-wrap-menu.parallax-search.parallax-menu {
min-height: 260px !important;
}
#parallax-wrap {
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://www.takeawayeat.com/assets/images/banner.jpg");
background-position: center;
background-repeat: no-repeat;
padding-bottom: 50px;
padding-top: 50px;
}
Can you please repair to show dynamic merchant cover photo
Code to be fixed should be inside:
site\protected\views\front\menu-header.php
9. Filter by cusine in search results
E.g. https://www.takeawayeat.com/searcharea?s=7+angram+drive%2C+sunderland%2C+u-k&display_type=listview
-All cuisines always expanded
-Cuisine images in filter area to be 150x86
-Can click multiple images to filter search
Code located protected/views/store/search-results.php
Job 10.
Format search result in following way (Image attached)
-Merchant logo to be added
-White spacing to be reduced
https://www.takeawayeat.com/cuisine/dessert
Code inside protected/views/front/browse-list.php
Also copy to
https://www.takeawayeat.com/searcharea?s=7+angram+drive%2C+sunderland%2C+u-k
Code inside protected/views/front/search-list-2.php
Glen S.
100% (4)Projects Completed
4
Freelancers worked with
3
Projects awarded
25%
Last project
19 May 2021
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
hello Glen.
could you give me correct login credentials?
981655
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies