Virtuemart Related Items formatting problems in Quark

12/3 ecommerce quark quick install
working site: www.ahgoobaby.com/Redesign3

Please note the image formatting of related items in your template. Example: https://www.ahgoobaby.com/Redesign3/ind ... ice-detail

All of my images are 2000x2000.

As well, there is a lot of text currently shown under the related items. Is there a way to not only standardize the image resizing so it looks consistent as well as eliminate all of the text except the product name hyperlink?

As a bonus it would be ideal to have sales price and purchase button carry over consistent with the product details so that the customer would not need to page refresh to add a related item to their cart. Might as well see if that is possible while I'm at it.

Thanks,

George.

In addition to the above, related items also appear in the pop up modal box after adding a product that has related items. See Example by adding the wipes case bubbles in juice example above to see what appears. It would be ideal to also eliminate the unnecessary description text so that only the above-requested image and product name/hyperlink appears in the related items shown in the pop up to reduce the amount of real estate used in that box.

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

.productdetails-view .product-related-products img,
.productdetails-view .product-related-categories img {

    max-width: 100%;
}

.productdetails-view .product-related-products .product_s_desc,
.productdetails-view .product-related-categories .product_s_desc,
.productdetails-view .product-related-products .vm-img-desc,
.productdetails-view .product-related-categories .vm-img-desc {
    display: none;
}


Thanks. Is there a way to also get the "Sales Price" to match the font to look the same as the regular product "Sales Price" looks so that it appears consistent?

Hi

Try:

Code: Select all

.product-related-products .PricesalesPrice {
    color: #777;
    font: italic 400 20px Georgia,Times,Times New Roman,serif;
    margin: 0 0 16px;
    padding: 0 0 16px;
}

.product-related-products .PricesalesPrice .PricesalesPrice {
    color: #26292b;
    font: italic 400 36px Georgia,Times,Times New Roman,serif;
    margin: 20px 0 0 12px;
}


Thank you - perfect. My only suggestion to others watching is since the related items are smaller than the main product details image, it has a better look to reduce the size of the text "SALES PRICE" font size from 20 to 16, and the size of the actual number sales price amount from 36 to 20. Just my opinion and solution for those interested.

OK to mark thread as SOLVED.

Hi

Great to hear it's resolved. Closing this thread than.