Finishing options on the Buy Photo window

bluefoxphoto

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!

denisegoldberg

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

leftquark

denisegoldberg wrote: »

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?

leftquark

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;
}

leftquark

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;
}

denisegoldberg

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' Mike

denisegoldberg wrote: »

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.

Feel free to use this and change the colors to suit.

/**
* 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;
	} 

RobLoud

Hikin' Mike wrote: »

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

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 to, 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