Home › Forums › WoodMart support forum › Banner photos on the products

Banner photos on the products

Viewing 28 posts - 1 through 28 (of 28 total)
  • Author
    Posts
  • #728357

    yaojunjie0710
    Participant

    Hello, my friend
    We have a problem need to your help on the product page – banner photo.
    The STOCK and Discount ICON photos are all on the left postion.

    Attachments:
    You must be logged in to view attached files.
    #728360

    yaojunjie0710
    Participant

    Hello, my friend
    We want to our product page function (Add to Cart – Buy Now ) sam with this website link,.

    Attachments:
    You must be logged in to view attached files.
    #728363

    yaojunjie0710
    Participant

    Hello, my friend

    Attachments:
    You must be logged in to view attached files.
    #728403

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    1. For cases like this, we’ve added the Custom Label functionality: https://xtemos.com/docs-topic/custom-label-builder/

    Using the Single Product Layout Builder, you can add the Product Label element, select Label → Sale, and place it anywhere on your product page.

    However, if you prefer not to use the Layout Builder, we can also provide you with custom CSS to achieve the desired result.

    2. At the moment, there is no option to display the Add to Cart and Buy Now buttons in two separate rows. However, we are planning to add this functionality in the next update, which is scheduled to be released later this month.

    3. You can change this using Advanced Typography in the Theme Settings. Simply select “Blog post title” and adjust the typography settings as needed:
    https://monosnap.ai/file/XPwzprdlRYuD2FMuIcEZqbW91okpHr

    Best Regards.

    #728420

    yaojunjie0710
    Participant

    Hello, Aizaz
    Thanks for your kind help.
    About the first case, could you please supply the custom CSS to achieve the our desired result?

    #728456

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Please use the custom CSS code below:

    .wd .woocommerce-product-gallery .product-labels {
    	inset-inline-end: 15px !important;
    }
    
    .wd .woocommerce-product-gallery .product-labels {
    	align-items: flex-start;
    }
    
    .wd .woocommerce-product-gallery .product-label.onsale {
    	position: absolute;
      	inset-inline-end: 0;
    }

    Best Regards.

    #729120

    yaojunjie0710
    Participant

    Hello, Aizaz
    Thanks for your kind help.

    Attachments:
    You must be logged in to view attached files.
    #729131

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Please use the custom CSS code below:

    .wd .wd-product-thumb .product-labels {
    	inset-inline-end: 7px !important;
      	pointer-events: none;
    }
    
    .wd .wd-product-thumb .product-labels {
    	align-items: flex-start;
    }
    
    .wd .wd-product-thumb .product-label.onsale {
    	position: absolute;
      	inset-inline-end: 0;
    }
    
    wd .wd-product-thumb .product-label {
    	pointer-events: auto;
    }

    Best Regards.

    #729175

    yaojunjie0710
    Participant

    Hello, Aizaz
    Thanks for your kind supportant !
    But, we also need your help on the following product category.

    Attachments:
    You must be logged in to view attached files.
    #729194

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

    Best Regards

    #729202

    yaojunjie0710
    Participant

    Hello, Aizaz
    Please check the following information.

    #729307

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    We checked your website and can see that you provided a link to a product category where both the Description and Extra description are working, as well as another link to a product brand. We also checked the product brand and confirmed that the Description is working correctly and displaying the content. However, at the moment, there is no option to add an Extra description to a product brand.

    Best Regards.

    #729545

    yaojunjie0710
    Participant

    Hello, Aizaz
    I am sorry to tell you that, i can not resolve this problem at all

    #729617

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    As we mentioned in our previous message, this is a Product Brand, for which only the description can be displayed, and it works correctly: https://monosnap.ai/file/iJpftyHdhk8f9nn7QTFSnA4LYI6sdT. However, Product Brands currently do not have an Extra Description field like Product Categories do.

    Best Regards.

    #730805

    yaojunjie0710
    Participant

    Hi, my friend
    We have a problem on the Bottom page Design on Mobile Phone.
    These information ( shop, wishlist…) can not be showed correct on the Mobile Phone

    Attachments:
    You must be logged in to view attached files.
    #730827

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Try to add this following custom CSS code in Theme Settings > Custom CSS > Custom CSS for mobile:

    .wd-toolbar a,
    .wd-toolbar a .wd-tools-icon,
    .wd-toolbar .wd-toolbar-label,
    .wd-toolbar .wd-custom-icon {
        color: #333333 !important;
    }

    Best Regards

    #730836

    yaojunjie0710
    Participant

    Hello, Aizaz
    Thanks for your kind supportant.

    Attachments:
    You must be logged in to view attached files.
    #730840

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Please replace the previous CSS code with the following code in Theme Settings > Custom CSS > Custom CSS for mobile to set the mobile bottom toolbar background to black and its icons and text to white.

    .wd-toolbar {
        background-color: #000000 !important;
    }
    
    .wd-toolbar a,
    .wd-toolbar a .wd-tools-icon,
    .wd-toolbar .wd-toolbar-label,
    .wd-toolbar .wd-custom-icon {
        color: #ffffff !important;
    }

    Best Regards

    #730842

    yaojunjie0710
    Participant

    Hello, my friend
    We want to our product page function (Add to Cart – Buy Now ) sam with this website link,.

    Attachments:
    You must be logged in to view attached files.
    #730853

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Try to add this following custom CSS code in Theme Settings > Custom CSS:

    .single-product .cart .button,
    .single-product .cart .wd-buy-now-btn {
        width: 100% !important;
        margin-bottom: 5px !important;
    }

    Best Regards

    #730855

    yaojunjie0710
    Participant

    Hello, Aizaz
    Thanks for your kind supportant.

    Attachments:
    You must be logged in to view attached files.
    #730885

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Navigate to Theme Settings > Styles and Colors > Buttons > In the Advanced button styles section, you can select the “add to cart” and “Buy now” in the dropdown and change button font size, background and padding to make it like the reference site: https://postimg.cc/dLLL1JDs

    Please follow this guide: https://xtemos.com/docs-topic/advanced-button-styles/

    Best Regards

    #730915

    yaojunjie0710
    Participant

    Hello, my friend
    We need your help on the Checkout Page Design.

    We want to keep the original Checkout Page design, but, just want to add additional information on the right bottom.

    Attachments:
    You must be logged in to view attached files.
    #730921

    yaojunjie0710
    Participant

    Hi, my friend
    How can we add the social media link on the right postionof home page ?

    Attachments:
    You must be logged in to view attached files.
    #730926

    yaojunjie0710
    Participant

    Hi, my friend
    How can we add the social media link on the right postionof home page ? Home page Page – Add socila media link

    Attachments:
    You must be logged in to view attached files.
    #730931

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    01. You can use the WoodMart Layout Builder to create a custom checkout layout and add the additional image and text in the right-bottom position while keeping the original checkout functionality.

    Navigate to Dashboard > Layouts and create a custom layout for the Checkout page. You can use one of the predefined checkout layouts as a starting point and customize it to match your requirements.
    See the available checkout layout examples here:https://imgbb.com/jyKHSN1

    For more information, please refer to our documentation:
    https://woodmarttheme.com/docs/category/layouts-builder/

    02. You can enable the Sticky social links option to display social media icons on the right side of your website.
    Navigate to Dashboard > Theme Settings > Social profiles and enable Sticky social links.https://take.ms/mQgyxw

    Best Regards

    #730933

    yaojunjie0710
    Participant

    Hi, my friend
    thanks for your kind help.

    Attachments:
    You must be logged in to view attached files.
    #730938

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    It looks like the plugin adds its custom content using the standard WooCommerce hook. When you create a custom layout with a page builder, it doesn’t contain any default elements and hooks. It contains only those elements that you added with the page builder manually.

    We have a special “Hook” element in page builder that you can place to your custom layout and then the plugin will be able to add its custom content there. But we don’t know which one exactly it needs. You can either try to select all hooks one by one or contact plugin developers for help.

    Read more information here https://xtemos.com/docs-topic/custom-hooks-and-plugins-compatibility/

    Best Regards

Tagged: 

Viewing 28 posts - 1 through 28 (of 28 total)