Virtuemart iškylančio lango "pridėti į krepšelį" išvaizdos koregavimas

PDFSpausdintiEl. paštas

Sekmadienis, 19 Liepa 2015 19:48 Parašė Rimvydas Peržiūrų: 2043

( 3 Balsai )
Virtuemart iškylančio lango "pridėti į krepšelį" išvaizdos koregavimas - 4.3 out of 5, based on 3 votes

Nors Virtuemart jau išleista trečia versija ir dizainas nuo pradinės gana stipriai pasikeitęs tačiau yra vietų kurios liko tokios kokios buvo..... Viena jų iškylančio lango (pop up) pranešimas kai prekė įdedama į krepšelį. Jis gana neišvaizdus ir net daugumoje mokamų šablonų ši vieta nekoreguota nors tai padaryt labai paprasta ir nesudėtinga.
Pirmiausiai perskirstome VM failus kad atnaujinus versiją nereikėtų visko daryt iš naujo ir failą esantį:

components/com_virtuemart/views/cart/tmpl/padded.php

perokpijuojame į

templates/mano_naudojamas_šablonas/html/com_virtuemart/cart/padded.php

Jei html,com_virtuemart ir cart katalogų nėra juos susikuriame . Toliau atidarome teksto redaktoriumi padded.php failą susirandame eilute:

echo '<h4>'.vmText::sprintf('COM_VIRTUEMART_CART_PRODUCT_ADDED',$product->product_name,$product->quantity).'</h4>';

ir ją pakeičiame į:

echo '<div class="popup_cart"><h3>'. $product->product_name .'</h3>';echo '<p>pridėta į krepšelį</p></div>'; 

Toliau lieka tik pakoreguoti stilius.

Atsidarome naudojamo šablono stilių (css) failą ir pabaigoje pridedame sekantį įrašą:

/*VM prideti į krepšelį*/
 
.popup_cart {
text-align: center;
margin: 10px 20px;
font-size: 16px;
}
.popup_cart h3 {
font-size: 24px; 
color: #0077B3; 
text-transform:uppercase;
line-height: 1.1;
margin-bottom: 15px;
}
a.continue_link {
display: inline-block;
background:#0077B3; 
color: #fff;
text-decoration: none;
font-size: 18px;
margin: 5px;
padding: 5px 15px;
}
a.showcart {
background: #fa0000;
color: #fff;
text-decoration: none;
font-size: 18px;
 

Išsaugome pakeitimus ir tikriname. Vaizdas iki korekcijos:

Vaizdas po korekcijos:


Aptarkite šį straipsnį forume
Norėdami dalyvauti diskusijoje turite prisijungti arba užsiregistruoti .

Joomla123.lt is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.
The Joomla!® name is used under a limited license from Open Source Matters in the United States and other countries.