How do I check my template on mobile?

[cheri--b]

I'm updating my listings. I put my updated idea into a template (called testing.) How do I see it in mobile?

The mobile friendly has a picture of a cell, but it's blank & only says "no horizontal scrolling needed."

I signed into the ap on my phone, but I don't see a way there to see the templates.

Thanks!

[chapeau-noir]

I just check my listings on my phone, though I don't have a template, just a bit of HTML I use.  You can try this:  http://mobiletest.me/, and I've used iways apps before:  https://www.i-ways.net/mobile-friendly/en-us/  (I have no idea what that random person is doing looking the other way on their landing page).   https://isdntek.com/ebaytools/ - I use isdntek a lot.    

ETA: Try creating a listing first.           

[loveyourimagination49]

[cheri--b]

Thank you!

So basically you have to not just write a draft, but promote it to a live listing .... then can only check it out in the particular cellphone you own? That's ebay's method? So turns out I'm not missing figuring anything out. It's that they don't provide anything.

The last one looks like it gives some other options. The i-ways is coming up as an error. The first one gave me a general overview of what listings are okay on mobile. These seem helpful. Thank you!

[cheri--b]

Thanks. That's not the listing that I'm trying to check out. That's an older one I played with. The current isn't published. It's called only "testing" and I set it up as a template (because ebay disappears drafts after a while). Glad though to see this one on mobile and that it works.

[luckythewinner · Accepted solution]

@cheri--b wrote:

I'm updating my listings. I put my updated idea into a template (called testing.) How do I see it in mobile?

The mobile friendly has a picture of a cell, but it's blank & only says "no horizontal scrolling needed."

I signed into the ap on my phone, but I don't see a way there to see the templates.

---

The Chrome browser's Developer tools have a simulator for all sorts of devices:

[cheri--b]

That could be useful! I don't have chrome installed. But I can download it for this.

[cheri--b]

Part of what I'm wondering is, how ebay will use my quickview tag. Not all of my listing fits in the tag but the main data does. So hopefully a simulator like that will show it, because it's part of ebay's rendering of the page...

[cheri--b]

That developer responsive mode is great! I found the Firefox version.

My previewed template looks like it doesn't wrap at all. I don't get why? Any ideas?

I added the

<meta name="viewport" content="width=device-width, initial-scale=1">
<style>img{max-width:100%; height:auto;}</style>

Then the mobile wrapper

<div style="max-width:800px; margin:auto;">

My css styles uses some display:blocks but not any margins. Like this:

.SpecialFactorsTitle {
padding-left: 0%;
text-align: left;
display:block;
color: black; }

I include the quickview section, but don't see what that would have to do with wrapping the blocks.

<div vocab="https://schema.org/" typeof="Product">
<span property="description">

This is the listing I'm using.  It's saved in templates, but not a visible listing yet.

https://www.ebay.com/itm/preview/1865628904400?valoff=1

I'm baffled. I read ebay explanations, and thought I included what's needed.

Thanks!!

[luckythewinner]

---

@cheri--b wrote:

That developer responsive mode is great! I found the Firefox version.

My previewed template looks like it doesn't wrap at all. I don't get why? Any ideas?

I added the

<meta name="viewport" content="width=device-width, initial-scale=1">
<style>img{max-width:100%; height:auto;}</style>

Then the mobile wrapper

<div style="max-width:800px; margin:auto;">

My css styles uses some display:blocks but not any margins. Like this:

.SpecialFactorsTitle {
padding-left: 0%;
text-align: left;
display:block;
color: black; }

I include the quickview section, but don't see what that would have to do with wrapping the blocks.

<div vocab="https://schema.org/" typeof="Product">
<span property="description">

This is the listing I'm using.  It's saved in templates, but not a visible listing yet.

https://www.ebay.com/itm/preview/1865628904400?valoff=1

I'm baffled. I read ebay explanations, and thought I included what's needed.

Thanks!!

---

I'm a software engineer and web developer.

My eBay template looks like this: 

<B> title <B>

<BR>

condition

<BR>

other details

<BR>

It looks fine in mobile 🙂

[cheri--b]

I'll try that. Remove the display blocks. (I don't remember why I added them). I need some spans to add a couple colors, underlines, one font smaller (can do inline if even spans create problems.)

Even the top of the listing that ebay creates with the photos and buy buttons and feedback/contact to the right, isn't wrapping either?? Ones without display:block aren't wrapping either. Nothing is wrapping on the page at all.

[slippinjimmy]

An FYI......

eBay test listing policy...

https://www.ebay.com/help/policies/listing-policies/test-listings-policy?id=5039

[cheri--b]

It's not a test listing. It's a template. So it shouldn't create any problems....?

[fashunu4eeuh]

Hi @cheri--b,

Ebay made an announcement in June about the mobile-friendly checker. It stated that it was making listings mobile friendly by default and that it was no longer necessary to check them unless you have embedded images.

“...Sellers no longer will need to use the Mobile Friendly Checker tool to add the viewport meta tag to ensure that their listings are mobile friendly.”

https://esellercafe.com/ebay-makes-all-listings-mobile-friendly-by-default/

The Advanced Listing tool had the mobile-friendly checker, but i am away from my pc to double check for you.

Ebay recently urged sellers not to use templates, colored backgrounds, cursive fonts, centered text, etc. in an effort to improve the readability of the description field on mobile device screens. They did away with active content for the same reason. Below is an eBay link with more info:

https://pages.ebay.com/sell/itemdescription/mobilefriendlyguidelines.html

[cheri--b]

It's working to the extent that, on my cellphone, my template (that I now published), is compacting as should be, with a couple problems.

1) Quickview:  It's not showing any quickview area on the main page. You have to click item description to see any of it. So why didn't the quickview tags create something on the main page?

2) Seeing Rendering: In Firefox and Chrome developer responsive mode, it doesn't show as compacted. So what tool will let me see how it renders on various sizes?

(Not just for this but I do some site development for my parent's business and volunteer work, and will want to be able to do this.)

It's now at:

https://www.ebay.com/itm/184086685978?ssPageName=STRK:MESELX:IT&_trksid=p3984.m1555.l2649

Any ideas? Clues (for this clueless person)?