Need some help with design (coding)

A

auiu

Junior Member
Joined
Aug 17, 2018
Messages
156
Reaction score
32
Hello guys!
Happy New Year!

I am creating a e-commerce design but i need some help.
I want to add a button next to the ADD TO CART button to show the shipping time ( even as pop up or to link to the page of shipping time explanations).
I am using flatsome Theme!

https://imgur.com/a/t1QUOR7
GSBGk5k


Thank you!
 
Advertise on BHW
So what is exactly the part you need help with? Do you plan to use any plugins for this part?
 
I need to add a new button named Shipping time to be next to the Add to cart button like in the picture.
When clicking on this new button i want to show a pop up window showing the shipping time or to link this button to a Page where i have explained the shipping time.
I want this button to appear on every product.
 
I am not sure what platform do you use but I hope you can insert code and create new pages, if yes, then having a separated page will be the easiest:

Step 1: Create a page with the shipping info. The url of this page you will input in Step 2.
Step 2: Add a button code (with a link to a new page) to a product template page (assuming you are using some e-commerce framework):

Code: 
<a href="/your-shipping-info-page-url" target="_blank">Shipping time</a>

P.S. Next time when you start this type of post, try to include as many information about the current stack/technology you are using as possible so it's easier for someone to give you a solution.
 
I mentioned im using Flatsome theme. What other info do you need?
 
auiu said:
I mentioned im using Flatsome theme. What other info do you need?
Click to expand...
After a quick google-fu, I assume "Flatsome theme" is a Wordpress theme. Well, normally you want to specify a platform your site runs on (so in your case it's Wordpress). Sorry but normally when someone says "e-commerce" I wouldn't assume they are running on Wordpress :)

Coming back to the solution I've provided - are you able to identify the file in wordpress responsible for product template? If yes, you should be able to inject the code next to the "Add" button.

Let me know.
 
As flatsome theme is the best selling theme for e commerce on wordpress i assumed it was clear that the platform was wordpress. And i use woocommerce plug in to create the product (and the Shop).
Any way i should be more specific in the future.

I am new in creating websites (also new in wordpress) so i dont know which is the file responsible for product template...
 
Since you are new to development, the easiest way for you to locate the exact file would be searching the entire code base for "add to cart" phrase in some text/code editor. This way, very likely you will stumble upon the product page where you should inject the code from my previous answer.
Since this is Wordpress and e-commerce, I assume the code is somehow structured and have product template.

Are you able to open the folder with the code on your local computer in a text editor?
 
Hmmm i dont know...
Maybe i will ask at the flatsome team support and get a faster and not complicated result...
Anyway thank you for your help
 
I have installed it. How to add another custom button?
 
Advertise on BHW
You must log in or register to reply here.
Sign up now!

Main Menu

Home Main Forum List Black Hat SEO White Hat SEO BHW Newbie Guide Blogging Black Hat Tools Social Media Downloads

Marketplace

Account Selling Content / Copywriting EBooks / Methods Hosting Misc Proxies For Sale SEO - Link building SEO - Packages Social Media Social Media - Panels Web Design More

Making Money

Affiliate Programs Hire a Freelancer IM Journeys Making Money Pay Per Click Site Flipping Want to Buy

BlackHat World

Dispute Resolution Forum Suggestions & Feedback Introductions Lounge
Back
Top