Sgmonster

[Sgmonster]

Thank you very much. That works.

[Sgmonster]

<h4>Hello Harry:</h4>
<h4>I am trying to find a plug in that will add a Quick View window to our site.</h4>
<h4>Do you have a plug in that you can recommend that would work?</h4>
<h4>I tried several, but the Quick View button does not show up.</h4>
<h4>Thank you,</h4>
<h4>Tom Shiao</h4>

[Sgmonster]

I see.

So is there a way that the banner resizes correctly to the different screen resolutions?  My laptop is at 1920 x 1080 which is quite common, but the banners still get cut off at the ends.  All the banners we use are at 1920 x 300.  and we use 300 dpi.

Is there anything else we can do here so that the banners resize themselves?  What is the ideal banner size you recommend for categories and pages?

thank you, Tom

[Sgmonster]

Hi, Harry,  I also want to show you all the codes we have pasted into the Custom CSS Style section to make sure there are no conflicts.  thank you, Tom

.result-count-order {
padding: 0 20px;
}
.filter-trigger:after {
content: ‘CLICK HERE TO FILTER’;
margin-left: 25px;
}
.product_meta {display: none;}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min—moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .regular-logo { display: block; } .retina-logo { display: none; } }

@media only screen and (max-width: 800px) { .jas-branding { display: none;}}
.additional_information_tab, #tab-additional_information {
display: none !important;
}

@media only screen and (max-width: 800px) {
.wp-caption {
width: 100% !important;
}
}
.quickview-button {bottom: -10px; left: 0; width: 100%; opacity: 0; visibility: hidden; transition: all 0.1s;}
.product-image:hover .quickview-button {bottom: 0; opacity: 1; visibility: visible;}
.quickview-button a { background: #f2f2f2; transition: all 0.3s}
.product-btn .btn-quickview {
display: none;
}
.btn-quickview {
margin: 0;
padding: 0;
}
.quickview-button {
z-index: 99;
}
.page-head::before {
background: rgba(0, 0, 0, 0.4);
}
}
@media only screen and (min-width: 320px) {
.page-head {
padding: 20px 0;
}}

@media only screen and (min-width: 768px) {
.page-head {
padding: 50px 0;
}}

@media only screen and (min-width: 1280px) {
.page-head {
padding: 90px 0;
}}
@media only screen and (min-width: 1440px) {
.page-head {
padding: 140px 0;
}}
#shipping_method li input {
margin: 0 3px 0 0;
}
.page-head::before {
background: none;
}

[Sgmonster]

Hi Harry:

My category banner sizes are 1920 x 300.   Why is it that most of the banner gets cut off on the page?  and it looks so much taller also?   my display on my computer is set at 1920 x 1080.   See:

https://bikershades.com/product-category/try-before-you-buy/
https://bikershades.com/product-category/prescription-motorcycle-glasses/rx-brands/7eye-rx-prescription-motorcycle-sunglasses-frames/

Am I doing something wrong?

Thank you,  Tom

[Sgmonster]

Hi Harry,

is it possible to NOT have the category title appear on the banner?  It seems like the “Name” field is a required field, so it can’t be blank.

Also, what is the size of the category banner supposed to be?  I am using 1920 x 300 at 300 pixels/inch and it is still pixelated.  
BikerArmour Rx Frames – Bikershades

Thank you very much!!!

Tom

 

[Sgmonster]

Hello Harry:

for some reason, the minimize/maximize buttons on the product pages do not work in the backend.   Can you fix this?   I don’t know how this started.

[Sgmonster]

Thank you Harry!  What if we remove the background, then can the banner size be dynamic?

Can you check out the page and see if the category banner is working correctly?  I attached the banner again.
https://bikershades.com/product-category/motorcycle-sunglasses/brands/bikerarmour-motorcycle-riding-glasses/

Attachments:

You must be logged in to view attached files.

[Sgmonster]

Hello Harry:

I want to change the size of the the category banners.   Currently it is set to default of 200 pixels tall and that is too short!  Or can you make it dynamic depending on the size of the graphic?   How can we change the height of the banner?  I am thinking 300 pixels will be good.

[Sgmonster]

Harry:

Can you make this area (on the product page)  a field where we can add a graphic or text?   See below

thank you,

Tom

[Author]

Posts