moving the maximize-glass

38 views
Skip to first unread message

Jarvas

unread,
Dec 22, 2009, 8:30:19 PM12/22/09
to XMPie Interest Group
In the ustore, does anyone know how to either move the magnifying-
glass from the upper left corner to the lower left corner or remove it
all together?

Timothy Perrett

unread,
Dec 23, 2009, 4:31:29 AM12/23/09
to xmpie...@googlegroups.com
Can you not just hide it with some CSS?

display:none;

Cheers, Tim

> --
>
> You received this message because you are subscribed to the Google Groups "XMPie Interest Group" group.
> To post to this group, send email to xmpie...@googlegroups.com.
> To unsubscribe from this group, send email to xmpie-users...@googlegroups.com.
> For more options, visit this group at http://groups.google.com/group/xmpie-users?hl=en.
>
>
>

Bill

unread,
Dec 23, 2009, 5:50:30 AM12/23/09
to XMPie Interest Group
uStore 3.6

Moving the magnifier to the bottom left angle of the associated image
could be a problem, as the height of such images will certainly
change, depending on the size of uStore product; I am thus afraid that
the best you could do would be to hide the magnifier, as Tim
suggested.

I am not an expert in CSS, but I can see in the HTML page source code
that the maximize-glass.gif images do not seem to be assigned to a
particular class. Nor does its embedding "div".

Instead, the divs have got a changing id (as there can be several divs
per page, obviously).
In ProductList.aspx, it is something like
ctl00_cphMainContent_dlProductList_ctl0?
_ctl00_ProductDescriptionUI_viewGrid_divMax
where my ? stands for the changing figure, from 0 to n.

I do not know if CSS would support patterns, which would help you
avoid multiplying things like the following in your CSS:

#ctl00_cphMainContent_dlProductList_ctl00_ctl00_ProductDescriptionUI_viewGrid_divMax
{
display:none;
}
#ctl00_cphMainContent_dlProductList_ctl01_ctl00_ProductDescriptionUI_viewGrid_divMax
{
display:none;
}
#ctl00_cphMainContent_dlProductList_ctl02_ctl00_ProductDescriptionUI_viewGrid_divMax
{
display:none;
}
etc.

But as you can limit the number of thumbnail images per page (through
uStore Admin), this could be a solution. While waiting for uStore/CSS
gurus to suggest something nicer...

Timothy Perrett

unread,
Dec 23, 2009, 6:40:27 AM12/23/09
to xmpie...@googlegroups.com
Bill, remember that you could add some javascript to the page if you want to dynamically manipulate the DOM tree... that is, (assuming jquery):

$('div div .anotherclass .example div .whatiwant').hide();

In this way, you can trim tree nodes in an arbitrary fashion (irrespective of class or quantity). JQuery selectors can be very powerful here. More: http://is.gd/5yz6H

<rant>
Personally, I think this is where uStore skinning falls down and using aggregated classes would have yielded a much more flexible system (a la blueprint css). But thats a different conversation ;-)
</rant>

Cheers, Tim

Bill

unread,
Dec 23, 2009, 7:18:20 AM12/23/09
to XMPie Interest Group
Adding some javascript to the page, thanks to the CSS stylesheet?
Can you elaborate?

Timothy Perrett

unread,
Dec 23, 2009, 7:54:59 AM12/23/09
to xmpie...@googlegroups.com
But of course.

The whole point of the markup is to provide a semantic representation of the page structure - it in itself does not appear how one wants it to. Thus, the stylesheets provide the right visual look and feel.

What stylesheets provide are a coherent set of element selectors:

#whatever for id="whatever"
.myclass for class="myclass"
input for <input />

and so on and so on... on their own, these selectors are parsed and actioned once - that is, the loading of the page within the browser. Using javascript its possible to dynamically manipulate these selectors and leverage elements in the DOM tree.

The OP wants to hide elements that are generated by uStore, and from what im reading CSS is not cutting it because of the markup that uStore is generating... to that end, im suggesting using javascript to traverse the dom tree recursively and hide from view (that is, dynamically manipulate element styles) for the magnifying glass.

Does that help or have I just gone off at a complete tangent?!

Cheers, Tim

Jarvas

unread,
Dec 23, 2009, 8:31:53 AM12/23/09
to XMPie Interest Group

On Dec 23, 5:50 am, Bill <guillaume.besnier...@gmail.com> wrote:
> uStore 3.6


>
> But as you can limit the number of thumbnail images per page (through
> uStore Admin), this could be a solution. While waiting for uStore/CSS
> gurus to suggest something nicer...

How do you limit thumbnails per page in the ustore admin? I don't see
this feature.

Bill

unread,
Dec 23, 2009, 8:37:11 AM12/23/09
to XMPie Interest Group
Sure, but I still not see how some javascript code could be injected
through a CSS stylesheet...
???

Bill

unread,
Dec 23, 2009, 8:40:17 AM12/23/09
to XMPie Interest Group
uStore Admin > Stores > your store > Setup Store > Appearance >
Product List Display > Number Of Products Per Page

Timothy Perrett

unread,
Dec 23, 2009, 8:53:45 AM12/23/09
to xmpie...@googlegroups.com

I never said it could be? In uStore you can add arbitrary code to the page DOM right...? <script> is a valid element, so you could just stuff some javascript in there. Ugly, but it would work.

Dan Sideen

unread,
Dec 23, 2009, 9:11:29 AM12/23/09
to xmpie...@googlegroups.com
We made a transparent gif called maximize-glass.gif. It's still there,
but nobody knows.

--

You received this message because you are subscribed to the Google
Groups "XMPie Interest Group" group.
To post to this group, send email to xmpie...@googlegroups.com.
To unsubscribe from this group, send email to
xmpie-users...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/xmpie-users?hl=en.


This message is intended only for the addressee, it may contain privileged or confidential information. Any unauthorized disclosure is strictly prohibited. If you have received this message in error, please notify us immediately so that we may correct our internal records. Please then delete the original message. Thank you.

Ce message est une communication confidentielle et protegee et l'information qu'il contient est reservee a l'usage exclusif du destinataire. Si vous n'etes pas le destinataire vise, vous n'avez aucun droit de divulguer cette information. Si cette communication vous a ete transmise par erreur, veuillez la detruire et nous en aviser immediatement. Merci.


Bill

unread,
Dec 23, 2009, 9:18:11 AM12/23/09
to XMPie Interest Group
Sorry: as you first post was related to CSS, I though the rest was
also related to it, which confused me a little...

Jarvas

unread,
Dec 23, 2009, 9:38:41 AM12/23/09
to XMPie Interest Group

On Dec 23, 9:11 am, "Dan Sideen" <DSid...@informco.com> wrote:
> We made a transparent gif called maximize-glass.gif. It's still there,
> but nobody knows.

This would work. Is there a way to make the whole product image
clickable to view the preview window and not just the upper top corner?

Jarvas

unread,
Dec 23, 2009, 9:48:30 AM12/23/09
to XMPie Interest Group
Got it, I'm lucky because all of my products are the same size. So I
just made the maximize-glass transparent gif larger.
Reply all
Reply to author
Forward
0 new messages