kevin-doselection / 951753258

0 stars 0 forks source link

[ltsport.com] mobile version, new header #86

Closed kevin-doselection closed 7 years ago

kevin-doselection commented 7 years ago

1. Please add these text on each mobile version category page (visor, rack, mats, guard, carrier, cargo) Center the text after the top menu, before shop by vehicle menu use h1: Roof Rack Rooftop Crossbars | LT Sport | USA use h2: 24/7 Chat & Phone Support 10 Years Parts Support 30 Days Return Guarantee

image

kevin-doselection commented 7 years ago

2. Please let these review text color white. Desktop and mobile version Package: yotpo review image

kevin-doselection commented 7 years ago

3. Create 5 new product attributes name: detail_img_01 detail_img_02 detail_img_03 detail_img_04 detail_img_05 We will save link in these column

If these attributes exist, showing these img in mobile version product detail page. placed after youtube video and add to cart, before description image Also let me know what is the best size for the image Make sure it will works fine on most devices.

kevin-doselection commented 7 years ago

4. Fitment text Move fitment text outside image like these text image placed after detail_img_05, before add to cart and description

kevin-doselection commented 7 years ago

5. comment to hide out text 1) between "price" and "30 Days No-Hassle Return Policy" 2) between "SKU" and "qty and Add to Cart" image

  1. Center text qty and Add to Cart
lihaolihao commented 7 years ago

1.result as shown below qq 20170313165449 2.result as shown below qq 20170313142140 3.I have add new product attributes,but I don't know what you want,pls give tell me you want big size pic or small one. 4 and 5.result as shown below qq 20170313165514

kevin-doselection commented 7 years ago
  1. Capital first letter. ex. visor -> Visor. And move the location after SHOP BY VEHICLE. 2-1. make ROOF RACK ROOFTOP CROSSBARS a line, and LT Sport | USA on second line. 2-2. If category is Roof Rack use ROOF RACK ROOFTOP CROSSBARS; if window visor use Window Visor; based on category name.
  2. make 3 lines closer
  3. SHOP BY VEHICLE: center the dropdown list and remove the text "SHOP BY VEHICLE" 4-1. comment out "SORT BY Position" Adjust for above: Change font size, make sure it look good on 320x568 device (iPhone 5) image
  4. Remove "Additional Information" text. But keeps the line break.
  5. qty and ADD TO CART, center image
  6. Possible set default to open the description area? image
  7. possible set small img center? image
  8. mobile version set gray color to white link: https://www.ltsport.com/checkout/onepage/ image
  9. mobile version payment information set text color to white link: https://www.ltsport.com/checkout/onepage/ image
  10. create update function for detail_img_1(2-5)
  11. Change detailimg.jpg size to fit the width of the screen. example link: http://www.ltsport.com/tn-002blk-210-ws.html style="width:60px;height:60px;background-color:#ffffff;"

image

  1. researcher not working in mobile device Change the link to : http://www.ltsport.com/findmyvehicle.html image
lihaolihao commented 7 years ago

qq 20170314105514 qq 20170314110219 qq 20170314154018 qq 20170314163751

kevin-doselection commented 7 years ago
  1. Help me remove footer's background
  2. Setup ltsport.com desktop background img into slideshow function. Use current background img to set 2 slideshows (fullscreen)
lihaolihao commented 7 years ago

1.have done 2.do you sure to setup slideshow,all page use this background img.

kevin-doselection commented 7 years ago

1.Please check why it's white in product detail page image

  1. Please setup only desktop version homepage background image slideshow only. Other pages don't change to slideshow.

  2. Place a dropdown search box here image image

kevin-doselection commented 7 years ago

FYI new taobao template on 03/17 excel is for future request use. new template is for cb-su-4d https://www.dropbox.com/sh/lya2zi62vrep306/AAC-qyyhM7C79bFuk8Q5JLlZa?dl=0

lihaolihao commented 7 years ago

1.I need to know where you modified the css code,it show normal when car button is not displayed,you can check it. path:http://www.ltsport.com/br-4bhm-314.html(is not ok) path:http://www.ltsport.com/cb-bu-4d-202-ws.html(is ok) qq 20170320135312 qq 20170320135322 qq 20170320135402 2.have done,you can change image in /ltsport.com/html/app/design/frontend/default/MAG050058/template/page/html/header.phtml,line 171 qq 20170320153419 qq 20170320153428 qq 20170320153453 3.have done qq 20170320142346

kevin-doselection commented 7 years ago
  1. You can check here /html/app/design/frontend/default/do2/template/catalog/product/view If not working it might be under /html/app/design/frontend/base
  2. Good
  3. homepage's dropdown search doesn't work Can you center these boxes? Also the 2nd line box too
lihaolihao commented 7 years ago

1.it's ok. 3.temporarily hidden.does't work because ajax can't visit http from https,when I have time I will try to do it.

kevin-doselection commented 7 years ago

mobile version Add dropdown search box in this page too Link: http://www.ltsport.com/researcher

kevin-doselection commented 7 years ago

Did you add it? image

lihaolihao commented 7 years ago

yes

kevin-doselection commented 7 years ago
  1. Opt-in Integration

add the code snippet below to order confirmation page and customize the variables as needed. The snippet integration will allow Google to display the Google Customer Reviews opt-in on your website. Variables: ORDER_ID CUSTOMER_EMAIL COUNTRY_CODE(customer country) YYYY-MM-DD(order date)


<script src="https://apis.google.com/js/platform.js?onload=renderOptIn" async defer></script>

2. Badge Integration
Add the code to every page.


3. Check and fix exceed size image
Path: http://www.ltsport.com/findmyvehicle/bmw/3.html
Device: mobile smartphone
![image](https://cloud.githubusercontent.com/assets/17145866/24821448/8b886b06-1ba3-11e7-8f37-49bff7485a89.png)
lihaolihao commented 7 years ago

1.I don't add code in Desktop,can you add and test it? `

` path:/ltsport.com/html/app/design/frontend/default/MAG050058/template/checkout/success.html 2.have done
lihaolihao commented 7 years ago

3.Obviously this is the size of the product image

kevin-doselection commented 7 years ago
  1. I got it.
  2. Thanks
  3. It's the same size 792x792 normal img link: https://ltsport.com/skin/frontend/default/MAG050058/images/product/br-4ba-vm-1.jpg too large img link: https://ltsport.com/skin/frontend/default/MAG050058/images/product/fm-unvs3_tm-vm-2.jpg Please check where is the issue
lihaolihao commented 7 years ago

But they all use the same code,other are no problem,only these two products picture problems,so firstly check whether the thumbnails are uploaded correctly.

kevin-doselection commented 7 years ago

The link is going to http://www.ltsport.com/about-us Please reorganize this page on mobile device or make the link on mobile device goes to https://www.ltsport.com/mobile_contact_us

image

lihaolihao commented 7 years ago

done

kevin-doselection commented 7 years ago
  1. Check and fix exceed size image Path: http://www.ltsport.com/findmyvehicle/bmw/3.html Device: mobile smartphone

I think the issue is CSS mixed up each other, causing the layout mess up. Check the CSS for do2>product>list, you can rearrange the priority to make sure each style won't affect others.

  1. Apply Q&A into product detail page Path: app\design\frontend\base\default\template\productfaq I uploaded the extension, but in product view it hasn't show yet. Please apply to desktop and mobile website. Location: Before footer
lihaolihao commented 7 years ago

1.It's not about CSS,please check the previous product about attribute "pdate" Where the product confusion. You can hidden line 372 in "/ltsport.com/html/app/design/frontend/default/do2/template/catalog/product/list.phtml",I try and pic is right size. qq 20170419153207 qq 20170419153222 qq 20170419154635 2.It can't work. qq 20170419145339

kevin-doselection commented 7 years ago
  1. any affect if we comment out the code?
  2. never mind, forget it
lihaolihao commented 7 years ago

1.no,I just want to tell you what the problem is.Now I deal it. Before: qq 20170420094939 Now: qq 20170420094849

kevin-doselection commented 7 years ago

Good, that's better

On Wed, Apr 19, 2017 at 6:57 PM, Jsee notifications@github.com wrote:

1.no,I just want to tell you what the problem is.Now I deal it. Before: [image: qq 20170420094939] https://cloud.githubusercontent.com/assets/20631720/25209785/c5b27c52-25af-11e7-9c3e-ad9b0ced1f11.png Now: [image: qq 20170420094849] https://cloud.githubusercontent.com/assets/20631720/25209797/d0215ca8-25af-11e7-8dec-855a13292d73.png

— You are receiving this because you were assigned. Reply to this email directly, view it on GitHub https://github.com/kevin-doselection/951753258/issues/86#issuecomment-295541800, or mute the thread https://github.com/notifications/unsubscribe-auth/AQWgCnnvBWV9VZHTQOLaeRz1QI-6Zeboks5rxrulgaJpZM4MZyuX .

-- Kevin Yang IT Support Specialist, Do Selection Inc Mobile: 626-272-0772 Address: 17005 Evergreen Pl, City of Industry CA 91745 Language: English, Chinese (Mandarin, Taiwanese)