[Solved] Wishlist Block Editing

[dixie]

I cannot figure how or where to add left padding to the wishlist block items in my right column. Also, in the My Account page, there is no space between the wishlist icon and title - I can't figure that out either.

 

Thank you! stitchbin.com

 

 

[Carolina Custom Designs]

Maybe you've already fixed this but I took a look at your site and the newsletter input box looks fine to me.

 

Marty Shue

[dixie]

Thank you, Marty.

 

I did a workaround to add a border on the right - it doesn't have the radius like the others. And the position of the icon arrow is not lined up correctly with the form input.

 

I don't know what to do with the Wishlist Block. I need to add padding, but I don't know where to do it. I don't want to change everything in the right block -- just the Wishlist Block. Also, in the My Account page, the wishlist icon has no padding between the title.

 

 

I've managed to fumble my way through all of the other edits, but the Wishlist has be beat.

[dixie]

I managed to get my Newsletter block fixed, but I still can't figure out how to get my Wishlist block edited to add padding.

 

Hope someone can help with this - I have given up. Thank you so much!

[Snade]

Hi dixie,

I've replied to your other topic, doesnt that help you ?

 

If you want to have padding only on the wishlist, use that code

#wishlist_block {
padding: 0 0 0 10px;
}

 

 

my advice for you is to download firebug, or in case you have it, to use it more. Inspect the elements you want to edit, and then play with the css. Its pretty easy, and you can see the result right away.

[dixie]

Hi Snade,

 

I tried that, but it didn't work. I uninstalled the wishlist module, reinstalled, and now when I try to add an item to the wishlist, no items will add to it. I would really like to use that module if I can get it working.

 

Following is my css for the wishlist block - maybe you can find the error(s).

 

 

/* bt add */

.add_wishlist_button a {padding:5px 7px 5px 18px; width:100px;}

.add_wishlist_button a span {

z-index:10;

display:block;

position:absolute;

top:-1px;

left:-12px;

height:26px;

width:26px;

background:url(../../../img/icon/pict_add_wishlist.png) no-repeat 0 0 transparent

}

 

/* bloc */

#wishlist_block #wishlist_block_list {

margin:10px 0;

padding:0 0 0 10px;

border-bottom:1px dotted #ccc

}

 

#wishlist_block_list .quantity-formated {

display:inline-block;

margin-right:5px;

width:15px

}

#wishlist_block_list .cart_block_product_name {font-weight:bold}

#wishlist_block_list .ajax_cart_block_remove_link {

float:right;

display:inline-block;

margin:1px 0 0 5px;

height:12px;

width:12px

}

#wishlist_block_list dd {margin:0 0 0 24px}

 

 

#wishlist_block_list .ajax_cart_block_remove_link a {

display:inline-block;

height:12px;

width:12px;

background: url(../../../img/icon/delete.gif) no-repeat 0 0

}

#wishlist_block_list .price {

float:right

}

 

#wishlist_block .selectwishlists {padding:10px 0; padding-left:5px}

#wishlist_block .selectwishlists select {

width:99%;

border:1px solid #ccc;

}

#wishlist_block .lnk {padding:0}

#wishlist_block .lnk a {

display:block;

font-weight:bold;

text-align:right

}

 

Hope this can be fixed. Thank you!

[Snade]

Dixie

 

The wishlist module require registration, in order to add products to it. (it says it when you try to add product, when youre not registered)

 

I've made a registration, tested it, and successfuly added a product to the wishlist. Cant see what is the problem. (tested it couple of times)

 

also, the code I gave you for the padding, works 100%. Please try to turn off your cashing and compression, to is if the changes apply.

[Carolina Custom Designs]

Hi Dixie!

 

To solve your padding issue just go to your-theme/css/my-account.css and around line #16 find the following and add the padding in this code

#my-account .myaccount_lnk_list img.icon, #my-account p img.icon {
   left: 0;
   padding-right: 5px;
   position: relative;
   top: 6px;
}

 

This isn't perfect (it moves all the lines) but it will work. If this is acceptable let me know. If you want it a little cleaner let me know and I will post a better fix later today.

 

Hope this helps!

 

Marty Shue

[dixie]

Okay, I got the module working, and I'm happy about that!

 

Now, if I can get the padding to work for me. Following are the wishlist areas that need padding. When I go to the Wishlist module css, I don't know what or where to add padding.

 

 

 

(fixed, sort of)

 

Thank you so much for your help!

[dixie]

Thank you, Marty. I can live with that for now. Maybe I can make a bigger size icon for the wishlist - one that is the same size as the others in the list - maybe then, things will line up. Thanks to you, I know where to make the edit.

[Snade]

good to know you got it working. Have a nice day

[Carolina Custom Designs]

Hi Dixie!

 

You are welcome! I'm glad it worked for you.

 

If you want a little better solution just add a unique class to the wishlist module <li> and then add that class to your css referenced above. This will only move the wishlist item and leave the others in place. This way you can adjust the wishlist items to line up with the items above it.

 

To be honest, that's a bit of trouble for something that isn't a major issue on the store

 

Marty Shue

[dixie]

Thank you, Marty. I'm not a coder, so I don't mess with anything except for css, unless I'm told exactly what to do. I wish I wasn't so "picky" but at 65, I'm too old to change. I hope to make a bigger icon for the wishlist, then, maybe things will line up.

 

Thank all of you for your help. I'm putting this problem aside for awhile.

[Dafydd]

Re. the My Account padding problem:

 

Place the attached image in the modules/blockwishlist folder.

 

In that same folder the my-account.tpl file needs to be modified. There are two 'href' statements, the second of which is redundant and is messing with the <unnumbered list> code so that the alignment of the list is out (you don't need to make any changes to css). The correct code for my-account.tpl (with an updated reference to the new icon) is:

 

<!-- MODULE WishList -->
<li>
<a href="{$base_dir_ssl}modules/blockwishlist/mywishlist.php" title="{l s='My wishlists' mod='blockwishlist'}"><img src="{$module_template_dir}gift.gif" alt="{l s='wishlist' mod='blockwishlist'}" class="icon" /> {l s='My wishlists' mod='blockwishlist'}</a>
</li>
<!-- END : MODULE WishList -->

 

That should do it!