/*! pro-elements - v3.23.0 - 05-08-2024 */ "use strict"; (self["webpackChunkelementor_pro"] = self["webpackChunkelementor_pro"] || []).push([["woocommerce-my-account"],{ /***/ "../modules/woocommerce/assets/js/frontend/handlers/base.js": /*!******************************************************************!*\ !*** ../modules/woocommerce/assets/js/frontend/handlers/base.js ***! \******************************************************************/ /***/ ((__unused_webpack_module, exports) => { Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; class Base extends elementorModules.frontend.handlers.Base { getDefaultSettings() { return { selectors: { stickyRightColumn: '.e-sticky-right-column' }, classes: { stickyRightColumnActive: 'e-sticky-right-column--active' } }; } getDefaultElements() { const selectors = this.getSettings('selectors'); return { $stickyRightColumn: this.$element.find(selectors.stickyRightColumn) }; } bindEvents() { // Add our wrapper class around the select2 whenever it is opened. elementorFrontend.elements.$document.on('select2:open', event => { this.addSelect2Wrapper(event); }); } addSelect2Wrapper(event) { // The select element is recaptured every time because the markup can refresh const selectElement = jQuery(event.target).data('select2'); if (selectElement.$dropdown) { selectElement.$dropdown.addClass('e-woo-select2-wrapper'); } } isStickyRightColumnActive() { const classes = this.getSettings('classes'); return this.elements.$stickyRightColumn.hasClass(classes.stickyRightColumnActive); } activateStickyRightColumn() { const elementSettings = this.getElementSettings(), $wpAdminBar = elementorFrontend.elements.$wpAdminBar, classes = this.getSettings('classes'); let stickyOptionsOffset = elementSettings.sticky_right_column_offset || 0; if ($wpAdminBar.length && 'fixed' === $wpAdminBar.css('position')) { stickyOptionsOffset += $wpAdminBar.height(); } if ('yes' === this.getElementSettings('sticky_right_column')) { this.elements.$stickyRightColumn.addClass(classes.stickyRightColumnActive); this.elements.$stickyRightColumn.css('top', stickyOptionsOffset + 'px'); } } deactivateStickyRightColumn() { if (!this.isStickyRightColumnActive()) { return; } const classes = this.getSettings('classes'); this.elements.$stickyRightColumn.removeClass(classes.stickyRightColumnActive); } /** * Activates the sticky column * * @return {void} */ toggleStickyRightColumn() { if (!this.getElementSettings('sticky_right_column')) { this.deactivateStickyRightColumn(); return; } if (!this.isStickyRightColumnActive()) { this.activateStickyRightColumn(); } } equalizeElementHeight($element) { if ($element.length) { $element.removeAttr('style'); // First remove the custom height we added so that the new height can be re-calculated according to the content let maxHeight = 0; $element.each((index, element) => { maxHeight = Math.max(maxHeight, element.offsetHeight); }); if (0 < maxHeight) { $element.css({ height: maxHeight + 'px' }); } } } /** * WooCommerce prints the Purchase Note separated from the product name by a border and padding. * In Elementor's Order Summary design, the product name and purchase note are displayed un-separated. * To achieve this design, it is necessary to access the Product Name line before the Purchase Note line to adjust * its padding. Since this cannot be achieved in CSS, it is done in this method. * * @param {Object} $element * * @return {void} */ removePaddingBetweenPurchaseNote($element) { if ($element) { $element.each((index, element) => { jQuery(element).prev().children('td').addClass('product-purchase-note-is-below'); }); } } /** * `elementorPageId` and `elementorWidgetId` are added to the url in the `_wp_http_referer` input which is then * received when WooCommerce does its cart and checkout ajax requests e.g `update_order_review` and `update_cart`. * These query strings are extracted from the url and used in our `load_widget_before_wc_ajax` method. */ updateWpReferers() { const selectors = this.getSettings('selectors'), wpHttpRefererInputs = this.$element.find(selectors.wpHttpRefererInputs), url = new URL(document.location); url.searchParams.set('elementorPageId', elementorFrontend.config.post.id); url.searchParams.set('elementorWidgetId', this.getID()); wpHttpRefererInputs.attr('value', url); } } exports["default"] = Base; /***/ }), /***/ "../modules/woocommerce/assets/js/frontend/handlers/my-account.js": /*!************************************************************************!*\ !*** ../modules/woocommerce/assets/js/frontend/handlers/my-account.js ***! \************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _base = _interopRequireDefault(__webpack_require__(/*! ./base */ "../modules/woocommerce/assets/js/frontend/handlers/base.js")); class MyAccountHandler extends _base.default { getDefaultSettings() { return { selectors: { address: 'address', tabLinks: '.woocommerce-MyAccount-navigation-link a', viewOrderButtons: '.my_account_orders .woocommerce-button.view', viewOrderLinks: '.woocommerce-orders-table__cell-order-number a', authForms: 'form.login, form.register', tabWrapper: '.e-my-account-tab', tabItem: '.woocommerce-MyAccount-navigation li', allPageElements: '[e-my-account-page]', purchasenote: 'tr.product-purchase-note', contentWrapper: '.woocommerce-MyAccount-content-wrapper' } }; } getDefaultElements() { const selectors = this.getSettings('selectors'); return { $address: this.$element.find(selectors.address), $tabLinks: this.$element.find(selectors.tabLinks), $viewOrderButtons: this.$element.find(selectors.viewOrderButtons), $viewOrderLinks: this.$element.find(selectors.viewOrderLinks), $authForms: this.$element.find(selectors.authForms), $tabWrapper: this.$element.find(selectors.tabWrapper), $tabItem: this.$element.find(selectors.tabItem), $allPageElements: this.$element.find(selectors.allPageElements), $purchasenote: this.$element.find(selectors.purchasenote), $contentWrapper: this.$element.find(selectors.contentWrapper) }; } editorInitTabs() { this.elements.$allPageElements.each((index, element) => { const currentPage = element.getAttribute('e-my-account-page'); let $linksToThisPage; switch (currentPage) { case 'view-order': $linksToThisPage = this.elements.$viewOrderLinks.add(this.elements.$viewOrderButtons); break; default: $linksToThisPage = this.$element.find('.woocommerce-MyAccount-navigation-link--' + currentPage); } $linksToThisPage.on('click', () => { this.currentPage = currentPage; this.editorShowTab(); }); }); } editorShowTab() { const $currentPage = this.$element.find('[e-my-account-page="' + this.currentPage + '"]'); this.$element.attr('e-my-account-page', this.currentPage); this.elements.$allPageElements.hide(); $currentPage.show(); this.toggleEndpointClasses(); if ('view-order' !== this.currentPage) { this.elements.$tabItem.removeClass('is-active'); this.$element.find('.woocommerce-MyAccount-navigation-link--' + this.currentPage).addClass('is-active'); } /** * We need to run equalizeElementHeights() again when the 'edit-address' or 'view-order' tab is shown, because jQuery cannot * get the height of hidden elements, and this tab was hidden on initial page load in the editor. */ if ('edit-address' === this.currentPage || 'view-order' === this.currentPage) { this.equalizeElementHeights(); } } toggleEndpointClasses() { const wcPages = ['dashboard', 'orders', 'view-order', 'downloads', 'edit-account', 'edit-address', 'payment-methods']; let wrapperClass = ''; this.elements.$tabWrapper.removeClass('e-my-account-tab__' + wcPages.join(' e-my-account-tab__') + ' e-my-account-tab__dashboard--custom'); if ('dashboard' === this.currentPage && this.elements.$contentWrapper.find('.elementor').length) { wrapperClass = ' e-my-account-tab__dashboard--custom'; } if (wcPages.includes(this.currentPage)) { this.elements.$tabWrapper.addClass('e-my-account-tab__' + this.currentPage + wrapperClass); } } applyButtonsHoverAnimation() { const elementSettings = this.getElementSettings(); if (elementSettings.forms_buttons_hover_animation) { this.$element.find('.woocommerce button.button, #add_payment_method #payment #place_order').addClass('elementor-animation-' + elementSettings.forms_buttons_hover_animation); } if (elementSettings.tables_button_hover_animation) { this.$element.find('.order-again .button, td .button, .woocommerce-pagination .button').addClass('elementor-animation-' + elementSettings.tables_button_hover_animation); } } equalizeElementHeights() { this.equalizeElementHeight(this.elements.$address); // Equalize
boxes height if (!this.isEdit) { // Auth forms do not display in the Editor this.equalizeElementHeight(this.elements.$authForms); // Equalize login/reg boxes height } } onElementChange(propertyName) { // When the 'General Text' Typography or 'Section' Padding is changed, the height of the boxes need to update as well. if (0 === propertyName.indexOf('general_text_typography') || 0 === propertyName.indexOf('sections_padding')) { this.equalizeElementHeights(); } if (0 === propertyName.indexOf('forms_rows_gap')) { this.removePaddingBetweenPurchaseNote(this.elements.$purchasenote); } if ('customize_dashboard_select' === propertyName) { elementorPro.modules.woocommerce.onTemplateIdChange('customize_dashboard_select'); } } bindEvents() { super.bindEvents(); // The heights of the Registration and Login boxes need to be recaclulated and equalized when // WooCommerce adds validation messages (such as the password strength meter) into these sections. elementorFrontend.elements.$body.on('keyup change', '.register #reg_password', () => { this.equalizeElementHeights(); }); } onInit() { super.onInit(...arguments); if (this.isEdit) { this.editorInitTabs(); if (!this.$element.attr('e-my-account-page')) { this.currentPage = 'dashboard'; } else { this.currentPage = this.$element.attr('e-my-account-page'); } this.editorShowTab(); } this.applyButtonsHoverAnimation(); this.equalizeElementHeights(); this.removePaddingBetweenPurchaseNote(this.elements.$purchasenote); } } exports["default"] = MyAccountHandler; /***/ }) }]); //# sourceMappingURL=woocommerce-my-account.6509f179e93231fa2b6a.bundle.js.mapbody.elementor-apps-page { background: var(--e-a-color-white); } .e-a-apps .e-a-page-title { margin: 30px auto 60px; max-width: 770px; text-align: center; } .e-a-apps .e-a-page-title h2 { font-size: 28px; margin: 0; line-height: 1.6; } .e-a-apps .e-a-page-title p { margin-block-start: 0; font-size: 16px; } .e-a-apps .e-a-page-title p a { color: inherit; } .e-a-apps .e-a-page-footer { margin: 60px auto; text-align: center; } .e-a-apps .e-a-page-footer p { max-width: 1200px; margin: auto; } .e-a-apps .e-a-list { display: grid; grid-gap: 30px; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); } .e-a-apps .e-a-item { border: var(--e-a-border); border-radius: var(--e-a-border-radius); display: flex; padding: 20px 24px; flex-direction: column; align-items: flex-start; transition: var(--e-a-transition-hover); } .e-a-apps .e-a-item:hover { border-color: var(--e-a-border-color-bold); } .e-a-apps .e-a-heading { display: flex; justify-content: space-between; align-items: flex-start; width: 100%; } .e-a-apps .e-a-heading .e-a-img { border-radius: var(--e-a-border-radius); width: 70px; display: flex; margin-block-end: 20px; } .e-a-apps .e-a-heading .e-a-badge { background: #ECFDF5; color: #047857; border-radius: 100px; padding: 3px 8px; } .e-a-apps .e-a-title, .e-a-apps .e-a-author { margin: 0; line-height: 1.6; } .e-a-apps .e-a-author { font-size: 12px; } .e-a-apps .e-a-author a { color: inherit; } .e-a-apps .e-a-desc { flex-grow: 1; } .e-a-apps .e-a-offering { font-size: 12px; font-style: italic; } .e-a-apps .e-a-actions { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-block-start: 20px; } .e-a-apps .e-a-actions a { text-decoration: none; } .e-a-apps .e-a-actions .e-accent { margin-inline-start: auto; } .e-a-apps .e-a-actions .e-a-learn-more { color: #4338CA; font-weight: 500; } /*# sourceMappingURL=admin.css.map */ Juan Pedro de Frutos - Redactor digital SEO |
juan pedro de frutos

Licenciado en Periodismo y en Economía, con Máster en Márketing Digital y Máster de SEO avanzado con BIG SEO, actualmente soy SEO Manager en Agencia con más de 4 años de experiencia.

He trabajado en empresas internacionales en España y en México, en medios de comunicación digitales, y dirigido mis propios proyectos en estos y como nichero.  [Casos de éxito SEO]

Tras 13 años de experiencia profesional como periodista y 4 años como SEO he tenido la oportunidad de trabajar en radio, prensa, televisión y agencias, y vivir la evolución hacia la era digital. Gracias a conocer cada ámbito de la comunicación y sus entresijos, ofrezco un servicio personalizado y efectivo.

Agencias

4 años de experiencia como Consultor SEO, Redactor SEO, y contacto con clientes.

Medios de comunicación

+10 años de experiencia como Redactor digital SEO de Economía, Ocio y deportes, y Tecnología.

Freelance

Creación y análisis de proyectos, auditorías, reputación, redacción, comunicación con medios, edición de imagen, grabación y edición de vídeo.

Empresas que han confiado en mí

Agencias y medios de comunicación
u3.jpg
Periodista digital
Redactor con más de 10 años de experiencia en medios de comunicación.

Tecnología – Economía – Lifestyle
mt-sample-background
SEO
Análisis técnico y posicionamiento.

Redacción de notas prensa e informes, SEO On y Off Page tanto para medios, PYMES, ecommerce y grandes empresas.
redactor seo
Marketing Digital
Grabación y edición de vídeo. Estrategia orgánica y SEM. Creación de páginas WEB. Google Shopping.

Proyectos propios

Páginas webs en activo creadas por mí
seo para periodistas

Seo para periodistas

SEO y formación

Contacto

¿Hablamos?

info@juanpedrodefrutos.es