http://www.kriesi.at/support/tags/shop-pages Support Forum - Tag: shop pages - Recent Posts en-US Fri, 24 May 2013 23:19:51 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/changing-shop-pages-to-mimic-demo#post-104989 Tue, 09 Apr 2013 21:01:13 +0000 Devin 104989@http://www.kriesi.at/support/ <p>Hi caseylum,</p> <p>The theme demo doesn't use shortcodes anywhere to define the product pages. Its purely product categories and the WooCommerce Shop page designation.</p> <p>So you could have a category for "New Statements" and link to that category which would output the page exactly like the demo.</p> <p>Or, to get the products to expand and fill the space set the product width:<br /> <pre><code>#top.page-id-392 .products .product { width: 33%; }</code></pre> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/changing-shop-pages-to-mimic-demo#post-104891 Tue, 09 Apr 2013 07:48:27 +0000 caseylum 104891@http://www.kriesi.at/support/ <p>Hello! </p> <p>I had posted this topic a few months ago and couldn't find the thread to add on. SO I am starting a new one :)</p> <p>So I was working on making each one of my shop pages have the same dimensions and thumbnail size as the demo shop. Pretty much want it to mimic the Flashlight Demo.</p> <p>I accomplished getting the right size thumbnails and having only three images across by putting "[recent_products per_page="12" columns="3" orderby="date" order="desc"]</p> <p>I also tried to put the following in to the "Styling Quick CSS" box to get the right width of the shop page:</p> <p>#top.page-id-378 .container .content .box {<br /> width: 800px;<br /> }<br /> ul.products li {<br /> list-style-type: none;<br /> }</p> <p>#top.page-id-392 .container .content .box {<br /> width: 800px;<br /> }<br /> ul.products li {<br /> list-style-type: none;<br /> }</p> <p>#top.page-id-415 .container .content .box {<br /> width: 800px;<br /> }<br /> ul.products li {<br /> list-style-type: none;<br /> }</p> <p>#top.page-id-412 .container .content .box {<br /> width: 800px;<br /> }<br /> ul.products li {<br /> list-style-type: none;<br /> }</p> <p>#top.page-id-405 .container .content .box {<br /> width: 800px;<br /> }<br /> ul.products li {<br /> list-style-type: none;<br /> }</p> <p>But no matter what px I change the width to the width of the box remains too long. Is something over writing this code I am trying to put in? Or maybe it is not correct?</p> <p>Check out my page at: <a href="http://www.bpoyandjo.com/sneakpeek" rel="nofollow">http://www.bpoyandjo.com/sneakpeek</a> and select "New Statements" to see what I'm talking about.</p> <p>I hope you understand this crazy post! Thank you! </p> http://www.kriesi.at/support/topic/sidebar-in-mobile-view-for-shop-pages#post-84677 Tue, 20 Nov 2012 08:17:02 +0000 Nick 84677@http://www.kriesi.at/support/ <p>Hi,</p> <p>Peter and Devin are of course are correct, that changing the code will be brutal.</p> <p>What you can do though, is something like this. for <a href="http://s154267.gridserver.com/shop/" rel="nofollow">http://s154267.gridserver.com/shop/</a><br /> <pre><code>@media only screen and (max-width: 767px) { #top.archive .inner_sidebar { position: absolute; top: -4220px; right: 100px; } ul.products { position: relative; top: 340px; right: -70px; } }</code></pre> <p>Try it in your Quick CSS to see what I mean. However for long term, you may have a different number of images or a different number of lines for each image description. So I would put that css inline, and with jQuery get the total height ... $(document).height() ... of this page ( <a href="http://s154267.gridserver.com/shop/" rel="nofollow">http://s154267.gridserver.com/shop/</a> ) and based on the total height of the entire page I would dynamically set the 'top: -4220px;' css value. Just an idea for a workaround if its important to you.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/sidebar-in-mobile-view-for-shop-pages#post-84578 Mon, 19 Nov 2012 18:48:59 +0000 Devin 84578@http://www.kriesi.at/support/ <p>Hi Susan,</p> <p>As Peter described the issue is in how the pages are constructed based on the theme's templates. The order of the actual divs is what decides the layout when you move to a smaller window. So on the shop example, the way it is constructed is that the sidebar div is after all the other content. So when it moves to a mobile view and the divs get set to 100% width they just go in order.</p> <p>The other example, the sidebar is set first so when the screen shrinks down the sidebar gets the 100% width and sits on top.</p> <p>As Peter said, I don't see a route in which to change the construction without really changing a lot of the theme/framework.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/sidebar-in-mobile-view-for-shop-pages#post-84569 Mon, 19 Nov 2012 16:54:17 +0000 susan_ideology 84569@http://www.kriesi.at/support/ <p>Hi Nick,</p> <p>The problem is in the inconsistent way that the theme treats the sidebar on mobile view in the product detail pages. </p> <p>So in the shop overview at <a href="http://s154267.gridserver.com/shop/" rel="nofollow">http://s154267.gridserver.com/shop/</a> for example, when you go to mobile view, the sidebar slides down underneath the main content. This is how the sidebar works on all other pages (including the basket, checkout etc).</p> <p>however on the product detail page, for example <a href="http://s154267.gridserver.com/product/allen-woody-1935/" rel="nofollow">http://s154267.gridserver.com/product/allen-woody-1935/</a> when you reduce the browser window or view on a mobile, the sidebar moves up above the main content.</p> <p>Thanks for all your other helpful comments btw. </p> <p>Susan </p> http://www.kriesi.at/support/topic/sidebar-in-mobile-view-for-shop-pages#post-84325 Fri, 16 Nov 2012 22:11:13 +0000 Nick 84325@http://www.kriesi.at/support/ <p>Hi,</p> <p>Unrelated: You have an error in your "cookie warning", there is an undefined image</p> <pre><code>&lt;div id=&quot;cookie-law-info-bar&quot; style=&quot;display: block; background-color: rgb(255, 255, 255); background-image: url(http://s154267.gridserver.com/investment/undefined); color: rgb(0, 0, 0); font-family: inherit; position: fixed; bottom: 0px;&quot;&gt;</code></pre> <p>----</p> <p>I don't see any pages that have a sidebar below the content. Some pages have the left sidebar( <a href="http://s154267.gridserver.com/shop/" rel="nofollow">http://s154267.gridserver.com/shop/</a> ) or ( <a href="http://s154267.gridserver.com/product/allen-woody-1935/" rel="nofollow">http://s154267.gridserver.com/product/allen-woody-1935/</a> ) and other pages have a left sidebar that's completely empty ( <a href="http://s154267.gridserver.com/investment/" rel="nofollow">http://s154267.gridserver.com/investment/</a> ) . The homepage , I am not sure , looks like a custom template with two columns and no sidebar. </p> <p>Please show a direct link to the page with the problem. Also please turn off the w3 Total Cache while developing, and especially its minification feature.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/sidebar-in-mobile-view-for-shop-pages#post-84200 Fri, 16 Nov 2012 07:26:31 +0000 Dude 84200@http://www.kriesi.at/support/ <p>Hey! </p> <p> I'm not aware of another solution atm but I tagged this thread for the other support staff members - maybe someone has an idea. </p> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/sidebar-in-mobile-view-for-shop-pages#post-84125 Thu, 15 Nov 2012 20:38:37 +0000 susan_ideology 84125@http://www.kriesi.at/support/ <p>thanks for the suggestion, but the whole site was designed to use a left float sidebar and has been built as such. Because the theme blurb talked about having the option to align the sidebar both right and left, I did not realise this would be a problem. I wonder if there is another way to resolve the problem without changing the position of the sidebar? Susan </p> http://www.kriesi.at/support/topic/sidebar-in-mobile-view-for-shop-pages#post-83576 Tue, 13 Nov 2012 08:07:54 +0000 Dude 83576@http://www.kriesi.at/support/ <p>Please try to use a right aligned sidebar instead (like the demo page here: <a href="http://www.kriesi.at/themes/propulsion/shop/" rel="nofollow">http://www.kriesi.at/themes/propulsion/shop/</a> - because the sidebar floats to the right the media queries will push it down and display the sidebar below the main content. </p> http://www.kriesi.at/support/topic/sidebar-in-mobile-view-for-shop-pages#post-83452 Mon, 12 Nov 2012 12:50:45 +0000 susan_ideology 83452@http://www.kriesi.at/support/ <p>Hi there, I have set up my page layout in the shop pages with a left aligned sidebar. On the shop overview page, the sidebar moves to the bottom of the page (as it does on all other pages on the site). For some reason, on the product detail page, it stays at the top of the browser window - so before the image.</p> <p>I would like to bring these into harmony - so either the sidebar stays at the top of both pages or moves to the bottom on both pages. I thought the answer might be in media queries, but can't seem to find a way of resolving it with this method.</p> <p>Here is a link to the site so you can see what i mean. <a href="http://goo.gl/zBp40" rel="nofollow">http://goo.gl/zBp40</a></p> <p>Many thanks,</p> <p>Susan </p> http://www.kriesi.at/support/topic/remove-top-shop-info-bar-from-pages#post-74924 Sat, 08 Sep 2012 10:54:19 +0000 Ismael 74924@http://www.kriesi.at/support/ <p>Hi Cathe,</p> <p>Glad that I could help. :) Marked this as resolved. :)</p> <p>Cheers,<br /> Ismael </p> http://www.kriesi.at/support/topic/remove-top-shop-info-bar-from-pages#post-74914 Sat, 08 Sep 2012 08:35:11 +0000 tamtamdesigns 74914@http://www.kriesi.at/support/ <p>It worked! Thank you Ismael! I appreciate your help!</p> <p>— Cathe </p> http://www.kriesi.at/support/topic/remove-top-shop-info-bar-from-pages#post-74620 Thu, 06 Sep 2012 04:55:31 +0000 Ismael 74620@http://www.kriesi.at/support/ <p>Hi,</p> <p>Open header.php and find this code</p> <pre><code>$position = avia_shop_banner(); avia_banner($position); // avia_banner functions located in functions.php - creates the notification at the top of the site as well as the shopping cart</code></pre> <p>Replace it with</p> <pre><code>if ( is_shop()) { $position = avia_shop_banner(); avia_banner($position); // avia_banner functions located in functions.php - creates the notification at the top of the site as well as the shopping cart }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/remove-top-shop-info-bar-from-pages#post-74594 Thu, 06 Sep 2012 00:14:59 +0000 tamtamdesigns 74594@http://www.kriesi.at/support/ <p>Is there a way to remove the shop info that appears in the colored bar at the very top (actually it would be great to remove the info AND the bar altogether) from all non-shop pages and the home page? I would like it to just show up on the shop base and all shop-related pages only. Thank you for your help! </p> http://www.kriesi.at/support/topic/woocommerce-shop-page-did-not-install-with-plugin#post-74417 Wed, 05 Sep 2012 01:12:27 +0000 Mya 74417@http://www.kriesi.at/support/ <p>Glad Peter was able to help you! Let us know if you have any more questions.</p> <p>Regards,<br /> Mya </p> http://www.kriesi.at/support/topic/woocommerce-shop-page-did-not-install-with-plugin#post-74216 Mon, 03 Sep 2012 22:31:47 +0000 tamtamdesigns 74216@http://www.kriesi.at/support/ <p>Thank you! That worked! </p> http://www.kriesi.at/support/topic/woocommerce-shop-page-did-not-install-with-plugin#post-73949 Sat, 01 Sep 2012 13:12:03 +0000 Dude 73949@http://www.kriesi.at/support/ <p>Hi! </p> <p> Just create several new pages (Pages &gt; Add New and give them any titles of your choice). Then go to WooCommerce &gt; Settings &gt; Pages and select the pages by using the dropdown options. </p> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/woocommerce-shop-page-did-not-install-with-plugin#post-73944 Sat, 01 Sep 2012 13:01:35 +0000 tamtamdesigns 73944@http://www.kriesi.at/support/ <p>The WooCommerce shop pages did not automatically install when the plugin that came with the theme was installed. This is the message on the setting pages that shows up: "These pages should have been created upon installation of the plugin, if not you will need to create them." I cannot find instructions on how to manually set these pages up, have a sample screenshot to know how to set them up or perhaps have them install again. I need help! </p>