News:

You may pay someone to create your store, or you visit our seminar and become a professional yourself with the silver certification

Main Menu

Integrating plugins or css from template into the Virtuemart products view

Started by P-solver, November 16, 2013, 09:15:42 AM

Previous topic - Next topic

P-solver

Joomla: 2.5.0
VM:    2.0.24

site url: www.curre.se/qce
Login: user
Password: user

###################

Hello,

I have a couple of questions, and since I'm quite new to both joomla and virtuemart the answers might be simple, but since I dont know the correct answers I'm turning my hope to the speshitpillts at this forum :)

BACKGROUND:
I've bought an ready template from a commercial site. It has some sort of plugin or css that makes the images and surrounding box "highligt" on mouseover.
See url in top of thread and navigate to "machines/excavators"

What I would like to achive is to use this same type of "highlighting" in the products-overwiev in my virtumeart-sektion on the page.
See url in top of thread and navigate to "products/excavator"

I guess that I could solve the problem with hardcoding the Virtuemart page and override it, but I maght have missed out on some other simpler solution.

QUESTIONS:
1. In what way(s) can I integrate the highlighting used in "machines/excavators" to my Virtuemart products-section ("products/excavator")?

SOLUTION:
Coming hopefully

GJC Web Design

It's just dead basic css

.portfolio-row .catItemBody {
    background: none repeat scroll 0 0 #252525;
    border: 1px solid #0D0D0D;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
}
.portfolio-row .catItemBody:hover {
    background: none repeat scroll 0 0 #D8D8D8;
}


just adapt that to your

.category-view .row .category .spacer h2 a {
  display: block;
  font-size: 14px;
  text-align: center;
}


.category-view .row .category .spacer h2 a {
  background: none repeat scroll 0 0 #252525;
  border: 1px solid #0D0D0D;
  border-radius: 4px;
  display: block;
  font-size: 14px;
  padding: 0 0 20px;
  text-align: center;
}

.category-view .row .category .spacer h2 a:hover {
  background: none repeat scroll 0 0 #D8D8D8;
}



[attachment cleanup by admin]
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

P-solver

Thank you GJC Web Design,

I'll try that when our server is up 'n running again. A bit of heavy weather took the elektricity this night.

QUESTION 2:
Is it the same way with the "magnifying-glass" when putting the marker over the image?

(My guess is that this is script-related, but how can I apply it to the same product wiev.)

GJC Web Design

just check the code of the k2 thing - they just add a hidden div

but this is just styling - if you want to pop the image you will need all the rest of the related code - but why?
most users when the click the image want to go to that page...
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation