The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 08-09-2013, 03:30 PM
Tri-Parish Web Mall's Avatar
Tri-Parish Web Mall is offline
Junior Member
 
Join Date: Oct 2011
Posts: 18
Default


so what's happening is the when i use the new recently released responsive code for ecwid it breaks my fixed menu in the sidebar-a position which is to the left of the article or store is located.

i'm using a rockettheme template in joomla

the page below (eia) works fine and does NOT use ecwid's responsive code that has been recently released. as you can see the sidebar-a position menu on the left of the store is correct and shows
http://go-smg.com/tpwm/index.php/stores/eia.html

the page below (truefind) IS using the responsive code recently released and the fixed menu in sidebar-a position on the left of the article is no longer appearing.
http://go-smg.com/tpwm/index.php/stores/true-find.html

all of my side bar modules are gone on the truefind storefront page. this happens only when i use the responsive code for ecwid as the eia page is still the non responsive and i did test this with other pages and only happens with the responsive code...please advise...i really need to get this figured out so i can continue with the necessary changes.

forum post: "Ecwid product browser widget breaks my fixed menu" - this forum post had similar issues except it was not addressing the responsive code aspect of mine. since my issue appears with the responsive they recommended creating a new post/topic.

thanks!

anyone????

i'm really at a loss as to how to fix this...

Last edited by Makfruit; 08-15-2013 at 09:39 AM.
  #2  
Old 08-15-2013, 09:45 AM
Matt Ecwid's Avatar
Matt Ecwid Matt Ecwid is offline
Ecwid Team
 
Join Date: Oct 2011
Posts: 4,947
Default

Quote:
Originally Posted by Tri-Parish Web Mall View Post
so what's happening is the when i use the new recently released responsive code for ecwid it breaks my fixed menu in the sidebar-a position which is to the left of the article or store is located.

i'm using a rockettheme template in joomla

the page below (eia) works fine and does NOT use ecwid's responsive code that has been recently released. as you can see the sidebar-a position menu on the left of the store is correct and shows
http://go-smg.com/tpwm/index.php/stores/eia.html

the page below (truefind) IS using the responsive code recently released and the fixed menu in sidebar-a position on the left of the article is no longer appearing.
http://go-smg.com/tpwm/index.php/stores/true-find.html

all of my side bar modules are gone on the truefind storefront page. this happens only when i use the responsive code for ecwid as the eia page is still the non responsive and i did test this with other pages and only happens with the responsive code...please advise...i really need to get this figured out so i can continue with the necessary changes.

forum post: "Ecwid product browser widget breaks my fixed menu" - this forum post had similar issues except it was not addressing the responsive code aspect of mine. since my issue appears with the responsive they recommended creating a new post/topic.

thanks!

anyone????

i'm really at a loss as to how to fix this...
Hello,

I've inspected your site. As far as I can see, the issue unlikely has anything to do with responsive mode. It needs to be investigated anyway though.

As smoothsailingclothing mentioned in the related thread, you have different layouts on those page. In fact, those are also different Ecwid stores (they do not belong to the same Ecwid account).

Most likely, the closing </div> element is missing in the second integration.

Please describe how you integrated store widgets on those pages. As far as I can see, they weren't integrated using our Joomla plugin, rather were they placed using custom HTML modules. Is it so? Why? Anyway, can you please provide the exact integration code you use for the second page (where layout is broken). I will look into it. I think the reason is in the code. Thank you.
__________________
Matt K
Ecwid Team

Ecwid Guide for Beginners

Ecwid Help Center

Ecwid video tutorials
The Following User Says Thank You to Matt Ecwid For This Useful Post:
Tri-Parish Web Mall (08-15-2013)
  #3  
Old 08-15-2013, 05:18 PM
Tri-Parish Web Mall's Avatar
Tri-Parish Web Mall Tri-Parish Web Mall is offline
Junior Member
 
Join Date: Oct 2011
Posts: 18
Default

Quote:
Originally Posted by Makfruit View Post
Hello,

I've inspected your site. As far as I can see, the issue unlikely has anything to do with responsive mode. It needs to be investigated anyway though.

As smoothsailingclothing mentioned in the related thread, you have different layouts on those page. In fact, those are also different Ecwid stores (they do not belong to the same Ecwid account).

Most likely, the closing </div> element is missing in the second integration.

Please describe how you integrated store widgets on those pages. As far as I can see, they weren't integrated using our Joomla plugin, rather were they placed using custom HTML modules. Is it so? Why? Anyway, can you please provide the exact integration code you use for the second page (where layout is broken). I will look into it. I think the reason is in the code. Thank you.
you are correct, they are 2 different accts. we use one for testing while the other is live. they are 2 different stores as well, however it wasn't until i incorporated the product browser widget code into the truefind store that we had issues with things disappearing.

i integrated ecwid by copying the code in the product browser widget and modified the category id to display the sub-level categories vs the top level.

this code is on the "broken" page

<div style="position: relative;">
<!-- Start Hidden Div Code -->
<div style="background-color: ; position: absolute; top: 50px; left: 63px; width: 40px; z-index:1;"><a href="http://triparishwebmall.com/">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;</a>
</div>
<!-- End Hidden Div Code -->
<div id="my-store-2411039">This store is powered by Ecwid - <a href="http://www.ecwid.com">Shopping Cart</a>. If you your browser does not support JavaScript, please proceed to its <a href="http://app.ecwid.com/jsp/2411039/catalog">simple HTML version</a>.</div><div>
<script type="text/javascript" src="http://app.ecwid.com/script.js?2411039" charset="utf-8"></script><script type="text/javascript"> xProductBrowser("categoriesPerRow=3","views=grid(3 ,3) list(10) table(20)","categoryView=grid","searchView=list"," style=", "defaultCategoryId=6227377","id=my-store-2411039");</script>
</div>

this code is on the "working" page
<div style="position: relative;">
<!-- Start Hidden Div Code -->
<div style="background-color: ; position: absolute; top: 50px; left: 63px; width: 40px; z-index:1;"><a href="http://triparishwebmall.com/">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;</a>
</div>
<!-- End Hidden Div Code -->
<div>
<script type="text/javascript" src="http://app.ecwid.com/script.js?798124" charset="utf-8"></script>
<script type="text/javascript"> xProductBrowser("categoriesPerRow=3","views=grid(3 ,3) list(10) table(20)","categoryView=grid","searchView=list"," style=","responsive=yes","defaultCategoryId=357460 1"); </script>
<noscript>Your browser does not support JavaScript. Please proceed to <a href="http://triparishwebmall.ecwid.com">HTML version of Tri-Parish Web Mall</a></noscript>
</div>
</div>

please note the "hidden code" is there because we want the redirect to be different than the default that would normally be present in the ecwid stores when "store" is clicked. most of this was already set up when i took over the work. if there is an easier way, please share it with me as i'm still learning all of this. you mentioned a plugin for ecwid...i'm not sure i understand how that's different than the supplied code that is in the product browser widget in the dashboard...which is what we use in our article inside joomla. it's possible i am missing an end div tag and not seeing it... i've looked at this code so many times, i don't think i'm actually seeing anything anymore.

i appreciate your help with this...

Last edited by Tri-Parish Web Mall; 08-15-2013 at 05:24 PM.
  #4  
Old 08-15-2013, 05:37 PM
Tri-Parish Web Mall's Avatar
Tri-Parish Web Mall Tri-Parish Web Mall is offline
Junior Member
 
Join Date: Oct 2011
Posts: 18
Default

i've done a search for the plugin, just to see what came up and have tried it...it think it's exactly what we need! thanks! though i am still curious as to what my error is on the code...
  #5  
Old 08-15-2013, 11:47 PM
smoothsailingco.com's Avatar
smoothsailingco.com smoothsailingco.com is offline
 
Join Date: Dec 2011
Location: CA / FL
Posts: 345
Default

Quote:
Originally Posted by Tri-Parish Web Mall View Post
i've done a search for the plugin, just to see what came up and have tried it...it think it's exactly what we need! thanks! though i am still curious as to what my error is on the code...
The broken code is missing a </div> tag.
Code:
    <div style="position: relative;">
        <!-- Start Hidden Div Code -->
        <div style="background-color: ; position: absolute; top: 50px; left: 63px; width: 40px; z-index:1;">
            <a href="http://triparishwebmall.com/">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;</a>
        </div>
        <!-- End Hidden Div Code -->
        <div id="my-store-2411039">
            This store is powered by Ecwid - <a href="http://www.ecwid.com">Shopping Cart</a>. If you your browser does not support JavaScript, please proceed to its <a href="http://app.ecwid.com/jsp/2411039/catalog">simple HTML version</a>.
        </div>
        <div>
            <script type="text/javascript" src="http://app.ecwid.com/script.js?2411039" charset="utf-8"></script>
            <script type="text/javascript"> xProductBrowser("categoriesPerRow=3","views=grid(3 ,3) list(10) table(20)","categoryView=grid","searchView=list"," style=", "defaultCategoryId=6227377","id=my-store-2411039");</script>
        </div>
The Following 2 Users Say Thank You to smoothsailingco.com For This Useful Post:
Matt Ecwid (08-16-2013), Tri-Parish Web Mall (08-16-2013)
  #6  
Old 08-16-2013, 07:11 AM
Matt Ecwid's Avatar
Matt Ecwid Matt Ecwid is offline
Ecwid Team
 
Join Date: Oct 2011
Posts: 4,947
Default

Hi,

smoothsailingclothing is right - to fix the issue you will need to add </div> tag at the end of the code fragment he mentioned.


Quote:
Originally Posted by Tri-Parish Web Mall View Post
i've done a search for the plugin, just to see what came up and have tried it...it think it's exactly what we need! thanks! though i am still curious as to what my error is on the code...
It will indeed be best to use the plugin instead of manual integration. Please refer to these posts for the details on our Joomla plugin:
__________________
Matt K
Ecwid Team

Ecwid Guide for Beginners

Ecwid Help Center

Ecwid video tutorials
The Following User Says Thank You to Matt Ecwid For This Useful Post:
Tri-Parish Web Mall (08-16-2013)
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 08:14 AM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.