Java Script & Plug Ins

[jeanetteski2]

@shipscript

I got my notice from ebay and they say I have about 16 listings that need to be modified.  I tried to use the links that are provided on here, but I'm not getting anything.  It says no changes were made.  I don't get it.  Ebay says I have things that need to be changed, but the links to see the changes say I have no changes.  Help, please!!  I have no idea how to fix these or my templates. 

[shipscript]

@hardrockpinstore

I was originally giving you a quick fix for your templates. Since you are trying to tweak it more than that, you can repair that specification table by adding a class to the table

from

    WIDTH="80%"

to

    WIDTH="80%" class="spectable"

Then you can add another rule to the stylesheet so the spec table won't collapse with the rest of your tables (the problem is that there are so many tables, we need to collapse them to fit on mobile.)

<style>
img { max-width:100%; }
@media(max-width:640px){
td { display:block; width:100%; box-sizing:border-box; }
.storename font{ font-size:1.5em; }
.spectable td { display:table-cell; }
}
</style>

As long as all your listings are collapsed down by the stylesheet, you can add the viewport tag to the top of the listing along with the stylesheet (this is the same viewport tag that is added when selected in the Active Content Sandbox).

The viewport tag should only be added if you have already fixed your listings to collapse to phone size. Otherwise, what it will do is add horizontal scrolling to the description if it doesn't fit. Without the viewport tag, the entire description will shrink to fit and the user must pinch and zoom. I don't know if it is more annoying for others to pinch and zoom or to scroll. For me, the scroll is more annoying.

[hardrockpinstore]

@shipscript

Great, awesome, you are the best - thank you !

I added both the - class to the table - and the - rule to the style sheet - worked like a charm ! ! ! The table now scales down better than before.

Added the - viewport tag to the top of the listing.

Mobile Friendly Checker comes back as - “Your listing is mobile friendly”.

Current test listing - 382047640150

1.)  Just one small thing, not that big of an issue - it if can’t easily be fixed then really isn’t an issue, But:

At 1200 to 800 everything is ok

At 800, in the 1st column and in the 2nd column the text is wrapping in the cell - which is great.

At 640, in the 1st column - the text is not wrapping and the column width is wider - as compared to 800.

At 480 and 320 everything is ok.

Well again, you have been a remarkable help to me. If I can do anything for you, just let me know.

[shipscript]

@hardrockpinstore

We need to overcome the global TD style rule, which we can now do because of the class you added to that spec table

.spectable td { display:table-cell; width:auto; }

[hardrockpinstore]

@shipscript

Perfect, Perfection, Perfected !

All The BEST To You