Finishing options on the Buy Photo window

bluefoxphotobluefoxphoto Beginner grinnerRegistered Users Posts: 6 Beginner grinner
edited April 19, 2014 in SmugMug Customization
We decided to only offer luster prints for sale and have selected only those finishes for the prints we sell. In the window that scrolls showing all our products, only luster is shown. However, all other options (glossy, metallic, giclee, etc.) are shown as Photo Finishes options alongside the product window, thus confusing the customers when they see none of those options available among our products. Is there any way to get rid of those check boxes alongside the product window? FYI, we're using WHCC as our lab.

Thanks!
i-mrRrSC4

Comments

  • denisegoldbergdenisegoldberg Major grins North Andover, MASuper Moderators Posts: 13,488 moderator
    edited April 17, 2014
    Unfortunately there isn't a way to remove those options from the buy photo window. You might want to add your voice to the discussion in the thread New Look To The Shopping Cart - you're not alone in your request.

    --- Denise
  • leftquarkleftquark Former SmugMug Product Team Registered Users, Retired Mod Posts: 3,776 Many Grins
    edited April 18, 2014
    Unfortunately there isn't a way to remove those options from the buy photo window. You might want to add your voice to the discussion in the thread New Look To The Shopping Cart - you're not alone in your request.

    --- Denise

    I thought at one point Michael Bonocore posted that there was some CSS you could use to hide the ones you don't use, but I can't seem to find that post. maybe someone was just posting saying they wished it was done that way?
    dGrin Afficionado
    Former SmugMug Product Team
    aaron AT aaronmphotography DOT com
    Website: http://www.aaronmphotography.com
    My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
  • leftquarkleftquark Former SmugMug Product Team Registered Users, Retired Mod Posts: 3,776 Many Grins
    edited April 18, 2014
    Looks like I found an easy way to do it:
    /* Remove the "Lustre" checkbox */
    .sm-cart-l-finish-filters #filterLustre{
      display: none !important;
    }
    
    /* Remove the "Matte" checkbox */
    .sm-cart-l-finish-filters #filterMatte {
      display: none !important;
    }
    
    /* Remove the "Glossy" checkbox */
    .sm-cart-l-finish-filters #filterGloss {
      display: none !important;
    }
    
    /* Remove the "Metallic" checkbox */
    .sm-cart-l-finish-filters #filterMetal {
      display: none !important;
    }
    
    /* Remove the "Gliclee Watercolor checkbox */
    .sm-cart-l-finish-filters #filterWatercolor {
      display: none !important;
    }
    
    /* Remove the "Require Cropping" checkbox */
    .sm-cart-l-product-filters #filterCrop {
      display: none !important;
    }
    
    /* Remove the "Not in my cart" checkbox */
    .sm-cart-l-product-filters #filterCart {
      display: none !important;
    }
    
    /* Remove the "Cannot be Purchased" checkbox */
    .sm-cart-l-product-filters #filterPrint {
      display: none !important;
    }
    
    dGrin Afficionado
    Former SmugMug Product Team
    aaron AT aaronmphotography DOT com
    Website: http://www.aaronmphotography.com
    My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
  • leftquarkleftquark Former SmugMug Product Team Registered Users, Retired Mod Posts: 3,776 Many Grins
    edited April 18, 2014
    You can also hide the type of print from being displayed entirely (like hiding all of the ThinWraps). SmugMug will automatically hide these if you haven't set prices for this type of print, but if you have set prices and want to disable it, you can do that as follows:
    /* Hide Thin Wraps */
    .productsContainer .productsList #prints_thinwrap, .productsContainer .productsList .productSubcategoryList:nth-of-type[COLOR="Red"](6)[/COLOR], #catalogPanel .subCatLinks #_prints_thinwrap {
      display: none;
    }
    

    The code above can be modified by changing the "prints_thinwrap" to the following, and the "nth-of-type" to the # before it.
    1. prints_standard
    2. prints_other
    3. prints_pano
    4. prints_square
    5. prints_canvas
    6. prints_thinwrap
    7. prints_metal
    

    Example:
    /* Hide Metal */
    .productsContainer .productsList #[COLOR="Red"]prints_metal[/COLOR], .productsContainer .productsList .productSubcategoryList:nth-of-type([COLOR="red"]7[/COLOR]), #catalogPanel .subCatLinks #_[COLOR="red"]prints_metal[/COLOR] {
      display: none;
    }
    
    dGrin Afficionado
    Former SmugMug Product Team
    aaron AT aaronmphotography DOT com
    Website: http://www.aaronmphotography.com
    My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
  • denisegoldbergdenisegoldberg Major grins North Andover, MASuper Moderators Posts: 13,488 moderator
    edited April 18, 2014
    leftquark wrote: »
    Looks like I found an easy way to do it:
    Awesome! works like a charm...

    And here I thought we couldn't modify that screen...

    --- Denise
  • Hikin' MikeHikin' Mike Walkin' like a Penguin! Atwater, CaRegistered Users Posts: 5,272 Major grins
    edited April 18, 2014
    Awesome! works like a charm...

    And here I thought we couldn't modify that screen...

    --- Denise

    I didn't either. I spent "some time" and modified that screen to match my site. thumb.gif

    Feel free to use this and change the colors to suit. deal.gif
    /**
    * Cart Screen 
    ************************************************/    
        	/* Background Colors */
    .mask,
    #cartUI.sm-nui .sm-button {	
    	background-color: #a69f8b !important;
    	}	
    	
    #infoPanel,
    .subCatLinks li,
    .categoryTabs .yui-nav li, 
    #itemsPanel #cartContinue,
    #cartUI .productsList > h3,
    .productsList .product.hover,
    .productsList .product.selected {
    	background-color: #d9ceba !important;
    	}
    	
    #itemsPanel,
    #catalogPanel, 
    #itemsPanel #cartContinue:hover,
    #helpVideoPanel #helpVideoFrame,
    .sm-nui .sm-form-field-checkbox-item .sm-form-field-checkbox-icon-container, 
    .sm-nui .sm-form-field-radio-item .sm-form-field-radio-icon-container {
    	background-color: #e3d7c3 !important;
    	}	
    	
    .sm-nui .sm-form-field-select-wrapper {
    	background-color: rgba(0, 0, 0,0) !important;
    	}
    	
    #cartUI .hd {
    	background-color: rgba(0, 0, 0, .2) !important;
    	}	
    	
    div.sm-spinner .sm-form-field-textarea,
    div.sm-spinner .sm-form-field-text-input {
    	background-color: #fff;
    	}	
    	
    #itemsPanel #cartCheckout {	
        background-color: #7b1d20 !important;	
    	}
    	
    #itemsPanel #cartCheckout:hover {
    	background-color: #8c2129 !important;
    	}
    	
    	/* Text Colors */
    #cartUI h3, 
    #cartUI h4, 
    #cartUI h5  {
    	color:#4d4e44 !important;
    	}	
    	
    #itemsPanel .itemSummary {
    	color: #111 !important;
    	}
    	
    #cartUI h1,
    .sm-nui .sm-form-field-select {
    	color: #e3d7c3 !important;
    	}	
    	
    #showOptions a, 
    div.sm-spinner .sm-fonticon-ArrowTriangleLeft:hover, 
    div.sm-spinner .sm-fonticon-ArrowTriangleRight:hover,	
    .sm-nui .sm-form-field-checkbox-item.yui3-button-selected .sm-form-field-checkbox-icon, 
    .sm-nui .sm-form-field-radio-item.yui3-button-selected .sm-form-field-radio-icon {
        color: #7b1d20 !important;
    	}		
    	
    #itemsPanel #cartCheckout,	
    #cartUI.sm-nui .sm-button {
    	color: #fff !important;
    	}	
    	
    #itemsPanel #cartContinue,	
    .productsList .productName, 
    .productsList .costEach, 
    .productsList .quantity, 
    .productsList .costTotal,
    div.sm-spinner .sm-form-field-textarea,
    div.sm-spinner .sm-form-field-text-input,
    div.sm-spinner .sm-fonticon-ArrowTriangleLeft, 
    div.sm-spinner .sm-fonticon-ArrowTriangleRight {
        color: #333 !important;
    	}	
    	
    #photoInfo,	
    #cartUI .sm-text-mini,
    .sm-nui .sm-form-field-checkbox-item.yui3-button-selected, 
    .sm-nui .sm-form-field-radio-item.yui3-button-selected {
    	color: #616161 !important;
    	}
    	
    	/* No Border */
    #itemsPanel, 
    #cartUI .bd, 
    #cartUI .hd h1,
    .productsContainer,
    #itemsPanel #cartCheckout,
    #helpVideoPanel #helpVideoFrame,
    .sm-nui .sm-form-field-select-wrapper {
    	border: none !important;
    	}	
    	
    	/* Border */
    .subCatLinks li {
    	border: 1px solid !important;
    	}	
    	
    	/* Border Color */
    .productsList .productName, 
    .productsList .costEach, 
    .productsList .quantity, 
    .productsList .costTotal, 	
    .categoryTabs .yui-nav li ,	
    .categoryTabs .yui-nav li:hover,
    div.sm-spinner .sm-form-field-textarea,
    div.sm-spinner .sm-form-field-text-input,
    #itemsPanel #cartContinue,
    .sm-nui .sm-form-field-checkbox-item .sm-form-field-checkbox-icon-container, 
    .sm-nui .sm-form-field-radio-item .sm-form-field-radio-icon-container {
        border-color: #a69f8b !important;
    	} 
    
  • RobLoudRobLoud Big grins Registered Users Posts: 45 Big grins
    edited April 19, 2014
    I didn't either. I spent "some time" and modified that screen to match my site. thumb.gif

    Feel free to use this and change the colors to suit


    Thanks Hikin Mike, it works great. I didn't have a clue what any of it referred tone_nau.gif, so I copied one section at a time to see what changes it made and adjusted it to suit until I had all sections copied.

    Thanks Again
    Robin
Sign In or Register to comment.