Tabs Popups and Links in one row

Store Builder in detail Hints & Modifications
#1

Hi again,



You know how now in version 3.0.x you can make Products tabs as popups ?



Go in Design and then Products tabs and edit any tab. You can check the open in a popup checkbox.



[attachment=5805:tab-popups.jpg]



You then get a row of links wiht an icon that each one used to be a tab.



[attachment=5806:tab-popups1.jpg]



Well I find that ok but I think these links should be in the same row with add to wish List icon, especially when I have only a few and wnat to save some white space, or if I use the Sharethis Addon wich uses a whole row with the social icons.



[attachment=5807:tab-popups2.jpg]



Well let me tell you how to do that!



You only need to edit 2 files:



First it's buy_now.pre.tpl in skins/basic/customer/addons/wishlist/hooks/products



You need to cut all the lines (you can also comment them out by putting {* at the begging and *} at the very end)



{if !$hide_wishlist_button}
{include file="addons/wishlist/views/wishlist/components/add_to_wishlist.tpl" but_id="button_wishlist_`$obj_prefix``$product.product_id`" but_name="dispatch[wishlist.add..`$product.product_id`]" but_role="text"}
{/if}




and paste them in product_popup_tabs.tpl in skins/basic/customer/views/tabs/components



in line 30 after

    and before {$smarty.capture.popupsbox}.



    Then make some space between the links by adding in styles.css in line 2523 some padding-right in .wish-link.text-button class. (10px is ok).



    Clear you cache and you are good to go!!



    Try it.



    Fotis



    -----------------------------------------

    There seems to be a problem with ajax and wishlist button, so if you want to try this then do that by all means if you know your way around.

    i will be trying to fix this, but its going to last. Any help thow is welcome!



    As a small workaround you can edit styles.css line 2516

    and replace with







    border-bottom: 1px dotted #DEDEDE;
    margin-top: -62px;
    padding-bottom: 15px;
    padding-left: 215px;
    padding-top: 25px;




    You get then this



    [attachment=5827:fav-tabs.png]





    -------------------------------------------

    tab-popups.jpg

    tab-popups1.jpg

    tab-popups2.jpg

    fav-tabs.png

#2

great post Fotis, I like the commentary too :P

thanks

John

#3

its always fun to find stuff and share.



And you know I was thinking, that if they had put that new block system not only in shop layout but in product screen layout, it would be the best cart software ever!!!



Most eshops have one big common problem. The product screen wich is almost the same in each and everyone.



So think of that!! This is why I am trying to find new ideas in the product screen, and make it a little bit different from the rest.





Fotis

#4

I'm having a problem with this, i have done everything to the letter the only problem is when you click on the button nothing happens.

Have a look here



http://www.oggames.co.uk/blood-bowl-team-manager-sudden-death-expansion.html

#5

It works fine my friend…

#6

I see you got those social icons working in CS-CART 3 is it ready for download?

#7

Tonight…



I am tryin to do an extensive test… to be sure



Fotis

#8

Yay. Thanks for the great service.

#9

ok



have a look Free Sharethis Buttons V3 - Third-Party Services - CS-Cart Community Forums



Fotis

#10

[quote name='dvsgr' timestamp='1347510451' post='144938']

It works fine my friend…

[/quote]



I have tried on 4 different PC and 3 differant browsers but noting happens when you click the button, if I change it back to the old way then it work but the way you have it down it will not work. Cleared the catch on both the cs cart and pc but nothing. Any ideas!!

#11

I went to your link and tried it out. It worked fine.



I tested it as we speak from iPad and works also Fine!



Don't know what to say.



Can anybody share his findings on this Addon and on your site?



Fotis

#12

[quote name='dvsgr' timestamp='1347546762' post='144975']

I went to your link and tried it out. It worked fine.



I tested it as we speak from iPad and works also Fine!



Don't know what to say.



Can anybody share his findings on this Addon and on your site?



Fotis

[/quote]



Works fine for me too, chrome and firefox, but seems only wish list doesnt do anything, unistall and reinstall wishlist addon ?

#13

let me have a look and I will get back on that.



In the meantime have alook at the original post for a temp workaround.



Thanks



Fotis

#14

That is what i'm refering to!!! the wishlist… the other two links works fine but the wishlist link when you click on it nothing happens…

#15

[quote name='projectmyst' timestamp='1347571767' post='145008']

That is what i'm refering to!!! the wishlist… the other two links works fine but the wishlist link when you click on it nothing happens…

[/quote]



I know it works the normal way but try unisntalling and re installing after adding Fotises addon.



John

#16

has any one figered out on how to get the wishlist button to work when using the mod above yet?

#17

Just tried this modification, “add to wishlist” button will stop working.

#18

Hi



please read the whole message before you try it


[quote]

There seems to be a problem with ajax and wishlist button, so if you want to try this then do that by all means if you know your way around.

i will be trying to fix this, but its going to last. Any help thow is welcome!



[/quote]



Fotis

#19

[quote name='projectmyst' timestamp='1347490791' post='144928']

I'm having a problem with this, i have done everything to the letter the only problem is when you click on the button nothing happens.

Have a look here



http://www.oggames.c…-expansion.html

[/quote]Hey



Where did you get the PRE-ORDER addon from? I really need that, how can I get it done?



Any help will be much appreciated.



Tom

#20

Hi Fotis,



I have installed your add-on(Awesome work!) but I have a little problem with it. How can I get rid of that dotted line above the buttons that creates a unwanted space?



Also, I noticed on the pictures posted by you that you also have a facebook like button, how did you do that?



Thanks.

Screen Shot 2012-12-05 at 8.21.40 PM.png