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 04-11-2015, 05:50 AM
dhobeika's Avatar
dhobeika is offline
Webpartner
 
Join Date: May 2014
Posts: 2
Default

Hiding bread crumbs, buy now buttons, and other stuff when using a featured products category on home page


I followed the instructions on http://help.ecwid.com/customer/porta...t%C2%A0browser and was able to create a "featured products" category that I am embedding on the home page of the site that I'm working on, as I would like to feature 3 products among a variety of other non-store related sections on the home page.

However, I would like to hide some of the stuff at the top (like the breadcrumbs, the sign in link, etc) as well as the buy now buttons so that all that is shown are the pictures of the 3 products, their name, and price. (Ideally, I would like to get rid of the things I have crossed out in red in this screen shot: http://i.imgur.com/RGBCr8n.jpg)

This is the code I'm using, is there any way to add some stuff to the code (like breadcrumbs=false) to hide the things I have crossed out in the above screenshot?

Code:
<div> <script type='text/javascript' src='http://app.ecwid.com/script.js?6596461'></script> <script type='text/javascript'>  xProductBrowser("categoriesPerRow=3","views=grid(1,3) list(10) table(20)","categoryView=grid","searchView=list","style=","defaultCategoryId=12854137"); </script> </div>
Thanks!
Attached Images
File Type: jpg mcbryde-products.jpg (177.2 KB, 177 views)

Last edited by dhobeika; 04-11-2015 at 05:56 AM. Reason: Just realized I could attach a file so I didn't have to link to the screenshot
  #2  
Old 04-11-2015, 09:01 PM
smoothsailingco.com's Avatar
smoothsailingco.com smoothsailingco.com is offline
 
Join Date: Dec 2011
Location: CA / FL
Posts: 345
Default

You can use CSS to hide those elements. Test here: http://codepen.io/smoothsailingco/pen/ogrPKd

Code:
Code:
<style>
    html#ecwid_html body#ecwid_body div.ecwid-productBrowser-head, /*Hide "Featured Products" text but also hides product titles.*/
    html#ecwid_html body#ecwid_body div.ecwid-productBrowser-categoryPath, /*Hide breadcrumbs*/
    html#ecwid_html body#ecwid_body div.ecwid-productBrowser-auth, /*Hide sign in / out*/
    html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsGrid-v2 div.ecwid-productBrowser-productsGrid-productBottomFragment div.ecwid-BuyNow, /*Hide Buy Now buttons*/
    html#ecwid_html body#ecwid_body div.ecwid-results-topPanel /*Hide "View as" and "Sort by"  */
    {
        display: none;
    }
</style>

Last edited by smoothsailingco.com; 04-11-2015 at 09:07 PM.
The Following User Says Thank You to smoothsailingco.com For This Useful Post:
enot (04-12-2015)
  #3  
Old 04-11-2015, 10:15 PM
dhobeika's Avatar
dhobeika dhobeika is offline
Webpartner
 
Join Date: May 2014
Posts: 2
Default

Thanks! That worked
 
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 10:48 AM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.