I wish to add the new div in PDP page after price section in mageno 2
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ margin-bottom:0;
}
I have added custom div in /var/www/html/pot/app/design/frontend/pot_customization/Magento_Catalog/templates/product/price/amount/default.phtml
.
The div displays for all the products and works fine. But if a product have special price,the div displays two times near price .
Please provide me a solution to add my custom div after the price section.
default.phtml
<?php
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
// @codingStandardsIgnoreFile
?>
<?php /** @var MagentoFrameworkPricingRenderAmount $block */ ?>
<span class="price-container <?= /* @escapeNotVerified */
$block->getAdjustmentCssClasses() ?>"
<?= $block->getSchema() ? ' itemprop="offers" itemscope itemtype="http://schema.org/Offer"' : '' ?>>
<span class='your-price'>Your Price</span>
<?php if ($block->getDisplayLabel()): ?>
<span class="price-label"><?= /* @escapeNotVerified */
$block->getDisplayLabel() ?></span>
<?php endif; ?>
<span <?php if ($block->getPriceId()): ?> id="<?= /* @escapeNotVerified */
$block->getPriceId() ?>"<?php endif; ?>
<?= ($block->getPriceDisplayLabel()) ? 'data-label="' . $block->getPriceDisplayLabel() . $block->getPriceDisplayInclExclTaxes() . '"' : '' ?>
data-price-amount="<?= /* @escapeNotVerified */
$block->getDisplayValue() ?>"
data-price-type="<?= /* @escapeNotVerified */
$block->getPriceType() ?>"
class="price-wrapper <?= /* @escapeNotVerified */
$block->getPriceWrapperCss() ?>"
><?= /* @escapeNotVerified */
$block->formatCurrency($block->getDisplayValue(), (bool)$block->getIncludeContainer()) ?></span>
<?php if ($block->hasAdjustmentsHtml()): ?>
<?= $block->getAdjustmentsHtml() ?>
<?php endif; ?>
<?php if ($block->getSchema()): ?>
<meta itemprop="price" content="<?= /* @escapeNotVerified */
$block->getDisplayValue() ?>"/>
<meta itemprop="priceCurrency" content="<?= /* @escapeNotVerified */
$block->getDisplayCurrencyCode() ?>"/>
<?php endif; ?>
</span>
<!-- custom div start -->
<?php $helper = $this->helper('xProductReviewHelperData');
?>
<div class="price-guarantee">
<a href="<?php echo $helper->getBaseUrlData()."why-shop-with-us" ?>" class="guarantee-link">100 % Price Guarantee</a>
</div>
<div class = loyalty-points>
<span>Loyalty Points<b> 4</b> <span>Learn more about our</span> <a href="<?php echo $helper->getBaseUrlData()."loyalty-points-program" ?>">loyalty points program</a></span>
</div>
<!-- End -->
price magento2.2.6 product-view page
add a comment |
I have added custom div in /var/www/html/pot/app/design/frontend/pot_customization/Magento_Catalog/templates/product/price/amount/default.phtml
.
The div displays for all the products and works fine. But if a product have special price,the div displays two times near price .
Please provide me a solution to add my custom div after the price section.
default.phtml
<?php
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
// @codingStandardsIgnoreFile
?>
<?php /** @var MagentoFrameworkPricingRenderAmount $block */ ?>
<span class="price-container <?= /* @escapeNotVerified */
$block->getAdjustmentCssClasses() ?>"
<?= $block->getSchema() ? ' itemprop="offers" itemscope itemtype="http://schema.org/Offer"' : '' ?>>
<span class='your-price'>Your Price</span>
<?php if ($block->getDisplayLabel()): ?>
<span class="price-label"><?= /* @escapeNotVerified */
$block->getDisplayLabel() ?></span>
<?php endif; ?>
<span <?php if ($block->getPriceId()): ?> id="<?= /* @escapeNotVerified */
$block->getPriceId() ?>"<?php endif; ?>
<?= ($block->getPriceDisplayLabel()) ? 'data-label="' . $block->getPriceDisplayLabel() . $block->getPriceDisplayInclExclTaxes() . '"' : '' ?>
data-price-amount="<?= /* @escapeNotVerified */
$block->getDisplayValue() ?>"
data-price-type="<?= /* @escapeNotVerified */
$block->getPriceType() ?>"
class="price-wrapper <?= /* @escapeNotVerified */
$block->getPriceWrapperCss() ?>"
><?= /* @escapeNotVerified */
$block->formatCurrency($block->getDisplayValue(), (bool)$block->getIncludeContainer()) ?></span>
<?php if ($block->hasAdjustmentsHtml()): ?>
<?= $block->getAdjustmentsHtml() ?>
<?php endif; ?>
<?php if ($block->getSchema()): ?>
<meta itemprop="price" content="<?= /* @escapeNotVerified */
$block->getDisplayValue() ?>"/>
<meta itemprop="priceCurrency" content="<?= /* @escapeNotVerified */
$block->getDisplayCurrencyCode() ?>"/>
<?php endif; ?>
</span>
<!-- custom div start -->
<?php $helper = $this->helper('xProductReviewHelperData');
?>
<div class="price-guarantee">
<a href="<?php echo $helper->getBaseUrlData()."why-shop-with-us" ?>" class="guarantee-link">100 % Price Guarantee</a>
</div>
<div class = loyalty-points>
<span>Loyalty Points<b> 4</b> <span>Learn more about our</span> <a href="<?php echo $helper->getBaseUrlData()."loyalty-points-program" ?>">loyalty points program</a></span>
</div>
<!-- End -->
price magento2.2.6 product-view page
add a comment |
I have added custom div in /var/www/html/pot/app/design/frontend/pot_customization/Magento_Catalog/templates/product/price/amount/default.phtml
.
The div displays for all the products and works fine. But if a product have special price,the div displays two times near price .
Please provide me a solution to add my custom div after the price section.
default.phtml
<?php
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
// @codingStandardsIgnoreFile
?>
<?php /** @var MagentoFrameworkPricingRenderAmount $block */ ?>
<span class="price-container <?= /* @escapeNotVerified */
$block->getAdjustmentCssClasses() ?>"
<?= $block->getSchema() ? ' itemprop="offers" itemscope itemtype="http://schema.org/Offer"' : '' ?>>
<span class='your-price'>Your Price</span>
<?php if ($block->getDisplayLabel()): ?>
<span class="price-label"><?= /* @escapeNotVerified */
$block->getDisplayLabel() ?></span>
<?php endif; ?>
<span <?php if ($block->getPriceId()): ?> id="<?= /* @escapeNotVerified */
$block->getPriceId() ?>"<?php endif; ?>
<?= ($block->getPriceDisplayLabel()) ? 'data-label="' . $block->getPriceDisplayLabel() . $block->getPriceDisplayInclExclTaxes() . '"' : '' ?>
data-price-amount="<?= /* @escapeNotVerified */
$block->getDisplayValue() ?>"
data-price-type="<?= /* @escapeNotVerified */
$block->getPriceType() ?>"
class="price-wrapper <?= /* @escapeNotVerified */
$block->getPriceWrapperCss() ?>"
><?= /* @escapeNotVerified */
$block->formatCurrency($block->getDisplayValue(), (bool)$block->getIncludeContainer()) ?></span>
<?php if ($block->hasAdjustmentsHtml()): ?>
<?= $block->getAdjustmentsHtml() ?>
<?php endif; ?>
<?php if ($block->getSchema()): ?>
<meta itemprop="price" content="<?= /* @escapeNotVerified */
$block->getDisplayValue() ?>"/>
<meta itemprop="priceCurrency" content="<?= /* @escapeNotVerified */
$block->getDisplayCurrencyCode() ?>"/>
<?php endif; ?>
</span>
<!-- custom div start -->
<?php $helper = $this->helper('xProductReviewHelperData');
?>
<div class="price-guarantee">
<a href="<?php echo $helper->getBaseUrlData()."why-shop-with-us" ?>" class="guarantee-link">100 % Price Guarantee</a>
</div>
<div class = loyalty-points>
<span>Loyalty Points<b> 4</b> <span>Learn more about our</span> <a href="<?php echo $helper->getBaseUrlData()."loyalty-points-program" ?>">loyalty points program</a></span>
</div>
<!-- End -->
price magento2.2.6 product-view page
I have added custom div in /var/www/html/pot/app/design/frontend/pot_customization/Magento_Catalog/templates/product/price/amount/default.phtml
.
The div displays for all the products and works fine. But if a product have special price,the div displays two times near price .
Please provide me a solution to add my custom div after the price section.
default.phtml
<?php
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
// @codingStandardsIgnoreFile
?>
<?php /** @var MagentoFrameworkPricingRenderAmount $block */ ?>
<span class="price-container <?= /* @escapeNotVerified */
$block->getAdjustmentCssClasses() ?>"
<?= $block->getSchema() ? ' itemprop="offers" itemscope itemtype="http://schema.org/Offer"' : '' ?>>
<span class='your-price'>Your Price</span>
<?php if ($block->getDisplayLabel()): ?>
<span class="price-label"><?= /* @escapeNotVerified */
$block->getDisplayLabel() ?></span>
<?php endif; ?>
<span <?php if ($block->getPriceId()): ?> id="<?= /* @escapeNotVerified */
$block->getPriceId() ?>"<?php endif; ?>
<?= ($block->getPriceDisplayLabel()) ? 'data-label="' . $block->getPriceDisplayLabel() . $block->getPriceDisplayInclExclTaxes() . '"' : '' ?>
data-price-amount="<?= /* @escapeNotVerified */
$block->getDisplayValue() ?>"
data-price-type="<?= /* @escapeNotVerified */
$block->getPriceType() ?>"
class="price-wrapper <?= /* @escapeNotVerified */
$block->getPriceWrapperCss() ?>"
><?= /* @escapeNotVerified */
$block->formatCurrency($block->getDisplayValue(), (bool)$block->getIncludeContainer()) ?></span>
<?php if ($block->hasAdjustmentsHtml()): ?>
<?= $block->getAdjustmentsHtml() ?>
<?php endif; ?>
<?php if ($block->getSchema()): ?>
<meta itemprop="price" content="<?= /* @escapeNotVerified */
$block->getDisplayValue() ?>"/>
<meta itemprop="priceCurrency" content="<?= /* @escapeNotVerified */
$block->getDisplayCurrencyCode() ?>"/>
<?php endif; ?>
</span>
<!-- custom div start -->
<?php $helper = $this->helper('xProductReviewHelperData');
?>
<div class="price-guarantee">
<a href="<?php echo $helper->getBaseUrlData()."why-shop-with-us" ?>" class="guarantee-link">100 % Price Guarantee</a>
</div>
<div class = loyalty-points>
<span>Loyalty Points<b> 4</b> <span>Learn more about our</span> <a href="<?php echo $helper->getBaseUrlData()."loyalty-points-program" ?>">loyalty points program</a></span>
</div>
<!-- End -->
price magento2.2.6 product-view page
price magento2.2.6 product-view page
edited yesterday
Raj Mohan R
5209
5209
asked yesterday
JaisaJaisa
8991939
8991939
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
You can create a custom module and add following files.
[Vendor]/[Module]/view/frontend/layout/catalog_product_view.xml
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceContainer name="product.info.main">
<block class="MagentoFrameworkViewElementTemplate" after="product.price.tier" template="Vendor_Module::afterprice.phtml" />
</referenceContainer>
</body>
</page>
[Vendor]/[Module]/view/frontend/templates/afterprice.phtml
<!-- custom div start -->
<?php $helper = $this->helper('xProductReviewHelperData');
?>
<div class="price-guarantee">
<a href="<?php echo $helper->getBaseUrlData()."why-shop-with-us" ?>" class="guarantee-link">100 % Price Guarantee</a>
</div>
<div class = loyalty-points>
<span>Loyalty Points<b> 4</b> <span>Learn more about our</span> <a href="<?php echo $helper->getBaseUrlData()."loyalty-points-program" ?>">loyalty points program</a></span>
</div>
<!-- End -->
Replace Vendor and Module wherever needed.
add a comment |
Your Answer
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "479"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f269621%2fi-wish-to-add-the-new-div-in-pdp-page-after-price-section-in-mageno-2%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
You can create a custom module and add following files.
[Vendor]/[Module]/view/frontend/layout/catalog_product_view.xml
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceContainer name="product.info.main">
<block class="MagentoFrameworkViewElementTemplate" after="product.price.tier" template="Vendor_Module::afterprice.phtml" />
</referenceContainer>
</body>
</page>
[Vendor]/[Module]/view/frontend/templates/afterprice.phtml
<!-- custom div start -->
<?php $helper = $this->helper('xProductReviewHelperData');
?>
<div class="price-guarantee">
<a href="<?php echo $helper->getBaseUrlData()."why-shop-with-us" ?>" class="guarantee-link">100 % Price Guarantee</a>
</div>
<div class = loyalty-points>
<span>Loyalty Points<b> 4</b> <span>Learn more about our</span> <a href="<?php echo $helper->getBaseUrlData()."loyalty-points-program" ?>">loyalty points program</a></span>
</div>
<!-- End -->
Replace Vendor and Module wherever needed.
add a comment |
You can create a custom module and add following files.
[Vendor]/[Module]/view/frontend/layout/catalog_product_view.xml
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceContainer name="product.info.main">
<block class="MagentoFrameworkViewElementTemplate" after="product.price.tier" template="Vendor_Module::afterprice.phtml" />
</referenceContainer>
</body>
</page>
[Vendor]/[Module]/view/frontend/templates/afterprice.phtml
<!-- custom div start -->
<?php $helper = $this->helper('xProductReviewHelperData');
?>
<div class="price-guarantee">
<a href="<?php echo $helper->getBaseUrlData()."why-shop-with-us" ?>" class="guarantee-link">100 % Price Guarantee</a>
</div>
<div class = loyalty-points>
<span>Loyalty Points<b> 4</b> <span>Learn more about our</span> <a href="<?php echo $helper->getBaseUrlData()."loyalty-points-program" ?>">loyalty points program</a></span>
</div>
<!-- End -->
Replace Vendor and Module wherever needed.
add a comment |
You can create a custom module and add following files.
[Vendor]/[Module]/view/frontend/layout/catalog_product_view.xml
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceContainer name="product.info.main">
<block class="MagentoFrameworkViewElementTemplate" after="product.price.tier" template="Vendor_Module::afterprice.phtml" />
</referenceContainer>
</body>
</page>
[Vendor]/[Module]/view/frontend/templates/afterprice.phtml
<!-- custom div start -->
<?php $helper = $this->helper('xProductReviewHelperData');
?>
<div class="price-guarantee">
<a href="<?php echo $helper->getBaseUrlData()."why-shop-with-us" ?>" class="guarantee-link">100 % Price Guarantee</a>
</div>
<div class = loyalty-points>
<span>Loyalty Points<b> 4</b> <span>Learn more about our</span> <a href="<?php echo $helper->getBaseUrlData()."loyalty-points-program" ?>">loyalty points program</a></span>
</div>
<!-- End -->
Replace Vendor and Module wherever needed.
You can create a custom module and add following files.
[Vendor]/[Module]/view/frontend/layout/catalog_product_view.xml
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceContainer name="product.info.main">
<block class="MagentoFrameworkViewElementTemplate" after="product.price.tier" template="Vendor_Module::afterprice.phtml" />
</referenceContainer>
</body>
</page>
[Vendor]/[Module]/view/frontend/templates/afterprice.phtml
<!-- custom div start -->
<?php $helper = $this->helper('xProductReviewHelperData');
?>
<div class="price-guarantee">
<a href="<?php echo $helper->getBaseUrlData()."why-shop-with-us" ?>" class="guarantee-link">100 % Price Guarantee</a>
</div>
<div class = loyalty-points>
<span>Loyalty Points<b> 4</b> <span>Learn more about our</span> <a href="<?php echo $helper->getBaseUrlData()."loyalty-points-program" ?>">loyalty points program</a></span>
</div>
<!-- End -->
Replace Vendor and Module wherever needed.
answered yesterday
Yash ShahYash Shah
79618
79618
add a comment |
add a comment |
Thanks for contributing an answer to Magento Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f269621%2fi-wish-to-add-the-new-div-in-pdp-page-after-price-section-in-mageno-2%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown