Problem with images and shopping cart link

Clipboard01.jpg

Hello,

I installed the quickstart of InStyle for Joomla 3.3 and i want to adjust it to be able to be used with K2Store.
So far things are going slow but well except for two problems i encountered so far .....

1. The top right link "Shopping Cart" is a link to the K2Store Onepage checkout but when i click it i get a popup with two buttons View Cart. The top one isnt working. Where can i remove this unwanted View Cart button? (see attached image).

2. The images have this little rotating effect and in my homepage this all works just fine at the Banner positions, but the rotating effect is also added to the product images and there it doesnt look so nice for some reason. There the image rotates out of its position (see attached image). How can i solve this and if this isnt possible then how can i let the rotating effect only be used for the homepage banner positions?

Thank you in advance for your help.

Solved question 2 myself .....can you please help me with the SHopping Cart link and the double button View Cart?

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.

I just made a very wise and effective decision ..... i did delete that entire menuitem and made a new one myself and that solved it for me.
Now i no longer get any pop-up, but instead see directly the cart content.

But thanks for your offer to help ..... i may need it in the future

Hi

Of course. If You do need my help, just add a post in this thread so I'll get is for sure.

Hello again,

I picked the InStyle template because i read at the Gavick site .....

"inStyle has built-in support for two ecommerce extensions

Internet shopping shouldn’t be a chore, so this online shop theme updates items in the shopping cart as soon as the purchaser adds or removes them, and you can use the benefits provided by K2Store or VirtueMart to prepare in-depth categories and add new products in second, with the best and brightest displayed on the frontpage."

Since i am using K2Store and wanted to build a new site this seemed perfect

But the more i try and look at the template the more i realize that there isnt much for K2Store in it ....... there are indeed some template overrides but i dont think they have been tested with any fields like "size", "color" or similar things one uses in a webshop.

The layout of especially the productdetails page is as far as i can see really strange.
Now i am trying to get things working the way i want it, but it is hard to adjust the template override for me and i am at a point where i could really use some help.

layout.jpg

I want a really simple product detail page (no comments, no video or other media, no extra fields, no related products).
All i need to figure out is how to get the things i do want in 2 columns.

The attached image shows how it is right now and how i want it to be.
I hope someone can help me adjust item.php from the template override to get the layout i hope for.

Thank you in advance for any help, i hope i will learn something from it.

Hi

Of course. Please tell me the url to th page you've made this screen. Are You using K2 for articles as well ? Maybe You should prepare separated K2 template for shop only.

Hi

Please start with adding this to override.css:

Code: Select all

.itemImageBlock {
    float: left;
}

.itemBody {
    float: none;
}

.itemBody .price_wrap {
    width: auto;
}

.itemBody .options {
    float: none;
    clear: both;
}


I have added it to override.css

Hi

I see that something is wrong. Yesterdy there were no validation errors on this page and not there are some. Have You made and other modification to it ??

If yes, than please revert it and send me an access to ftp, since there may be couple more changes, so it will be easier and faster if I'll make it and than explain.

I dont think i made any changes, except from making a backup with Akeeba.
For ftp access i will have to contact my host-service, but i will send you the access info by private mail.

I have tried local to solve it, because it feels as something that shouldnt be so hard, but somehow i cant get it solved.
So, i am very grateful for your help and hope i will learn something from the final solution.

One more strange thing happens .....

The currency module on the left ..... it is fine on the homepage and on the T-shirt page, but when you click a product the layout is suddenly different ...... more space between title and currency symbols, but also a box around the currency's. On that page there is suddenly additional css added to the module for some reason (for instance #k2store_currency a in k2store.css)

Hi

I see a lot of changes to template. There are multiple files with updated modified date and couple of additional files with overrides to K2store as well. But I've tried to make item view as similar to what You want as I could. I've made changes to /html/com_k2/templates/default/item.php and /css/override.css

Thank you so very much for your help.

Of course i have made over time changes because what i try to do is make this template work with K2Store, but the changes i had made were done before you offered your help. No changes were made by me to for instance the Login module that now causes the strange astrikses on every page, and no changes were made by me to the currency module or the template files but only to files that were connected to the Category and Product layout of K2Store items.

The way it looks now is close to perfect except for these ....
1. On bigger screens the layout of the productoptions goes wrong because the name is then placed behind the previous one (see attached image)

voorbeeld1.jpg

2. The login module still causes the astrikses to appear. But if needed i will track those down and just delete the lines creating them, although i am curious what makes them appear there.

3. The currency module on the left looks totally different on the productdetail page then it does on the other pages. It looks fine on all pages, except on the individual product page then there is suddenly more space below the module title and are there boxes around the currencies.

Wishing you a wonderful Sunday!

Many many thanks for your amazing help.

Hi

2. I see no asterisks in any browser. I think You have solved it or it's a product of some kind of browser plugin.

1. I asked about modifications, because of this layout. It looks to be not ordered correctly in k2store plugin's code. Because of that I'll use a trick I'm not a fan of. Add this to override.css:

Code: Select all

.itemBody .price_wrap {
    float: none;
    text-indent: 20px;
}

.itemImageBlock {
    z-index: 99;
}


3. Funny thing is that only on product details pages the css files for this module is being loaded But if You like it than easiest way would be to remove it. Edit file: /templates/gk_instyle/css/k2store.css and remove line 56:

Code: Select all

.k2store form {
    margin: 32px 0 20px;
}


and line 420:

Code: Select all

#k2store_currency a {
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 2px;
    margin-right: 2px;
    padding: 2px 4px;
    text-decoration: none;
}


You just made someone really really happy ......ME !!!!

Thank you so much and the best thing is, i even learned a lot along the way also

The asterikses must indeed be something from the browser, although i still dont know what because i cleared all cache, cookies etc and they still appear in Chrome, but not for instance in Firefox. I will look into that a bit later today.

I was happy a bit to soon i am afraid

Now the dropdownlist for Size no longer works .....i checked in different browsers .... the same in all.
I can click the dropdownlist and i see the options, but whatever one i click it isnt accepted.

I made a new dropdownlist option Color and that also doesnt work.

I did a simple check and changed the template to one of the default ones ...... then all works just fine, so the problem must be caused by some template override from InStyle.

Hi

Another conflict class from bootstrap ;/ Add this to override.css:

Code: Select all

.k2store select {
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 5px !important;
}


Thank you ...that solved it

Hi

Thanks God That wasn't an easy request to make.

I know i was asking .... hoping for .... a lot.

What i do know by now is that this template is a really nice one but more made for Virtuemart then for K2Store, despite that it was mentioned as being for both on the template description page.

I have noticed by now more things that dont work as they should with K2Store ..... but i wont bother you with those ....i did found work arounds for most of them ...... i can imagine that by now you must be glad if you dont hear from me for a while

Thanks again, your help made it possible for me to keep working with this template.

Hi

That's not a problem at all. Please write with anything You need help with, but what You say is really interesting. I have a copy of this template with K2store on my localhost for tests and it looks pretty good. Maybe there are files missing or some javascript libraries conflict ;/ I cannot tell right now, too many things has been changed.